码迷,mamicode.com
首页 > Web开发 > 详细

网站优化小记

时间:2016-11-18 17:58:42      阅读:197      评论:0      收藏:0      [点我收藏+]

标签:com   .com   scom   env   gif   ie6   文件类型   css   特定   

    车速递网站进行优化,提升访问速度。

  1、nginx和Apache开启Gzip压缩

  nginx:

技术分享
 1 vim /usr/local/nginx/conf/nginx.conf
 2 
 3 gzip on;#开启Gzip
 4 gzip_min_length 1k;#不压缩临界值,大于1K的才压缩,一般不用改
 5 gzip_buffers 4 16k;#buffer,就是,嗯,算了不解释了,不用改
 6 #gzip_http_version 1.0;#用了反向代理的话,末端通信是HTTP/1.0,有需求的应该也不用看我这科普文了;有这句的话注释了就行了,默认是HTTP/1.1
 7 gzip_comp_level 2;#压缩级别,1-10,数字越大压缩的越好,时间也越长,看心情随便改吧
 8 gzip_types text/plain application/x-javascript text/css application/xml #进行压缩的文件类型,缺啥补啥就行了,JavaScript有两种写法,最好都写上吧,总有人抱怨js文件没有压缩,其实多写一种格式就行了text/javascript application/x-httpd-php image/jpeg image/gif image/png; #跟Squid等缓存服务有关,on的话会在Header里增加"Vary: Accept-Encoding",
 9 gzip_vary off;#我不需要这玩意,自己对照情况看着办吧
10 gzip_disable "MSIE [1-6]\.";#IE6对Gzip不怎么友好,不给它Gzip了
11 
12 :wq保存退出,重新加载Nginx
13 /usr/local/nginx/sbin/nginx -s reload
View Code

  Apache:

技术分享
 1 1、修改Apache的http.conf文件,去除mod_deflate.so前面的注释
 2     LoadModule deflate_module modules/mod_deflate.so
 3 
 4 2、在根目录中新建.htaccess文件,定制压缩规则
 5     #GZIP压缩模块配置
 6     <ifmodule mod_deflate.c>
 7     #启用对特定MIME类型内容的压缩
 8     SetOutputFilter DEFLATE
 9     SetEnvIfNoCase Request_URI .(?:gif|jpe?g|png|exe|t?gz|zip|bz2|sit|rar|pdf|mov|avi|mp3|mp4|rm)$ no-gzip dont-vary #设置不对压缩的文件
10     AddOutputFilterByType DEFLATE text/html text/css text/plain text/xml application/x-httpd-php application/x-javascript #设置对压缩的文件
11     </ifmodule>
12 
13 3、对指定的文件配置缓存的生存时间,去除mod_headers.so模块前面的注释
14     LoadModule headers_module modules/mod_headers.so
15 
16 4、在根目录中新建.htaccess文件,定制压缩规则
17     #文件缓存时间配置
18     <FilesMatch ".(flv|gif|jpg|jpeg|png|ico|swf|js|css)$">
19     Header set Cache-Control "max-age=2592000"
20     </FilesMatch>
View Code

   

  2、轮播等图片使用小于50KB(手机站)

  3、将样式放在头部

  4、将脚本放在底部

  5、使用ajax缓存

    使用异步ajax请求数据,少使用后台请求直接渲染页面或者form表单提交数据。

    ①后台请求完了才渲染,渲染前一直出于等于状态。

    ②当提交表单时就向Web服务器发送一个请求。服务器接收并处理传来的表单,然后送回一个新的网页,但这个做法浪费了许多带宽,因为在前后两个页面中的大部分HTML码往往是相同的。而ajax服务器和浏览器之间交换的数据大量减少(大约只有原来的5%)[来源请求],服务器回应更快了,并且处理工作可以在客户端执行,减少服务器压力。

    ③尽量使用GET请求,GET的请求,是可以(而且默认)在客户端进行缓存的,除非指定了不同的地址,否则同一个地址的AJAX请求,不会重复在服务器执行,而是返回304。

  6、压缩js和css  

    这个是在线压缩:http://tool.oschina.net/jscompress?type=3

  7、精简html、js和css

    删除无用代码及空格,减少文件大小。

  8、避免重定向

  9、减少http请求

    比如使用CSS Sprites、图片地图

  10、使用外部JavaScript和CSS

    内联脚本或者样式可以减少HTTP请求,但是外部引入文件可以缓存起来。

  11、使用Google的pagespeed

    PageSpeed Insights 先分析网页的内容,然后提供关于如何提升网页加载速度的建议。

 

网站优化小记

标签:com   .com   scom   env   gif   ie6   文件类型   css   特定   

原文地址:http://www.cnblogs.com/itslives-com/p/pagespeed.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!