在不影响页面内容的情况下来减少站点的页面输出量、增加页面的访问速度。
像我的博客关注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开发的人。