禁用谷歌字体镜像加速Gravater头像受到dns污染的影响

  现在,我们就要针对wordpress影响网站响应速度的因素进行具体问题具体分析,并探求正确的方法论高效率有效地解决问题。

  禁用谷歌字体

  wordpress本身包含了大量的Google资源,比如谷歌Open sans字体,而现在谷歌被大陆GFW大规模屏蔽,严重影响了网站的访问速度。

  针对这个问题,我们有两种有效的解决方案,第一,禁用谷歌字体,第二,使用谷歌字体镜像加速。

  我们可以利用wordpress插件来实现禁用谷歌字体的效果。

  Disable Google Fonts – 这是一个非常基本的WordPress的轻量级插件,不需要设置。你只需要安装并启用它就可以立即生效。同时这个插件适用于任何wordpress默认的主题,以及大部分的主题。

  Remove Google Fonts References – 这也是一个很优秀的插件。没有任何设置,启用后会直接停止谷歌加载其字体,大大提升的了网站性能。

  css压缩请求_css压缩还原_css压缩图片

  我们也可以利用代码来禁用谷歌字体。

  将下面代码添加到主题functions.php文件中:

  function coolwp_remove_open_sans_from_wp_core() { wp_deregister_style( 'open-sans' ); wp_register_style( 'open-sans', false ); wp_enqueue_style('open-sans','');}add_action( 'init', 'coolwp_remove_open_sans_from_wp_core' );   

  打开主题functions.php模板文件,查找并删除

  //fonts.lug.ustc.edu.cn/css   

  当然,你也可以使用中科大的Google字体加速服务,详情见官方doc。

  Gzip压缩与js,css压缩

  Gzip压缩如果你使用了CDN,一定要打开这个。

  js,css的压缩对网站速度影响较大,你可以剔除主题中不需要加载的js,css文件,和压缩他们。在这里,我们可以使用老牌页面压缩插件Autoptimize,这也是目前本站在用的。

  Gravater头像镜像加速

  Gravater头像受到dns污染的影响,自2014年起,Gravater头像官网收到dns污染的影响,其头像url访问速度大幅度下降,很大程度拖累了wordpress博客的访问速度。

  我们这里可以使用Gravater的国内镜像,目前速度在国内比较理想的Gravater加速镜像:

  gravatar.loli.net/avatar/

  cdn.v2ex.com/gravatar/

  css压缩请求_css压缩还原_css压缩图片

  dn-qiniu-avatar.qbox.me/avatar/

  选择响应度更高更简介的主题

  wordpress的主题在网上可以说是包罗万象,有免费的,有付费的,也有自己制作的,一个主题决定了一个网站躯壳容器,如果容器不好,那么我们装再好的东西也没用。所以我们应该慎重选择,不光需要有优秀的界面,还要求的是可靠的、响应速度快的主题。

  这里推荐本站目前的使用的主题argon。

  安装缓存插件

  wordpress有很多不错的页面缓存插件,这里贴一下我在使用的缓存插件。

  当然你也可以使用更传统的WP Super Cache来提高网站访问速度。

  css压缩图片_css压缩请求_css压缩还原

  cos-html-cache是一个把WordPress中的文章页面生成纯HTML静态文件的插件,把网站静态化可以明显缓解服务器的压力。

  安装插件

  1.在网站后台的 (插件 – 安装插件)里搜索“cos-html-cache”安装并启用。2.在网站后台的(设置 – 固定链接)中,选择使用“自定义结构”项css压缩图片,并设置链接结构为/%postname%.html 或者 /%post_id%.html

  卸载插件

  在网站后台的CosHtmlCache设置中,点击按钮删除所有的html缓存文件。停用并卸载插件。删除网站根目录下的 index.html以及其他生成的html文件(如果有的话)

  动静分离

  动静分离是将网站静态资源(HTML,JavaScript,CSS,img等文件)与后台应用分开部署,提高用户访问静态代码的速度,降低对后台应用访问。

  一般网站初建,因为流量小、业务简单等原因,都默认将两种数据放到一台服务器上提供服务。访问量大到一定程度之后,就可能出现带宽不足、甚至磁盘高 IO 等问题。这时,作为运维工程师或者架构师就会给出动静分离优化的建议了。做法并不复杂,运维工程师会将图片等静态资源同步到另一台 WEB 服务器,然后新增绑定一个二级域名,比如 static.mikewiind.cn,最后让开发将网页代码中的静态资源替换成这个二级域名即可。

  这样一来css压缩图片,图片等静态资源的访问就落到了新增的服务器上,从而分担了大部分访问数据流量和 IO 负载,我们还可以针对性的给静态资源 WEB 做一些优化,比如 JS/CSS/图片压缩、内存缓存、浏览器缓存等等。进一步,我们还可以将静态资源接入 CDN,实现资源就近访问。

  图片压缩与图片延迟加载

  图片压缩与图片延迟加载同样可以简单地通过插件来实现。延迟图片加载可以提高网页js,css等文件的加载速度。

  Smush功能非常强大,他集成了图片压缩与图片加载功能。

  图片压缩你也可以利用PS,使用网站图片专用的webp格式。

  处理部分Wordpress核心代码或功能

文章由官网发布,如若转载,请注明出处:https://www.veimoz.com/1878
0 评论
1.2k

发表评论

!