本帖最后由 剑的传说直至永恒 于 2009-8-23 13:58 编辑
对本主题有任何异议以及使用问题,请加群: 风吟QQ群:11206792 讨论
bo-blog加载网站消耗的时间中,js占用了一半以上.因为bo-blog的js文件达到了恐怖的40多KB.而且分为4个js文件,一个HTTP并发请求时间就需要消耗0.1秒.那么4个js文件光是浏览器发送请求就需要0.4秒.想提高速度就必须合并js.减少http请求.
其次..4个文件总计40Kb的js体积也颇为浪费宽带,我们来看一则测试数据。bo-blog的4个文件
Web page compressed: Yes
Compression type: gzip
Size, Markup (bytes) : 45,891
Size, Compressed (bytes): 11,446
Compression: %75.1
4个文件如果使用gzip压缩的话,体积由45891 字节 变为 11,446 10KB都不到.很恐怖的gzip吧?
------------------- 只给高手看的分割线菜鸟不要理里面的-----------------------------
如果结合以下工具:
javascript在线压缩/混淆:http://shuffle.fengyin.name/jspacker/
使用的话.恐怕40多kb的js文件再经过gzip压缩只剩下.6KB.当然javascript在线压缩/混淆在线混淆这个工具是不支持中文的.那个jslang文件不能压缩。否则无法提示编辑器的文字了.
------------------- 只给高手看的分割线菜鸟不要理里面的----------------------------
看了数据,又看了提高速度的方法菜鸟们是不是有种蠢蠢欲动的冲动的? 其实也不难……
只要你把以下代码保存为compress.php放在博客根目录。和你博客index.php文件一个目录.- <?php
- if(extension_loaded('zlib')){
- ob_start('ob_gzhandler');
- $arr = array(
- '0' => 'images/js/common.js',
- '1' => 'lang/zh-cn/jslang.js',
- '2' => 'images/js/ajax.js',
- '3' => 'images/js/swfobject.js',
- );
- foreach($arr as $jscontents){
- echo file_get_contents($jscontents);
- echo "\n \n \n \n";
- }
- ob_end_flush();
- }else{
- die('error');
- }
- ?>
复制代码 然后..打开 你博客的index.php文件。
找到$ajax_js.="<script type=\"text/javascript\" src=\"lang/{$langfront}/jslang.js?jsver={$codeversion}\"></script>\n";
$ajax_js.="<script type=\"text/javascript\" src=\"images/js/ajax.js?jsver={$codeversion}\"></script>\n";
$ajax_js.="<script type=\"text/javascript\" src=\"images/js/swfobject.js?jsver={$codeversion}\"></script>\n"; 替换为:- $ajax_js.='<script type="text/javascript" src="./compress.php"></script>';
复制代码 --------------------------最后一步的分割线-----------------------------
然后找到你当前使用的模板文件elements.php.
找到- <script type="text/javascript" src="images/js/common.js?jsver={codeversion}"></script>
复制代码 删除掉此段.
然后保存退出...即可...
回到主页!刷新...就会变快了. |