Skip to content

GnUX Posts

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

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

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

优化思路

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

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

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

静态资源预加载

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

WordPress2020终极优化指南 (三)

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

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

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

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

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

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

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

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

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

禁用或者移动网页脚本

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

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

使用nginx

web服务我们有很多选择常见的是nginx、apache、IIS等,还有些人使用的是国内一个开发者开发的kangle,个人对这个不太喜欢。自己选择,这些程序都是免费的。

开启网页gzip压缩

就好比我们在自己电脑压缩文件一样,我们的网页文件也是可以压缩的。而且压缩率比较高,可以大量的节省服务器带宽。

使用高性能数据库MariaDB、将数据库MyISAM存储引擎转换为InnoDB

前面我们讲到过使用高性能服务器,除了服务器之外,数据库也是我们网站中重要的组件之一。

调整优化MySQL数据库

数据库的调整优化是一个非常大的项目,非常考验你的技术能力。下面仅做一些简单介绍,同时会发一些数据库优化脚本。

使用Redis缓存

Redis是一种很流行的缓存方案,可以显著提高性能。优于Memcached缓存。

使用InstaClick自动判断预加载页面

InstaClick是一个Javascript库,他通过更改网站的加载方式,从而提高网站的访问速度。

找出最慢的页面URL然后一一优化

经过以上的一系列教程后如果你还想进一步优化网站的话,可以使用Google Analytics找出速度较慢的URL地址,然后逐个优化。

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

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

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

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

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

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

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

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

WordPress2020终极优化指南 (二)

WordPress禁用Embeds,WordPress关闭文章内的链接自动嵌入变成摘要形式

WordPress现在的版本插入一个链接,如果对方也是WordPress站点的话,自动会给他变成一个嵌入引用的方式,会显示网址内容的摘要、图片甚至视频。

个人建议禁用此功能。

如果不想禁用,偶尔引用下,但是不想某篇文章引用的话。在填入网址时候不要带网址前面的HTTP即可。

下面说下禁用此功能的方法:

1.使用插件Disable Embeds
2.方法二:WordPress下删除删除短链接标记、wlwmanifest链接、RSD链接标记

禁用Emojis表情

可以使用插件来完成。

方法一:
免费插件:Autoptimize

方法二:代码实现

禁用wordpress的文章嵌入功能

禁用wordpress嵌入插件:

Disable Embeds

Reduce HTTP Requests, Disable Emojis & Disable Embeds, Speedup WooCommerce

删除JS及CSS的版本查询字符串

我们查看网页源码会发现原来的js和css后面有一串多出来的字符版本号,比如scripts.js?ver=1.0.1

禁用XML-RPC、Pingback

删除RSD链接、jQuery Migrate

隐藏WordPress版本

删除wlwmanifest链接、RSD链接标记、短链接标记

禁用RSS源

禁用自我Pingbacks

删除REST API链接

禁用Dashicons、Google谷歌地图、Contact Form 7 JS/CSS

[禁用心跳连接Heartbeat API]()

wordpress使用Heartbeat API来维护浏览器和服务器之间的链接。当你写帖子时候他会自动存储草稿就是这个原因。

禁用WooCommerce样式表、购物车刷新、WooCommerce小部件、删除WooCommerce Meta Boxes

禁用Google字体及开启服务器字体缓存

使用WOFF2字体格式而不要用WOFF

合并CSS和Javascript