使用者体验是提高页面转化率的一个重要方法,这个转化率与网站载入速度有很大关系,网站越快,转化率越高。 PageSpeed 甚至可以直接影响广告活动和质量评分。事实上,在 5 秒内载入手机网站的广告收入比那些在 19 秒内载入的网站多两倍。一份报告称,如果你的网站载入时间超过 2-3 秒,人们就会立刻放弃它,因为 40% 的人都是这么做的。因此,需要确保正确地处理站点的速度优化。
什么是谷歌 PageSpeed Insights 工具?
谷歌 PageSpeed Insights 工具是一个非常方便的工具,所有新的和现有的网站所有者,无论是忙于网站建设或维护网站,一定要使用这个工具。谷歌 PageSpeed Insights 工具分析站点的前端效能,并提供优化建议。为您的网站提供 0 到 100 分的评分; 该工具的得分为 85 分或更高,表示页面效能良好,可以让您对网站的效能有一些深刻的了解。该工具现在的结果不同于以往的网站管理员看到的结果,旧的测试确实给出了难以实现的结果。现在这一切都将是关于你的网站实际上是如何执行的,如何提高使用者网站体验和转化率。现在,更新后的谷歌 page espeed 工具测试如下:
现在让我们来看看需要注意的元素,如果希望在网站的谷歌页面测试中实现 100/100 。
 1. 处理好你所有的速度问题
网站速度永远是进一步提高网站效能的关键因素,这也是更新的测试工具中一个决定因素。因此,为了确保你正在处理所有的站点速度问题,必须考虑主题和插件外挂以及其他整合如何影响站点速度。在维护站点的载入时间方面,购买可靠的虚拟 WordPress 主机服务与其他任何事情一样重要。因此,在选择虚拟 WordPress 主机之前,确保阅读虚拟 WordPress 主机评论是非常必要的。确保能够实现可以处理的每一个优化步骤。其实说站群服务器或者虚拟 WordPress 主机对网站优化速度还是有一定影响的,有兴趣的朋友可以更多了解一下 站群服务器位置对 SEO 站群优化的一些影响。
2. 重视可见内容
一旦访问者登陆你的网站,就会出现这种内容,无需滚动即可检视。这些内容也被称为 “高于折叠的内容”,应该能够迅速地载入到访问者的终端,因为这是使用者体验的一部分。因此,确保 HTML 在呈现其他内容之前首先呈现互联 WordPress 网页面的内容是非常重要的。要做到这一点,可以减少资源使用的资料量,或者简单地建立 HTML,首先在其他元素之上载入关键的、高于折叠的内容。如果不喜欢编写程式码,请确保为你的网站找到一个符合此目的的主题。
3. 程式码精简
如果能使你的原始码更紧凑,就能有效地提高网站的速度和使用者体验。为此,需要删除所有不需要的程式码,如空格、新行、不必要的和未使用的程式码、冗余格式、注释等。精简程式码非常重要,因为它为档案的站群服务器版本建立了一个更小但更快的版本。 CSS 、 HTML 、 JavaScript 这三种资源分别需要借助 CSSNano 、 HTML Minifier 、 Closure compiler/Uglify JS 等工具进行压缩,你也可以使用像 WP Super Minify 或 Fast Velocity Minify 这样的插件外挂。
4. 优化图片
我们都知道,优化网站上的影象可以帮助我们使网站更快地载入。可以选择手动优化 aka 压缩你网站上的影象,或者可以简单地为 WordPress 站点使用影象优化插件外挂,如 Smust it 或 EWWW 影象优化器。对于其他网站,可以使用影象压缩工具,如 TinyPNG 、压缩 JPEG 或其他可用工具。
5. 压缩是关键
在通过站群服务器交付档案之前,简单地压缩档案就可以让网站载入得更快,就是这么简单。这将提高它们传输到浏览器的速度,我们在这里讨论的是 gzip 压缩。
6. 实现浏览器 WordPress 加速缓存
每次访问网站时,浏览器都会将下载的内容(如 HTML 、 CSS 、 JavaScript 和影象)储存到本地 WordPress 加速缓存中,这使得下次从相同的浏览器访问这个网站时很容易载入它,这减少了在处理和呈现 WordPress 网页时出现的延迟。然而,当实现浏览器 WordPress 加速缓存时,网站载入速度更快。虚拟 WordPress 主机服务可能已经有了浏览器 WordPress 加速缓存服务。如果仍然需要,可以为你的 WordPress 站点获得一个 WordPress 加速缓存插件外挂,例如 WP 超级 WordPress 加速缓存或 W3 Total Cache 插件外挂。关于 WordPress 加速缓存相关内容,可以更多参考 如何在 nginx 中 WordPress 加速缓存静态档案。
7. 移除呈现阻塞的 JavaScript
提高页面载入速度的最重要方法是不要让 CSS 或 JS 资源在内容载入之前载入。为此,可以简单地将 CSS 和 JavaScript 程式码内联,而不是使用。 CSS 和.js 档案。通过消除这种 “呈现阻塞”,可以明显提高页面载入速度。
8. 加速移动页面
加速移动页面可以帮助行动互联 WordPress 网页面立即拉起,以一种整洁的方式呈现内容。 AMP 是加速移动页面的缩写。它帮助移动 WordPress 网页载入立即摆脱不必要的格式,内容为无缝的移动体验。
所有的网站所有者都渴望在他们的谷歌页面上有一个大的 100/100 洞察力工具。然而,现在真正重要的是你的网站实际表现如何,是否提供了完美的使用者体验。通过遵循我们上面的指南,一定会得到步骤,不仅接近实现 100/100 与谷歌 PageSpeed 工具,而且增加在你的网站上流量和转化率。