在不影响页面内容的情况下来减少站点的页面输出量、增加页面的访问速度。

         像我的博客关注Java日访问量为500-800左右。由于服务器租赁商做了流量限制,每个月只有9个G的流量。昨天到了后台查看已经用了2个G了。这才5天啊。这样算下来就是25日左右估计就要流量用完导致访问失败了。所以必须想办法减少页面的输出流量。要优化的东西有很多。

 

       1  首先是要使用gzip压缩站点页面。

 

       GZIP最早由Jean-loup Gailly和Mark Adler创建，用于UNIX系统的文件压缩。我们在Linux中经常会用到后缀为.gz的文件，它们就是GZIP格式的。现今已经成为Internet 上使用非常普遍的一种数据压缩格式，或者说一种文件格式。HTTP协议上的GZIP编码是一种用来改进WEB应用程序性能的技术。大流量的WEB站点常常使用GZIP压缩技术来让用户感受更快的速度。

          可以参考文章:使用gzip减少页面输出量,加快访问速度 压缩后的大小是没压缩大小的五分之一。大大加快了页面的打开速度。

 

网址 http://www.gbsou.com 检测结果如下:
是否压缩	是
压缩类型	gzip
原始文件大小	50072 字节
压缩后文件大小	10693 字节
压缩率（估计值）	78.64%

 

 

       2 脚本和样式文件的压缩  

      很多站点的开发者,在编写脚本和样式的时候都很少进行压缩(不可否认我也是这样)。这直接导致了我们的网站页面输出量很大,一方面影响页面的打开速度,另一方面也增加了服务器和客户端(脚本在客户端解析)的负担。还有就是像我这样有流量限制的,直接月底还没到流量都用完了。

        那这时我们采取的做法是压缩我们的css和js脚本。点击到css和js脚本压缩工具页面。但是有的站点源代码提供者提供了脚本(js)和样式文件(css)的优化。如果您稍微熟悉抓包的用户。你可以使用httpwatch 抓包看那些包耗用网速比较大。这类文件基本上是没经过压缩的。

 

        3 使用静态代码替代动态代码。

           这项优化将会让您的页面打开速度提高至少50%。wordpress等博客源代码因为追求通用,所以很多时候代码都是写的很活的。比如你的博客名,你的博客副

标题,一些url路径,以及一些页面上看不到,但是针对搜索引擎收录至关重要的meta代码。其实这些基本上都是不变的。所以根本不需要去动态

获取这类数据。

        比如<link rel=”stylesheet” type=”text/css” media=”screen” href=”<?php bloginfo(’stylesheet_url’); ?>” />

        这里的<?php bloginfo(’stylesheet_url’); ?>就是动态获取样式路径的代码。部署到服务器上获取的数据每次都一样。所以不需要每次都动态获取。所以最好就直接写死成:<link rel=”stylesheet” type=”text/css” media=”screen” href=”http://www.gbsou.com/wp-content/themes/block/style.css” />

       这边可以直接在你打开的代码中右击选择查看源代码。然后把里面的代码去替换后台文件里的对应的动态代码。

 

 

        4 尽量把js,css,小图片文件合并从而减少页面的http请求。

           这里并不是强制要求合并。因为开发者分开这些文件是有道理的。他们一般是正对不同页面分不同的css样式。这里的合并是正对你的css或js文件不经常改动来说的。郭欣 著《构建高性能web站点》一书中有提到要减少页面的http请求。因为每个http请求都会耗用网络资源,造成网络延时,从而减缓页面的打开速度。所以能一次通过http请求得到的资源最好不要分两此。到是不比太担心每次都会去加载这些合并后的大文件。因为别人访问你的网站的时候一般不会只打开一张页面,在打开一张页面加载完这写css,js文件后,浏览器会缓存这些文件。所以访问下张页面页面时会直接在本地缓存里去读,而不是再次请求。

          小的图片可以放在一张图片里,使用css里德image-position来获取一张图的里某个位置的画面。

 

          5 如果有需要可以吧一些静态代码写在js脚本里输出。

           这个是针对控件服务器商有做流量限制的站长而建议的。就像我的博客一样。今天我在优化博客的时候发现,我的右侧边栏里的订阅代码,其实是写死在里面的,但是每访问一张页面都要从服务器上去请求。其实请求的内容都一样。所以我决定吧它写到一个js文件里。第一次请求的时候回去获取。第二次的时候就不会再从服务器上获取了,从而减少了页面的输出量。

        因为参照第4条可知。访问同一站点时,第二次浏览器会直接饮用本地的js文件。所以效果还是一样的,但是减少了服务器端的输出量。这里可以使用 Html转换成js 工具

        就拿本站来说:

 

      关注J2EE及其相关知识

请求所花时间	发送	接受	状态码	文件类型	请求地址
0.235	265	1497	200	text/javascript	http://www.gbsou.com/dingyue.js
0.003	0	0	(Cache)	text/javascript	http://www.gbsou.com/dingyue.js

     上面是我2次抓包的数据很明显看出 相同的js文件在第二次请求的时候不在去服务器请求而是在cache（本地缓存）里取。耗用和流量都几乎为0。这样做既减轻了服务器的压力,减少了服务器端的输出量,又加快了速度。

      但是注意一点。由于第4条中建议减少页面http请求,所以如果你想放入js里的代码不多的时候,尽量不要使用。

 

 

         6 使用外部链接

            这个是正对服务器速度慢 或 且服务器空间又小不能放太多文件 或 服务器商做了流量限制时使用。

            一般租服务器,空间越大收费越高。所以在买经济性的空间时,能不放在本服务器上的东西尽量不放在本服务器。比如js,css,图片,flash等,可以上传到一些大网站,然后在本站引用图片,js,css,flash地址。

           如果自己的服务器访问这些文件慢也可以放到一些大的服务器上。比如http://code.google.com。 这个是谷歌提供的地址。适合做Java开发的人。