关于Google fonts、Gravatar、Fontawesome的那些事儿

WordPress爱好者们都知道,如果刚安装完wp代码,或者刚换了个新的theme,再或者安装了一些插件后,网站访问速度突然变慢了。那么一定是标题里这些个东西在搞事情。

这种情况出现的最主要的原因是google的字体服务器、gravatar的图片服务器、fontawesome文件服务器远在美利坚,访问速度或多或少会受到影响。

另外,你的网站使用到字体和图片的数量也有关系。引用越多,页面越卡。

其实,还有一种情况,就是当你第一次访问引用资源的页面时会比之后再次访问相比,肯定要慢一些,当然,是在不清空浏览器缓存的情况下。这也是缓存的好处,对于公共引用库,只要在某个网站加载一次,其他网站可以在缓存中共用。

前几年,老派为了保证访问速度,干脆安装disable google font插件,全局禁用了google font字体,再把fontawesome文件加载到本地服务器然后调用,gravatar换成duoshuo的api。这三大板斧下去,效果显著。

但是,全部禁用和本地化也不是没有缺点。没了google字体,后台英文显示惨不忍睹,后来wp官方在后台管理界面里禁用了外部字体,而是使用了优先使用系统自带字体的方法,这一做法收到了中国用户的好评,终于不用担心后台访问速度和英文显示效果了。

可好景不长,近期的wp更新了古腾堡编辑器,又把google字体给“请”了回来。不过,这时候就要区别看待了,因为有个好消息可能很多人都不知道,那就是google fonts的服务器已经迁址到北京海淀区了,国内服务器访问不成问题。利用外部加载反而在一定程度上缓解了服务器的压力。

相比较而言,gravatar和fontawesome就没那么幸运了。不过,也不是没有办法。

首先,经测试Gravatar不是不能访问,但是速度堪忧,常用的办法有禁用、替换国内api、缓存。前两个方法不推荐,因为禁用影响体验,国内api自己也挂了,剩下的办法就是利用wp的缓存插件,定时或者在加载网页的同时将gravatar头像图片存到本地服务器上,以便随时调用。

对于fontawesome图标库,我也有两个办法,到官网下载库文件放到本地服务器上,再用functions.php里面的代码调用。或者使用国内的fontawesome服务,以.cn为后缀网址的那一个,但是国内的版本是自发组织的,不保证以后会不会挂。除了这两个办法,还有个不是办法的办法,那就是使用wordpress自己的图标库,wp的图标库在后台界面已经广泛使用了,我们只需要在前段调用就行。常用图标的形状差不了太多,我觉得wp自带的就很不错了。

说了这么多,总结一下就是处理好这三个东西,你的网页才不会龟速。其实,对于一般访问量的网站,处理好他们就足够了,页面访问会很快。拥有更大访问量的网站速度优化,涉及到静态缓存和memchromed等等设置,不属于本文讨论范围。

最后,老派祝大家都能愉快的玩耍wordpress。

5
说点什么

avatar
500
4 Comment threads
2 Thread replies
8 Followers
 
Most reacted comment
Hottest comment thread
5 Comment authors
摄影博客1900青山1dazhi老派 Recent comment authors
  Subscribe  
最新 最旧 得票最多
提醒
青山1
游客

用国人开发的主题一般都会处理好这个问题,不过我用官方主题一直修改就呈现在这个样子,速度还可以吧

摄影博客
游客

我最担心把wordpress也给禁了。

dazhi
游客

GoogleFont我用的是geekzu的cdn进行的替换,倒不是不能干掉,而是我是个插件党,指不定老外的哪个插件就会引,挨个对应太麻烦了。Gravatar以前用过libravatar.org和geekzu.org的cdn,都出现过长时间的失联,所以现在还是用的缓存。 fontawesome放本地,因为这样可以剪裁,只留自己要的,没多大。

1900
游客

googlefont,gravatar都有国内的第三方cdn服务,有时候我觉得自己服务器的稳定性可能没他们的高…