加速blog：序

zhiqiang十一月 14, 2007 IT技术

这是一个介绍如何提速blog的系列文章，特别是基于WordPress的blog。通过这些方法，你我完全能做到一个飞速的blog，至少要比与你同服务器上的其它blog要快。

为什么写这个？

我在提高阅微堂的速度上耗时颇多，也算有些成绩吧。这次写出来与大家分享一下在此过程的一些经验（当然大部分是别人的，我实践过而已），顺便充实一下阅微堂上的内容。

资料来源

大部分为一些网络资料，下面列表可能不完全，等想到了再加：

下面是我准备写的内容列表，计划一个月之内写完吧。

内容

第零部分 概念和工具

术语介绍和使用的工具介绍

第一部分 服务器端

这一部分介绍在服务器端，怎么配置服务器使得服务器以最快的速度将页面内容推送到浏览器端。具体包括

  • 选择合适的服务器：服务器性能和带宽不行，再怎么优化也白搭。另外注意教育网用户无法直接访问dreamhost和bluehost上的网站。
  • 压缩传输你的文件：非常流行的jQuery需要使用一个45K的javascript文件，但我们采用GZIP压缩传输后，它就不到15K了。 
  • 设置浏览器缓存：通过强制浏览器缓存页面上的大部分内容，在浏览新的一页时，往往只需要下载一个新的HTML文件，速度当然很快了。

第二部分 浏览器端

这一部分介绍怎么让浏览器端以最快的速度从服务器上获取网页内容，并快速显示。

  • 分析页面内容：检测一下你的网页是不是包含了10个javascript文件，以及超过300K的图片？如果是这样，速度不慢才怪。
  • 关于javascript(css) ：压缩你的javascript, css, 合并文件。 CSS尽量往前靠，SCRIPT尽量往后放。
  • 处理页面上的图片：图片太多了？这里有一些注意点和小技巧。
  • 利用服务器端的中转和缓存：第三方的内容永远是你的网站上的一个炸弹，即使是Google的也不例外。考虑一下使用你的服务器来中转这些第三方的内容，例如Google Analytics的js文件。

第三部分 配置和修改WordPress

这一部分要求使用者对于WordPress有一些基本的认识

对于所有这些技术，我都是业余爱好者而已，所以有些内容可能有错误，又或有我没发现的好方法，以后凡此种种，敬请留言指出。

关于 »
  • 加速blog：分析页面内容 用FTP更新WordPress的可能有体会，如果是打包上传的话，速度很快，但如果解压后一个文件一个文件上传的话，可能就要好几分钟。 下载也是如此，不...
  • 加速blog：HTTP Header 本文隶属加速blog系列 HTTP请求和相应Header 一个经典的HTTP连接是，读者通过浏览器（下称为浏览器端），向服务器（下称为服务器端）申请浏览某网页...
  • 加速blog：减少和优化插件 尽量少用含javascript和css的插件 很多插件作者需要为blog的慢速度负责。插件作者随意地往'wp_head'里安插js和css，导致很多blog的head部分越来越臃肿。 ...
  • 加速blog：速度检测 本文隶属加速blog系列 既然我们要谈加速blog，第一重要的是给blog的速度一个量化的评价。 Firefox的fasterfox插件会在Firefox的右下角给出每个网页的载...
  • 加速blog：监测和优化WordPress数据库 在WordPress生成页面时，最消耗时间的便是数据库查询了。 监测WordPress的数据库查询 WordPress内置了数据库缓存系统，安装插件WordPress Cache Inspect，它会...
  • 加速blog：选择合适的服务器 要想打造一个响应快速的blog，一个快速的服务器（虚拟主机空间）是必不可少的。其实这才是决定因素，因为这可能会导致速度在数量级上的差距（我...
  • 加速blog：优化WordPress程序效率 这里本质上要谈的还是优化数据库的效率，不过是改写WordPress的代码使得降低数据库查询次数。 get_permalink函数 get_permalink函数非常好用，get_permalink($i...
  • 加速blog：网站响应缓慢的因素 本文隶属加速blog系列  为什么有的网站即点即开，有些却慢得要死？影响网站速度的因素有但不限于下面这些：许多因素会影响到网页初次访问的响...
  • 加速blog：WordPress的缓存和静态化 WordPress消耗时间最多的便是数据库的查询，所以缓存是一个比较好的解决方案。WordPress强大的'hook'机制，使得可以为之建立强大的缓存机制，从缓存数...
  • 加速blog：设置浏览器缓存 在用户浏览blog的不同页面时，很多内容是重复的，比如相同的javascript，css，背景图片等。如果我们能够建议甚至强制浏览器在本地缓存这些文件，将...
10条留言 -> 跳到留言表格
  • At 2007.11.14 22:02, 小试 CSS Sprites 提速 at catch the digital flow said:

    [...] 刚才去阅微堂找链接的时候，发现了这篇文章：《加速 blog：序》，对此系列文章充满期待。 [...]

    [Reply]
    • At 2007.11.14 22:22, cosbeta said:

      zhiqiang要发飙了哦，请大家准备好，呵呵

      [Reply]
      • At 2007.11.15 00:10, hhalloyy said:

        期待~~~

        [Reply]
        • At 2007.11.26 11:13, aRu said:

          非常棒，最近正寻思着优化自己的blog，嘿嘿

          [Reply]
          • At 2008.06.18 13:40, 简述对WP博客样式表和JS脚本的压缩 at Becomin' Charles said:

            [...] 当然，还有更高级的方法，也更厉害，但是我是没有搞清楚的，我提提名字，如果你有志于再深入一步的话，可以有个出发点。再后面的方法就是，自己编译一个专门用于压缩的CGI程序（也可以用别人编译好的），然后放到服务器的cgi-bin文件夹里面，然后，手动修改.htaccess，让浏览器访问的每个文件，都从“压缩机”里面过一遍。你可以去：阅微堂（http://zhiqiang.org/blog/posts/speedup-your-blog.html），主人对博客优化有着深入而系统的研究。 [...]

            [Reply]
            • At 2008.06.30 17:56, 压缩Wordpress样式表和JS脚本，加速wordpress,优化wordpress | 小墨 | Blog said:

              [...] 乱七八糟，洋洋洒洒一大堆，希望能对你有所帮助吧~~ 当然，还有更高级的方法，也更厉害，但是我是没有搞清楚的，我提提名字，如果你有志于再深入一步的话，可以有个出发点。再后面的方法就是，自己编译一个专门用于压缩的CGI程序（也可以用别人编译好的），然后放到服务器的cgi-bin文件夹里面，然后，手动修改.htaccess，让浏览器访问的每个文件，都从“压缩机”里面过一遍。你可以去：阅微堂（http://zhiqiang.org/blog/posts/speedup-your-blog.html），主人对博客优化有着深入而系统的研究。 [...]

              [Reply]
              • At 2008.07.06 00:30, AW昨天发布Wordpress主题TES1.4 | Just A Blog said:

                [...] 通过学习sofish翻译的“写给设计人的10个jQuery特效”文章，目前我已经可以把折叠评论系统这个功能实现，现在是在学习JQuery里面JS文件的压缩技术，提高网站加载速度。对Wordpress加载优化感兴趣的博友可以参考一下查理斯的“简述对WP博客样式表和JS脚本的压缩”和到阅微堂（对博客优化有深刻研究）那里转转。现在是在等待网站流量的提升和评论数量普遍增加后再加入这些花哨且实用功能。 永久链接 : http://www.caxblog.com/2008/07/235.html Trackback URI 关闭 [...]

                [Reply]
                • At 2009.01.06 21:35, Wangwei China » 优化wordpress速度 said:

                  [...] 加速blog：序 [...]

                  [Reply]
                  • At 2009.01.16 12:54, AW昨天发布Wordpress主题TES1.4 | Just A Blog said:

                    [...] 通过学习sofish翻译的“写给设计人的10个jQuery特效”文章，目前我已经可以把折叠评论系统这个功能实现，现在是在学习JQuery里面JS文件的压缩技术，提高网站加载速度。对Wordpress加载优化感兴趣的博友可以参考一下查理斯的“简述对WP博客样式表和JS脚本的压缩”和到阅微堂（对博客优化有深刻研究）那里转转。现在是在等待网站流量的提升和评论数量普遍增加后再加入这些花哨且实用功能。 文章链接: http://www.caxblog.com/wordpress-theme-tes-14-release/ 分享收藏: Delicious / Google / Facebook / QQ书签 / 我挖网 / More... Trackback URI  收客网 / Baidu搜藏 / 趣摘网 / DigLog / Fanfou分享 / 365key网摘 / POCO网摘 / Windows Live / Yahoo书签 / 新浪 vivi / [...]

                    [Reply]
                    • At 2009.12.15 09:39, summer said:

                      还有横向滚动条。。。

                      [Reply]
                      (Required)
                      (Required, not published)

                        B | I | U | D | 添加链接 | 插入引用 | 插入代码 | 插入表情 | 甲 | + | ?
                      «
                      »
                      guest | 注册 | 管理 | English | 繁體 | https

                      阅微堂

                      zhiqiang's personal blog
                      Loading...
                      Loading...
                      Loading...