WordPress-禁用或者移动网页脚本

gn_plugin_global_settings

页面加载过程中最耗时的就是脚本,这跟他们的大小没关系。主要原因是他们的执行方式问题。

如果不进行优化的话,浏览器加载过程遇到的任何脚本都会阻止网页的呈现,一直到脚本下载并且执行完毕才行。你网站使用的功能和插件越多,网页中的脚本也越来越多。不管你用不用,大部分脚本都会加载到网页上。

优化思路

Read more →WordPress-禁用或者移动网页脚本

WordPress-静态资源预加载、链接预取、DNS预取、网页预渲染、链接预连接

dns_prefetching_in_wordpress

减少网站加载时间的最难得就是延迟。你没办法去减少DNS查找时间、TCP连接切换时间。

但是我们可以预先进行预加载连接、DNS查找和其他资源。

静态资源预加载

静态资源预加载是一种新的WEB标准,使用Preload可以轻松获取管理 资源获取呈现的顺序。Preload的好处是他不会干扰窗口的onload事件,并以高优先级下载资源。

Read more →WordPress-静态资源预加载、链接预取、DNS预取、网页预渲染、链接预连接

WordPress2020终极优化指南 (三)

修复阻止网页渲染的CSS和JavaScript

这个影响比较大,好些网站打开后一直转圈,然后等了几秒后一下好了就是这个原因。在网页调用的js等文件没有下载并且执行之前,网页一直是等待渲染状态。

减少网页重定向并开启强制SSL/https

安装好SSL证书后并不是访客就会访问到https的网站链接,我们还需要对他进行强制ssl方可。

Read more →WordPress2020终极优化指南 (三)

WordPress-给静态资源添加浏览器缓存过期时间

w3_total_cache_01

网页节省带宽以及减少加载时间的方式之一就是缓存静态资源,静态资源是指一些图片、css文件和其他的一些不经常修改的内容。

当用户访问网页时,会下载很多静态资源。如果我们设置了缓存,下次访客访问时就会直接从本地读取这些静态资源。从而大幅度提高加载速度。

静态资源缓存通常通过添加expire头来实现。这会给你的静态资源添加时间戳,高速浏览器,此静态资源多少多少时间内不会更改

Read more →WordPress-给静态资源添加浏览器缓存过期时间

WordPress-修复阻止网页渲染的CSS和JavaScript

gn_async_javascript_plugin_wordpress

在页面顶部的JS(JavaScript)和CSS未下载执行前会阻止网页的渲染过程。

这个影响比较大,好些网站打开后一直转圈,然后等了几秒后一下好了就是这个原因。在网页调用的js等文件没有下载并且执行之前,网页一直是等待渲染状态。

面对此问题一般是采用异步加载+延时加载的方式

Read more →WordPress-修复阻止网页渲染的CSS和JavaScript