流星天空最近几天努力压缩了博客首页的大小，成果稍微有一些，但肯定达不到技术高手们的程度，但也算较为满意，至于进一步的压缩大小加快打开速度，恩，容缓缓再说吧。下表是流星天空首页压缩前后的对比，看起来还是很明显的。

压缩前

第一次压缩

第二次压缩

当前

大小

915539 bytes

758059 bytes

710339 bytes

304091 bytes

       啥时候才能压缩成5位数呢……
       流星天空经过此次压缩过程，总结了几点压缩方法，也都不是什么新鲜招数，都是以前有人用过的，集中这里共享共勉吧：


       1、减少不必要的插件使用
       WordPress的一大优势就是丰富的插件，但同时带来的一个问题就是插件开发的不规范以及代码的不严谨，从而导致不少插件都会不合理增加博客大小、耗费流量、打开缓慢。
       将不是非常必须、非常需要的插件都干掉，可以降低很多不必要的流量和空间损失。

       2、注意主题背景图
       WordPress的另外一大优势就是丰富的主题。但如果主题作者在使用背景图片时没有进行合理处理，则可能会导致图片过大。比如流星天空现在使用的主题，默认的主题背景是55kb的PNG格式，处理成为60%压缩效果的JPG图片，大小却只有9k。
       处理图片时候可以考虑使用PhotoShop，存储为web格式，从而可以大幅降低大小。 
 
       3、将js调用转移到Google
       Slimbox2的相册效果虽然不错，可它调用的本地js却会影响加载速度。可以利用插件将类似的调用都更改为Google的，效果会相对好一些，只要Google没被墙……
       可参考前文“CDN-Tools更改jQuery调用”。

       4、压缩css文件
       因为各种编写时候的原因，博客使用的CSS都可能会有浪费。使用压缩工具可以将其进行压缩，从而节约大小，也就节约了打开时间。
       推荐使用showfom上传的中文版cssdity在线压缩，但请注意：如果css文档开头有注释被引用，请在压缩后的文档开头将其复制进去，否则可能会造成css文档无法正常工作。

       5、启用Gzip
       这个功能据说很强大，非常强大。需要服务器支持，开启方法可以参考如下四篇文章。注意，针对不同服务器、针对水平不同的用户，请谨慎操作。

       完美启用Gzip压缩JS、CSS

       WordPress 提速之 Gzip 压缩

       WordPress之终极Gzip兼容IE6

       给 WordPress 开启 Gzip 功能

       可以通过网页Gzip压缩检测网站查看自己博客是否开启Gzip。

       6、减少JS和css的加载
       此方法是将所有调用的css和js都合并到一个文件中，从而大幅降低对css和js的调用。
       合并之前，请一定注意各个js文件加载的顺序，合并时候也要按照同样顺序放入新文件中。具体合并方法可参考以下两篇文章（看起来很简单，可是做起来……），先减少js数量而后再压缩。
    
       合并JS文件两步走

       压缩wordpress中的js文件

       如果以上步骤你都能完美完成，那么相信你的博客首页一定会比较小、打开会很快了，如果有兴趣，则可以使用websiteoptimization来测试下，它会提供较为详细的说明和解决建议。
       祝各位博客都能秒开。流星天空继续努力……

Related Posts with Thumbnails

阅读更多和这篇相关的日志