三月 21st, 2019

用户体验是提高页面转化率的一个重要方法,这个转化率与网站加载速度有很大关系,网站越快,转化率越高。PageSpeed甚至可以直接影响广告活动和质量评分。事实上,在5秒内加载手机网站的广告收入比那些在19秒内加载的网站多两倍。一份报告称,如果你的网站加载时间超过2-3秒,人们就会立刻放弃它,因为40%的人都是这么做的。因此,需要确保正确地处理站点的速度优化。

什么是谷歌PageSpeed Insights工具?

谷歌PageSpeed Insights工具是一个非常方便的工具,所有新的和现有的网站所有者,无论是忙于网站建设或维护网站,一定要使用这个工具。谷歌PageSpeed Insights工具分析站点的前端性能,并提供优化建议。为您的网站提供0到100分的评分;该工具的得分为85分或更高,表示页面性能良好,可以让您对网站的性能有一些深刻的了解。该工具现在的结果不同于以往的网站管理员看到的结果,旧的测试确实给出了难以实现的结果。现在这一切都将是关于你的网站实际上是如何执行的,如何提高用户网站体验和转化率。现在,更新后的谷歌page espeed工具测试如下:

现在让我们来看看需要注意的元素,如果希望在网站的谷歌页面测试中实现100/100。

 1. 处理好你所有的速度问题

网站速度永远是进一步提高网站性能的关键因素,这也是更新的测试工具中一个决定因素。因此,为了确保你正在处理所有的站点速度问题,必须考虑主题和插件以及其他集成如何影响站点速度。在维护站点的加载时间方面,购买可靠的虚拟主机服务与其他任何事情一样重要。因此,在选择虚拟主机之前,确保阅读虚拟主机评论是非常必要的。确保能够实现可以处理的每一个优化步骤。其实说服务器或者虚拟主机对网站优化速度还是有一定影响的,有兴趣的朋友可以更多了解一下 服务器位置对SEO优化的一些影响

2. 重视可见内容

一旦访问者登陆你的网站,就会出现这种内容,无需滚动即可查看。这些内容也被称为“高于折叠的内容”,应该能够迅速地加载到访问者的终端,因为这是用户体验的一部分。因此,确保HTML在呈现其他内容之前首先呈现网络页面的内容是非常重要的。要做到这一点,可以减少资源使用的数据量,或者简单地创建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. 实现浏览器缓存

每次访问网站时,浏览器都会将下载的内容(如HTML、CSS、JavaScript和图像)存储到本地缓存中,这使得下次从相同的浏览器访问这个网站时很容易加载它,这减少了在处理和呈现网页时出现的延迟。然而,当实现浏览器缓存时,网站加载速度更快。虚拟主机服务可能已经有了浏览器缓存服务。如果仍然需要,可以为你的WordPress站点获得一个缓存插件,例如WP超级缓存或W3 Total Cache插件。关于缓存相关内容,可以更多参考 如何在nginx中缓存静态文件

7. 移除呈现阻塞的JavaScript

提高页面加载速度的最重要方法是不要让CSS或JS资源在内容加载之前加载。为此,可以简单地将CSS和JavaScript代码内联,而不是使用。 CSS和.js文件。通过消除这种“呈现阻塞”,可以明显提高页面加载速度。

8. 加速移动页面

加速移动页面可以帮助移动网络页面立即拉起,以一种整洁的方式呈现内容。AMP是加速移动页面的缩写。它帮助移动网页加载立即摆脱不必要的格式,内容为无缝的移动体验。

所有的网站所有者都渴望在他们的谷歌页面上有一个大的100/100洞察力工具。然而,现在真正重要的是你的网站实际表现如何,是否提供了完美的用户体验。通过遵循我们上面的指南,一定会得到步骤,不仅接近实现100/100与谷歌PageSpeed工具,而且增加在你的网站上流量和转化率。

Comments are closed.