WordPress网站全方位速率优化3：谷歌字体 缓存插件

WordPress 网站全方位速度优化：HTML JS CSS等

这是《WordPress 网站全方位速率优化》的第三集，也是最后一集，包罗四个部门内容：谷歌web服务（好比谷歌字体，谷歌ajax，谷歌舆图），去掉加载外链，增添缓存插件，使用系统微软雅黑字体。

1 不让谷歌服务“捣乱”

许多WordPress 主题大量使用谷歌Google提供 web 服务，好比谷歌字体fonts，谷歌 ajax，谷歌舆图map。由于屏障的缘故原由，海内用户无法接见谷歌域名，无法使用谷歌的这些服务。WordPress 系统前后台都在用谷歌服务，以是在海内使用WordPress 会卡的厉害，若是感受 WordPress 后台点击反映慢，每次都需要守候几秒钟才有反映，那就是这个缘故原由。

解决设施也很简朴，安装一个WordPress加速插件：“WP Acceleration for China”，这个插件可以替换 WordPress 中的 ajax.googleapis.com和 fonts.googleapis.com 替换成海内的谷歌镜像库（好比极客族）。顺便连Gravatar头像一起换成海内的。

最近的新闻360的 fonts.useso.com 住手了，只能选择极客族和中科大 CDN，随着插件的更新，会去掉360，也许还会增添其余镜像库。

尚有个新闻，最近海内可以接见谷歌的字体域名了 fonts.googleapis.com，不外建议照样使用海内服务器，谁知道什么时刻又不能用了，尚有一个缘故原由就是海内接见外洋网站速率慢。

若是你做外贸网站，网站面向外洋用户，这个插件照样不要装了，外洋接见谷歌服务没问题，外洋接见海内谷歌镜像库反而更慢，另外有时刻海内镜像库会导致一些其他问题，好比谷歌舆图挪用。

尚有个要弥补的，这个插件只是针对 WordPress 替换谷歌链接，若是主题文件里有谷歌的链接，是无能为力的，需要手工检查手工替换，好比 Avada，我之前写过一篇：《解决WP主题 Avada 4.0.3 谷歌字体 webfont.js 问题》，Avada4.0.3内里的 php 文件带有谷歌链接，导致前台打开页面慢，需要手工替换掉。

2 加载外链

我们用WordPress 和Avada 主题做网站，通常要先导入主题官方的 DEMO，再制作网站，导入的首页和其他页面，也许还会引用Avada官方服务器的图片（如图），访客打开首页时，还要加载外洋服务器的远程图片，那叫一个慢呐！访客会以为你的网站太慢了，那叫一个冤呐。

解决设施也很简朴，通过上面先容的浏览器检查工具，检查元素的所在域名，把引用外链的图片一个个的下载，再手工传网站的媒体库，在页面编辑器里重新选用媒体库的图片。

除了远程图片尚有远程 JS也会导致网站打开速率变慢，好比百度统计的代码、 jiathis 的分享代码、多说谈论的代码，尚有百度同盟的广告。在打开页面时会加载这些第三方服务的 js，这个速率取决于访客和这些第三方服务器的毗邻速率。

好比：A 用户用联通上网，接见百度统计代码快，不会感受到延迟。B 用户用电信上网，接见百度代码极慢，B 用户打开你的网站就会极慢，实时其他方面优化的再好，这种第三方代码也会成为木桶理论的那块短板，稀奇是放到 head 区域的代码。

WordPress 网站全方位速度优化：主机篇

若是以为以上四种方式，网站还不够快，下面尚有一招。

3 使用缓存插件

Avada 主题官方给的建议是 W3TC 缓存插件，并给了一个设置文件，若是有需要可以跟我要。Newspaper 主题给的履历是推荐使用 WP Super cache 插件的默认设置。若是你的服务器内存够大，使用 APC 所有页面缓存。（适合专用服务器和 VPS）缓存插件功效都类似。

注释一下缓存：好比我的网站有500个文章，访客每看一篇文章，网站都需要从数据库中把这篇文章提取出来，给访客看。天天有许多访客来看这篇文章，每看一次都要从数据库中提取一次。缓存是把这篇文章从数据库中提出后保留成一个缓存文件，以后再有访客看这篇文章，直接读取缓存文件，不用在数据库中提取了。整个历程访客看不到，但能感受出有了缓存会变快。通过以上方式，WordPress 加载速率不会有问题了，然则尚有一其中文显示的问题。

4 给外洋主题增添可供选择的“微软雅黑”字体

WordPress 外洋主题险些都在用谷歌字体，英文字体许多很漂亮，而且可以从WordPress 后台主题选项的字体选项里直接预览并选择，然则谷歌字体里没有中文。

WordPress 主题选项可以选择字体分两部门，一部门是通例的系统字体好比说 Arial，这些字体不用加载，一样平常电脑里都有，另一部门是谷歌字体，许多选择，但需要加载谷歌字库。也就是说，纵然我们做中文站，用不到谷歌字体，WordPress主题也会加载谷歌字体，是不是很无语。

解决设施：我们可以给主题做个小手术，让 Avada 主题选项的字体列表中的通例系统字体列表，可以选择“微软雅黑”字体。中文的电脑系统里都有微软雅黑字体，无需加载直接用系统字库“Microsoft YaHei”。这样我们可以把网页种种问题（H1-H6）、正文、菜单的字体原生的使用微软雅黑。如图

若是你用其他主题，这种方式也适用，只不外修改文件纷歧样，主要是找到谁人字体列表文件。这样，主题会把微软雅黑也加入到通例系统字体里了。

着实尚有一种常用的使用微软雅黑中文字体的方式，使用自界说 CSS 代码，强行加入雅黑字体，末端处有个“!important;” ，这样做不是很好，由于网页还会先加载谷歌字体，然后再用雅黑替换一遍，文字加载两遍，有时前台会多刷新一次，看着不爽，没有从基本上解决问题。

经由以上几种方式的全方位优化，可以让WordPress 网站前后加载速率获得很大的提升，好比我做的小红建站的官网，www.jianzhan1.cn，首页对照长，图片许多，尚有一个视频，总加载的容量是3.74MB，其中1.9MB 是视频（如图）。再好比我做的 achair 的宝箱 achair.cn图片较多，需要加载的总容量是3.24MB。其中主题的 JS 和 CSS 占了2MB。（如图）

上两张截图中，容量前面尚有个数字“44”和“94”，那是加载网页资源的总数目，现在这个数字越小，打开网页时请求越少，速率越快。这个和主题有关，也和内容的若干有关。

总结：

《WordPress 网站全方位速率优化》2016年9月出品，一共三篇文章，5000多字，是 achair 通过这几年运营 WordPress +外洋主题的网站所得履历，所有都是干货，分享给人人。着实有许多地方可以睁开，以后有时机再跟人人分享。只要我们想把网站速率提上去，设施总是有的。迎接人人一起来探讨有关 WordPress 和主题相关问题。