外贸网站速度测试工具一文中提到一个网站网速如何不仅直接影响了浏览者的用户体验,同时也对谷歌等搜索引擎的排名具有很重要的影响。如何实现网站提速,对外贸网站站长来讲也是非常有必要的技能。在公司网站建成之后,也尝试了不同的方法,最后发现一款非常实用的wordpress网站提速插件:W3 Total Cache,效果十分明显,下图是网站速度测试的结果。使用W3 Total Cache的难题之一是设置太多,选项太杂,而我自己对网站运行的机制又知之甚少。好在网上找到了一篇非常简单的设置教程:How to Setup WordPress Caching with W3 Total Cache (W3TC)。下面是跟进文章内容翻译过来的,希望能帮助那些对wordpress网站提速至今苦恼的外贸人。

网站速度测试结果
网站速度测试结果

WordPress网站提速插件-W3 Total Cache

全球最知名的两大wordpress 缓存插件是WP Super Cache 和W3 Total Cache (W3TC). W3 Total Cache插件是由 Mashable的CTO开发的插件,是至今位置功能最全最实用的wordpress缓存插件。它是一款集多种功能与一身的插件,一个插件可以实现WP Super Cache,DB Cache Reloaded等多个插件的功能。

这是一篇关于W3 Total Cache设置的初学者教程. 一句忠告:W3TC 拥有大量的高级设置选项,有些设置我直接都无法理解,如果不熟悉这些设置,不建议对其进行设置。

W3 Total Cache安装

W3 Total Cache安装
W3 Total Cache安装

安装W3 Total Cache插件时, 首先进入网站控制面板(dashboard),并依次点击 Plugins > Add New来添加新的插件. 在弹出的页面中输入并搜索w3 total cache,并安装第一个搜索结果. 当然也可以通过手动下载并使用ftp工具上传到wp_content/plugins 文件夹的方式安装. 如果网站已经安装其他的缓存插件如wp super cache,应停止使用这些插件,以避免插件之间起冲突。一定记得此类插件只能保留一个。

W3 Total Cache设置 – General Settings

W3 Total Cache插件安装成功之后会在wordpress控制面板中添加一个Performance的按钮。 这里讲的General Settings可以通过点击Performance当中的General项目进入。进入Performance设置页面以后,你会发现W3 Total Cache给用户提供了非常多的设置项目(付费版本设置更多. 每一个选项卡里面都对应一个参数设置. 接下来将会讨论每一个项目的设置同时也会附上图片,如果不理解其中的某些设置,可以直接根据截图进行设置。

W3 Total Cache常规设置
W3 Total Cache常规设置

首先是General设置,建议不要勾选启动所有缓存选项(toggle all caching types),因为同时会启动一些无需启动或并不支持的设置,这将拖慢网站的速度。当然,如果你想快速取消所有缓存功能,这一设置按钮还是非常方便的。

Page Cache的设置

page cache设置
page cache设置

第二个设置项目是Page Cache. Page cache method 取决与网站的主机环境. 如果网站使用的是共享主机/空间, Disk: Enhanced 是最好的选择. 如果使用的是独立的或是虚拟主机并且使用了APC缓存,则应该选择对应的选项。

Minify设置

W3 total cache Minify设置
W3 total cache Minify设置

Minify 功能模块通过移除主题代码当中不必要的语句,间隙等要素的方式压缩了主题css和javascript文件。这一设定可以使文件大小减少10%左右从而提高网站加载速度。在对Minify cache method 进行设置时应该跟进网站服务器的情况选择合适的选项。

Other Caching Modules

W3-total-cache-object-cache
W3-total-cache-object-cache

接下来的两项功能模版是Database Cache Object Cache. 分别启动这两项,并跟进网站的主机环境选择合适的缓存方式。

W3-total-cache-browser-cache
W3-total-cache-browser-cache

最后需要启动的功能模块是Browser Cache. 启动这些项目之后,点击Save all Settings保存所有的设置,这样便能在服务器上面启动W3 Total Cache插件了. 接下来,进一步的了解一下每个功能模块的设置– Page CacheBrowser Cache. 其他模块保持默认设置就ok了。

Page Cache的设置

w3 total cache page cache
w3 total cache page cache

点击控制面板中的Performance按钮,并点击Page Cache进入设置页面。这里的设置都非常简单易懂。上图中已经勾选启动了一些项目。特别需要注意的设置项目是:Don’t cache pages for the following user roles. 如图的设置确保了如果文章作者正在编辑文章,网站的浏览者能够查看到最新文章,而非已经缓存的文章。

Preloading the Cache设置

w3-total-cache-advanced-settings-cache-preload
w3-total-cache-advanced-settings-cache-preload

默认情况下W3 Total Cache在用户首次浏览页面时缓存页面。我们也可以通过设置事先缓存好文章/页面,这样无论用户何时访问网站,看到的都是缓存的内容,从而使网站加载时间尽量达到最少。

设置时需要跟进网站主机环境和网站访问量情况来设置cache preload settings预缓存设定:

  • 缓存间隔时间(Update interval )直接影响服务器资源– 间隔时间越短(频率越频繁),占用的服务器资源也就越多. 如果网站使用的是共享空间的话,设置的时候要非常小心。如果设置的频率太高,可能因为滥用服务器资源而导致帐号被停用。3600 秒的设定是一个比较安全的预缓存间隔时间.
  • 如果不熟悉Sitemap URL网站地图的链接, 建议安装使用Google XML Sitemaps这一插件,操作非常容易,并且是必用的一款插件。
  • 最后,需要一个项目启动之后, 每当发表文章和页面时都会自动进行预缓存的操作。

Browser Cache 设置

w3-total-cache-advanced-settings-browser-cache
w3-total-cache-advanced-settings-browser-cache

点击Performance按钮当中的Browser,进入设置页面。这一设置利用了客户的浏览装置,通过启动浏览器缓存,使浏览者直接从使用的浏览器缓存中打开网站的静态文件(如CSS,Javascript和图片)。当然缓存都有失效时间,超过时间则无法使用缓存中的数据。浏览器缓存这一设置大大减少了服务器的加载负担,节约了带宽,大大地提升了网站的整体性能。

如何判断W3 Total Cache是否开始运行

W3 Total Cache安装设置之后,如何判断其是否开始工作了呢?简单的方法就是查看网站的源代码,如果插件正常运行,你讲看到以下代码:

caching-works

wordpress网站提速的方法和插件还有很多,欢迎留言讨论。