2013年1月11日 | | 标签: , ,

maxcdn-180x180

前几天写过一篇 WordPress SEO ☞ WordPress网站终极优化指南 的教程,其中有关网页加速的部分介绍了WordPress经典的w3 total cache这款插件的强大功能,这篇教程就以w3 total cache 与 Max CDN为WordPress站点全面提速为主题进行讲解。
我们先来看看工作室网站在用Max CDN加速后,用Firefox的Google page speed 插件测试得到的站点速度得分,截图如下:

google-page-speed
从上图我们可以看出网站经过优化以后,测试得出的分数是94分,这个分数算是蛮不错的一个得分了,说明在google搜索引擎上这个网站的载入速度会有一个不错的表现,自然也侧面影响了网站的权重和排名。

讲到CDN加速,目前市面上有关CDN的产品琳琅满目,免费收费的都有,那么是否能免费就用免费的就好了?我个人的意见是这样的,天下没有绝对免费的午餐,那些免费的CDN要么不够稳定,要么会有广告弹窗,再或者就是隐藏性的进行诱导消费等等,如果说纯粹是出于学习使用CDN的搭建方法和原理,那么申请一个免费的玩玩完全没有问题的,但如果是要用来真正给自己企业站全面提速的话,建议还是直接购买一个付费的CDN,这里我们最终选择了Max CDN,一方面节点多,速度快而且稳定,再一方面就是价格经济实惠,经济型套餐一年下来才只要39美金,如果输入优惠码,比如我找到的这款优惠码:Use “MaxCDNcoupon” to get 25% off! 则还可以一次性的节省25%,减少到29美金,当然第二年续费应该还是需要原价续费。好了继续我们的教程,首先你得注册并购买一个Max CDN,这个购买并注册的过程很简单,官方网站是:maxcdn.com,只要稍微有点英文知识,可以在线支付信用卡的用户都很轻松的可以购买下来,不在此赘述,购买好账号以后,如下图所示点击Creat Pull Zone

maxcdncreatepullzone

出来的页面里边,你会被要求输入如下信息:

  • Pull Zone Name: 这个名称可以是任意3个字母以上,不含空格
  • Origin Server URL: 需包含 http://
  • Custom CDN Domain: 可使用任意二级域名比如: cdn.eastdesign.net
  • Label: 任意的介绍性的文字
  • Compression: 建议启用此项,可以减少带宽的消耗

New-pull-zone

填好以上选项以后点create以后, 你会看到一行绿色的提示文字,告诉你需要解析一个别名记录cdn.eastdesign.net 到类似这样的地址上 ******.***********.netdna-cdn.com 请拷贝这个地址到记事本里边备用,然后点击进入这个pull zone的管理界面。

再点击“Settings” 可进入到Custom Domains的界面。

maxcdnzonesettings

在这个界面如下图分别输入多个CDN别名记录。

custom-domains

一旦填好了这几个值以后,直接点update就好了。

接下来的步骤里边你需要登陆到你域名的解析面板里边去解析4个如上图所示的别名记录,解析的值就是前面提到的那个让你记录到记事本的网址,这个解析过程很简单,如果有问题,可以参考这篇文章介绍的eNom域名的解析教程:whmcs平台上有关美国enom域名解析教程原创到此为止你已经完成了MaxCDN的设置了,让我们开始针对WordPress做设置了,首先当然你的WordPress站点必须安装好w3 total cache这款插件并且做好一些常规的配置,具体的配置过程也不难,不在此多说,启用这款插件以后,在默认配置的General全局选项右侧中间部分找到CDN配置的地方,做如下选择配置:

w3totalcachecdn

保存以后,再点击进入CDN单个配置选项,这个配置页面需要你输入API ID, API Key和Custom domain等信息。

cdn-api

你可以到MaxCDN管理后台如下图所示的地方获取API等信息,

maxcdnapikey

然后记得将你的服务器要用到CDN上的IP都添加到MaxCDN的whitelist里边去,否则会被提示拒绝访问,做好了这些所有的设置以后,就可以点击w3 total cache的如上上张图所示的Test NetDNA那个按钮进行测试了,如果显示Test passed,那么说明大功告成了。

想到看MaxCDN加速以后的表现吗,那么用Firefox访问网站,然后用firebug之类的工具检测当前网站所有图片和CSS样式等文件的路径是否变成了类似http://cdn.eastdesign.net/wp-content/uploads/2012/12/New_Eastern_Design_Studio_QR_code.png 这样地址,如果是就说明当前网站所有图片和JS文件还有CSS文件都缓存到了MaxCDN服务器上,网站也得到了很好的全面提速的效果。