网站速度 on 土木坛子

开启Google AMP后网站访问量增加不少

Fri, 31 Mar 2017 08:00:02 +0800

之前提到土木坛子网站采用AMP移动页面加载优化技术主要是为了SEO搜索引擎优化效果。现在过去一周了，从网站流量统计的结果来看，AMP确实达到了这个效果，采用AMP以来10天的网站总体流量相比之前10天增加了68%，移动页面加载时间大幅缩短，并且桌面搜索跟着移动搜索都有相似的增长幅度（55% vs 72%），Google Search Console后台统计显示的搜索点击量也明显上升。

除了有两天流量可能贡献了68%的显著增幅（也就是说可能与AMP关系不大），但即使其它的8天，平均流量也比之前增加了约25%。主要原因是移动Google搜索时，AMP页面使用了预加载技术，搜索出来再点击进去AMP页面，从而以异常快的速度真正秒开网页，使得用户更加可能浏览这样的页面，而Google正希望出现这样的效果，从而优先给出AMP搜索页面结果——而目前采用AMP的网站并不多，浏览的人越多，Google进一步会认为是优秀内容，从而进入良性正向循环。

这就是技术所带来的红利，为别人节省时间就是节省金钱。天下武功，唯快不破，网络世界也一样。我的网站本身速度虽然已经非常快，但对于首次访问用户来说，由于各种原因，在手机上加载速度还是不够快，而通过Google搜索从而加载AMP网页则刚好解决了这个问题。

我觉得对于大部分网站来说，没有理由不采用AMP技术，它纯粹是一个加分项，对原来的内容没有任何影响。即使在国内无法使用Google，也不会造成任何负面影响——最多相当于AMP页面不存在。一个好的网站，它必定会有使用Google的用户，那么采用AMP技术就会大大方便使用移动Google的用户。

AMP技术令我感到振奋，很长时间以来没有碰到过令人兴奋的网页技术了。很高兴Google依然能给我带来惊喜。完全可以尝试设置AMP支持，WordPress网站只需要添加AMP插件再添加Analytics统计即可，说不定也能大幅增加你的网站流量，使得你的声音传播到更远，传播到更多人的手中。

顺便提一句，技术所带来的方便往往超乎我们的想象，比如这篇文章的主要文字是我用语音输入完成。十年前，我觉得语音输入简直不可思议，但现在通过软件和云计算，完全能够识别出我的语音，输入速度比我五笔输入还是要快得多，前提是你要接受并习惯新技术。

网站加载速度优化技巧

Thu, 03 Dec 2015 08:00:54 +0800

网站速度的重要性不言而喻。如果不是墙的影响，土木坛子目前的加载速度异常快，我在英国加载本网站首页，可以实现500毫秒以内完成加载，半秒钟都不到。

这是如何做到的？采用了什么优化方案？简单来说，我的优化方案和技巧如下，供博客朋友提升网页速度参考使用。

简洁的主题界面

如你所见，土木坛子目前采用WordPress官方主题2012, 禁用了Google字体，除了Google Analytics统计代码，其它全部采用本域名下的资源，包括JS, 图片等静态资源——连Gravatar头像都缓存在本主机上。2012主题是自适应简洁主题，我的首页加载的数量不到10个，这样就能最大限度地减少加载请求等待时间，同时也减少主机服务器开销。

选择SSD硬盘主机

我目前使用的是英国主机QuickHostUK，SSD固态硬盘。固态硬盘存取速度比传统硬盘要快得多，这样可以大大减少访客等待的时间。可以预见，随着SSD硬盘价格不断下降，将来不采用SSD的服务器将被慢慢淘汰。而对网站速度有要求的应优先选择SSD硬盘。

使用缓存机制

本网站由WordPress程序搭建，本来是动态PHP程序按需生成页面。我使用了WP Super Cache插件缓存所有网页。插件在后台生成HTML页面缓存在主机上，避免访客每次访问都要动态生成HTML网页，同时也降低服务器的压力。访客访问网页时，主机就像一台硬盘一样直接给出需要的文件，同时该插件支持GZIP压缩，文件体积压缩后可以减少在网络传输中所需要的时间。

采用先进CDN

我采用了CloudFlare的CDN，它不是普通的CDN。它使用Anycast（任播）技术的DNS全球解析，最大速度减少DNS解析时间。同时CDN技术让访客从全球任何地方都能从最短物理距离的地方加载静态资源：图片，JS, CSS文件（JS文件会优化合并）。而且CloudFlare最近使用了HTTP/2协议，让浏览器不再受限于HTTP并发请求数量，即可以同时加载更多的请求。

总的来说，我使用的优化方案并不复杂，成本预算也不高，但让网站的加载速度得到了极大的优化效果，对主机服务器、访客双方都非常友好。在移动网络时代，性能和网速和PC有线环境有区别，因此网站更应该为访客提供快速的加载访问速度。

提高WordPress博客访问速度：缓存静态化网页

Tue, 11 Feb 2014 07:00:11 +0800

有时候，我也访问博友们的网站。每当网页加载速度很慢的时候，我几乎会第一时间就放弃访问，我没有理由去等待它不知何时才能打开。作为网站的主人，有必要保证网站具有够快的访问速度。

土木坛子在全世界各地的加载速度应该还不错，有朋友说在国内加载几乎秒开。这是怎么做到的呢？说来可能让你失望，我选用的香港主机，每年要180美元左右。这种高端虚拟主机提供了足够的硬件资源，足够一个小博客的访问加载实现秒开的速度。

不过，除了硬件投资外，我也从软件层面配置了一下。和大部分博主一样，我用的是CMS开源博客程序：WordPress，我的设置说起来很简单，使用WP Super Cache缓存插件将博客网页完全静态化。

WP Super Cache是个非常不错的缓存插件，很容易使用，但也有一点小技巧。具体而言，把博客的固定链接形式改成非默认后（即链接里不能带有问号，是否HTML后缀无所谓），然后启用插件的缓存功能，在高级配置选项里面，把推荐的选项都打开。如果愿意，在插件的CDN设置里还可以调用诸如七牛的免费CDN加速服务，至少可以提高图片等静态文件的加载速度。

如此操作后，所有页面在第一次被访问后都会形成静态页面留在服务器上，如果网页内容没有改变，下一次被人访问时服务器就会提供已经形成的缓存静态页面，既减轻服务器的压力，又提高了网页加载速度——至少省略了动态页面生成时间。

那么，能否再提高一点呢？可以。我启用了插件里的预加载配置，即使用预缓存功能（Preload），这个功能是指主机自动将所有网页预先访问，形成静态缓存页面。即使页面第一次被访客访问，也会得到缓存静态页面。如此以来，整个网站就相当于一个静态网站，但又兼有动态网站的功能。所有页面由网站程序通过管理数据库生成，但又实现了自动静态化。

由于静态化是通过自动预缓存实现，该过程对主机不会造成集中负载，主机CPU等开销不但不会变高，相反还会降低——主机几乎不再为访客生成页面而服务，哪怕是第一次访问。

既然搭建网站写字，就应该给访客提供良好的访问速度。资金充沛的话就使用好一点的主机服务器，无法提高硬件也至少在软件上简单配置一下。我就是这么做的，并不难，相信你也可以做到。

试用支持HTTPS SSL的七牛云存储CDN

Tue, 05 Nov 2013 07:00:48 +0800

我的博客主机在香港，估计我的博客圈朋友中没有多少网站速度比我的快。即使如此，我还是想把网站的速度提高得更快一些。比如，采用CDN分布式传输内容，把网站的内容放到离用户最近的数据中心，大大减少物理距离。

以前我的博客没有墙的时候，试过众多免费CDN，却发现效果很不理想，作罢。后来，我的博客被墙了，想用国内优秀的CDN也用不成，例如，在又拍云上注册试用了一下，不但发现界面极其不友好需要FTP上传文件等，而且我也不知道如何能支持加速HTTPS SSL形式的链接。又拍云的服务人员后来还好几次加我的QQ，想把我拉进他们的服务，算了。

新大陆一般的七牛CDN

最近，听说七牛云存储CDN这货支持HTTPS SSL (Godaddy SSL证书)，试用了一下，简直发现了新大陆。刚开始设置好以后，发现HTTPS下的网页并没有采用七牛的服务，只是HTTP下才有效，原因是WP Super Cache插件下只支持HTTP链接。

我于是在七牛的网站上问了这个问题，很快就收到了他们的邮件回复，答复说七牛本身支持HTTPS SSL，并告诉我如何手工启用支持SSL的七牛二级域名。

至于WP Super Cache与HTTPS的问题，我把WordPress的网站网址和安装网址都设置成了https://tumutanzi.com，这样，在设置WP Super Cache的CDN功能时，就能用CDN的HTTPS网址代替网站HTTPS。

从此以后，整个网站所有的链接形式都会变成HTTPS SSL形式，相当于强制使用HTTPS SSL了，倒也保护了数据传输过程的安全性。我总认为HTTPS SSL是未来网络的安全趋势，虽然我使用HTTPS有另一个目的。

设置七牛支持WordPress博客的HTTPS SSL

大体上的设置，已经有许多人介绍过，针对我这种需要支持SSL的特殊个别情况，简直地说，设置过程如下：

1 把WordPress里的网址设置成HTTPS链接形式；

2 在七牛中新建公开的空间，并设置支持HTTPS的免费二级域名（是七牛的域名，所以不须备案直接通过）；

3 启用WP Super Cache中的CDN功能，并将七牛的二级域名填写到插件中的Off-site URL一栏里。

好了。以后，整个网站就采用HTTPS访问，所有静态文件和以本主机为图床存放的图片都会通过七牛的云存储CDN加速。又快又好。

好东西自然要分享推荐

虽然说像我这情况下的CDN加速是极少见的（通过HTTPS SSL才能在国内访问），但这无疑说明了七牛是个好东西，必须要推荐，即使七牛没有给我任何好处费~我觉得七牛这货真不错，于是邮件推荐给了几位朋友，后来一想，还不如公布在这里告诉还不知道的朋友。

网站速度的重要性，我在友链里说明了：“网站速度缓慢的博客，不定期清除。”唯快不破。国内的CDN服务很多，收费的，免费的。又拍云曾经送了无限免费的空间和流量优惠给了望月博主，可惜望月夸过又拍云后又倒向了七牛。只能说明相比七牛，又拍云还需努力。

七牛的后台设置令我称赞，傻瓜式的操作以及极少的设置，对原网站几乎不需要改动（我这里没有安装新插件，只是在静态缓存插件WP Super Cache里简单设置了一下），就算将来不用七牛的服务，也很快就改回来了。

许多所谓的产品经理大谈用户体验，倒是把用户弄到云里雾里，得学学七牛。此外，七牛良好的服务，这是众多国产货的软肋。我在网站上直接提了关于HTTPS SSL的问题，十分钟内就收到了邮件回复，并且我还是一个没有成为付费的用户。

我很少夸赞国产互联网服务，唯一称赞过DNSPod.cn，现在强烈推荐众多博主试试七牛。七牛提供一定的免费服务，每月10G免费流量，一般的小博主是够用的，实在不够用的话，收费部分的价格也公道。