当前位置: 首页 > news >正文

新产品为了效果,做的比較炫,用了非常多的图片和JS,所曾经端的性能是非常大的问题,分篇记录前端性能优化的一些小经验。...



第一篇:HTTPserver


    因tomcat处理静态资源的速度比較慢,所以首先想到的就是把全部静态资源(JS,CSS,image,swf)


提到单独的server,用更加高速的HTTPserver,这里选择了nginx了,nginx相比apache,更加轻量级,


配置更加简单,并且nginx不不过高性能的HTTPserver,还是高性能的反向代理server。


    眼下非常多大型站点都使用了nginx,新浪、网易、QQ等都使用了nginx。说明nginx的稳定性和性能还是非常不错的。


 1. nginx 安装(linux)


    http://nginx.org/en/download.html 下载最新稳定版本号


    依据自己须要的功能先下载相应模板,这里下载了以下几个模块:

    openssl-0.9.8l,zlib-1.2.3,pcre-8.00


    编译安装nginx:

./configure 

--without-http_rewrite_module 

--with-http_ssl_module 

--with-openssl=../../lib/openssl-0.9.8l 

--with-zlib=../../lib/zlib-1.2.3 

--with-pcre=../../lib/pcre-8.00

--prefix=/usr/local/nginx


make


make install  


  2、nginx处理静态资源的配置


     #启动GZIP压缩CSS和JS

     gzip  on;

     # 压缩级别 1-9,默认是1,级别越高压缩率越大,当然压缩时间也就越长

     gzip_comp_level 4;         

     # 压缩类型

     gzip_types text/css application/x-javascript;


     # 定义静态资源訪问的服务,相应的域名:res.abc.com

     server {

        listen       80;

        server_name  res.abc.com;


# 开启server读取文件的缓存。

open_file_cache max=200 inactive=2h;

open_file_cache_valid 3h;

open_file_cache_errors off;


        charset utf-8;


     # 推断假设是图片或swf。client缓存5天

location ~* ^.+.(ico|gif|bmp|jpg|jpeg|png|swf)$ {

   root   /usr/local/resource/;

   access_log off;

   index  index.html index.htm;

   expires 5d;

        }


# 因JS,CSS修改比較频繁。client缓存8小时

location ~* ^.+.(js|css)$ {

   root   /usr/local/resource/;

   access_log off;

   index  index.html index.htm;

   expires 8h;

        }


# 其它静态资源

location / {

   root   /usr/local/resource;

   access_log off;

   expires 8h;

}

    }


    3、nginx 反向代理设置


    # 反向代理服务,绑定域名www.abc.com

    server {

listen       80;

server_name  www.abc.com;


charset utf-8;


# BBS使用Discuz! 

# 因反向代理为了提高性能,一部分http头部信息不会转发给后台的server,

# 使用proxy_pass_header 和 proxy_set_header 把有须要的http头部信息转发给后台server

location ^~ /bbs/ {

   root   html;

   access_log off;

   index index.php;

   # 转发host的信息,假设不设置host,在后台使用request.getServerName()取到的域名不是www.abc.com。而是127.0.0.1

   proxy_set_header Host $host;

   # 因Discuz! 为了安全,须要获取clientUser-Agent来推断每次POST数据是否跟第一次请求来自同1个浏览器,

   # 假设不转发User-Agent,Discuz! 提交数据就会报"您的请求来路不对,无法提交"的错误

   proxy_pass_header User-Agent;

   proxy_pass http://127.0.0.1:8081;

}


# 其它请求转发给tomcat

location / {

   root   html;

   access_log off;

   index index.jsp;

   proxy_pass http://127.0.0.1:8080;

}


error_page   500 502 503 504  /50x.html;

        location = /50x.html {

            root   html;

        }

    }


nginx具体配置參考:http://wiki.nginx.org/

PS:假设安装提示GCC not found。执行以下命令安装就能够(apt-get install build-essential),仅限debian

转载于:https://www.cnblogs.com/jzssuanfa/p/7252196.html

相关文章:

  • 百度地图坐标拾取
  • @RequestMapping-占位符映射
  • 夺命雷公狗TP3.2.3商城13-----无限极分类添加
  • 【征文】Hadoop十周年特别策划——我与Hadoop不得不说的故事
  • hdu 1671 Phone List
  • HDU 4607 树的直径
  • 并发队列ConcurrentLinkedQueue和阻塞队列LinkedBlockingQueue用法
  • Oracle日志查看
  • Oracle查询最近执行过的SQL语句
  • 统一设备模型(1)——bus、subsys_interface、class、class_interface分析
  • IIS7.5 错误代码0x8007007e HTTP 错误 500.19 - Internal Server Error
  • 竖排主菜单鼠标滑动角度判断显示子分类
  • [NOIP2015] 运输计划
  • 【搜索】POJ-3669 BFS
  • Django model字段类型参考列表
  • 《剑指offer》分解让复杂问题更简单
  • go append函数以及写入
  • HTTP 简介
  • JavaScript设计模式之工厂模式
  • js递归,无限分级树形折叠菜单
  • Object.assign方法不能实现深复制
  • Otto开发初探——微服务依赖管理新利器
  • python docx文档转html页面
  • Spark in action on Kubernetes - Playground搭建与架构浅析
  • SQLServer之创建数据库快照
  • ⭐ Unity 开发bug —— 打包后shader失效或者bug (我这里用Shader做两张图片的合并发现了问题)
  • weex踩坑之旅第一弹 ~ 搭建具有入口文件的weex脚手架
  • 如何用Ubuntu和Xen来设置Kubernetes?
  • 使用iElevator.js模拟segmentfault的文章标题导航
  • 微信端页面使用-webkit-box和绝对定位时,元素上移的问题
  • 详解移动APP与web APP的区别
  • 小程序button引导用户授权
  • 第二十章:异步和文件I/O.(二十三)
  • 整理一些计算机基础知识!
  • ​草莓熊python turtle绘图代码(玫瑰花版)附源代码
  • #ifdef 的技巧用法
  • #NOIP 2014# day.1 生活大爆炸版 石头剪刀布
  • #pragma pack(1)
  • $分析了六十多年间100万字的政府工作报告,我看到了这样的变迁
  • (C#)获取字符编码的类
  • (Matlab)基于蝙蝠算法实现电力系统经济调度
  • (简单有案例)前端实现主题切换、动态换肤的两种简单方式
  • (企业 / 公司项目)前端使用pingyin-pro将汉字转成拼音
  • ... 是什么 ?... 有什么用处?
  • .net core 客户端缓存、服务器端响应缓存、服务器内存缓存
  • .NET/C# 解压 Zip 文件时出现异常:System.IO.InvalidDataException: 找不到中央目录结尾记录。
  • @ModelAttribute使用详解
  • [ CTF ] WriteUp- 2022年第三届“网鼎杯”网络安全大赛(白虎组)
  • [ vulhub漏洞复现篇 ] ECShop 2.x / 3.x SQL注入/远程执行代码漏洞 xianzhi-2017-02-82239600
  • [acwing周赛复盘] 第 94 场周赛20230311
  • [AX]AX2012 AIF(四):文档服务应用实例
  • [bbk5179]第66集 第7章 - 数据库的维护 03
  • [BUG] Hadoop-3.3.4集群yarn管理页面子队列不显示任务
  • [C/C++]_[初级]_[关于编译时出现有符号-无符号不匹配的警告-sizeof使用注意事项]
  • [C++] 统计程序耗时