【译】2020年实现网站速度优化的5种方法

一切从速度开始!不管你的网站有多吸引人或有多有价值,它的加载时间将决定一个用户是留下还是离开。可悲的是,在网上浏览时,耐心是一个被遗忘的美德。而且,为什么不,当你的竞争对手是钉在网站速度优化游戏。
来源: https://www.netsolutions.com/insights/website-speed-optimization/ 作者:netsolutions 浏览:208 发布时间:2020-01-16 09:44:14

这可以和你周末狂看的电影相比。如果故事在前10分钟左右没有引起你的兴趣,你就不看了,即使故事的其余部分很有趣。在商业世界中,即使是一毫秒也能让用户到达漏斗的顶端。而且,只有你的网站速度才会让用户在剩下的体验中停留。


我们可以说——页面加载时间与页面放弃率成正比。下面的图表显示了页面加载时间的增加是如何以百分比的形式增加弹跳率的。



为了帮助您跟踪页面速度,谷歌已经介入。他们更进一步,推出了“页面速度洞察”工具,在这个工具中,你可以检查桌面和移动设备的页面速度。


该工具报告的错误可能看起来不太可能,但是80-90%的错误都是由经验丰富的web开发专家执行的简单修复。但是,是什么特别阻碍了网站的加载速度呢?答案是“规模”。


就像地球上所有的东西都有质量一样,网站上的每个元素都有一定的尺寸。大多数网站的大小在1.3 MB到2.5 MB之间,实际推荐大小在500 KB以下。


无论是组成网站、样式表、图像或视频内容或其他设计元素的HTML代码;加载到屏幕上可能需要一段时间。而且,随着适应最新用户体验设计趋势的需求的增长,这个规模将继续增长。


那么,你究竟该如何应对这种混乱的局面呢?这里有一个五步策略,可以积极地影响你的网站转化率。


实现网站速度优化的5种方法


在管理网站大小限制和建立一个伟大的用户体验设计之间,大多数企业都在挣扎。那么,如何提高网站性能,并在谷歌爬虫和您的访客的眼中崛起呢?这正是我们在这里要帮助的。


让我们用一些体力劳动渡过难关,到达预定的目的地吧。


1. 减少HTTP请求


大约80%的web页面加载时间用于下载诸如样式表、图像、Flash和脚本之类的组件。从技术上讲,每当用户在搜索栏上输入一个特定的URL时,都会发送一个单独的HTTP请求来获取每个页面。问题是如何最小化发送和确认这些请求所需的时间?


速度优化的简单解决方案是:减少页面发送给它的请求数,使其完全加载。你可以这样做。


a.CSS精灵

当涉及到减少图像请求时,这种方法很有效。尝试将背景图像合并到一个单独的图像中,然后使用CSS“background_image”和“background_position”为每个图像赋予唯一的标识。


b.WP火箭

这是一个WordPress插件,使文件的合并任务很容易。只需安装插件,然后转到“静态文件”选项卡。检查希望合并的文件并保存更改。



2. 考虑图像优化


网站上的图片就像侏儒世界里的巨人。它们占用了网页上的大部分空间,因此应该调整策略以减少过大图片的大小。


不要考虑完全删除它们,因为图像会带来视觉愉悦,并有助于创建相关的内容。


如果你想优化网站转换,你需要格外小心,因为有两种方法,这样的压缩,即。,“有损的”和“无损的”。“有损有助于压缩图像而降低质量,无损更好,因为它保持图像质量而减少大小。


所以,简单地坚持无损压缩的类型,以保持高风险的图像不会创造一个坏的用户体验。这里有一个全面的功能集为流行的图像格式,可帮助您找到您的最佳适合。



3.实现浏览器缓存


传统上,每次页面加载时,它等于客户机和服务器之间的几次往返。这反过来又严重影响了网站的速度优化。但是,通过实现浏览器缓存可以忽略这一点,即,用于重用以前加载的页面的设施。或者我们也可以说,浏览器缓存的工作原理是“加载一次,每次使用”。


要实现浏览器缓存,应该在服务器响应中包含以下两个标头:


Cache-Control:它定义了浏览器和其他中间缓存可以缓存的响应的方式和时间。

ETag:提供一个重新验证令牌,由浏览器自动发送,以检查自上次请求以来资源是否发生了更改。

当web服务器没有这些HTTP缓存报头时,将出现一个名为“利用浏览器缓存”的警告(示例如下所示)。


这就是利用浏览器缓存警告的样子



修复这两个错误的最佳方法是:


更改请求标头

通过向.htaccess文件(网站控制室)添加几行代码来优化网站速度。如果你有一个静态的HTML WordPress网站,这是可行的。


说到这里,您需要访问WordPress安装的主目录,找到.htaccess文件,并在代码编辑器中更改“expires”标题。


过期标头将与浏览器通信,以确定需要下载的资源是从其源请求的还是从缓存中获取的。


代码是这样的:


注意:过期时间取决于您希望在浏览器缓存中存储静态内容的时间。一个月还是一年由你决定。


或者,你可以在你的WordPress网站上实现WPRocket插件。最好的部分是浏览器缓存会在插件安装时自动激活,这使它成为实现页面速度优化的简单工具。


4. 启用压缩


不仅仅是图像需要压缩,其余的内容也需要占用最小的空间。它将节省你的带宽和加载时间。就像你可以压缩你的图片,你也可以压缩你的网站。


当您仅依赖index.html文件时,web内容在以原始形式获取时需要一定的加载时间。这种情况就好比是把重物从深井里拉出来。如果一个人在工作,很明显,它需要一些时间才能浮出水面。


另一方面,如果index.html被index.html替换。一切都会好的。这里压缩的文件夹已经放在服务器上了。一旦浏览器请求它,服务器就会承认请求。接下来,浏览器下载文件,提取文件,并将页面显示给用户。


这是后端流程的图示。


当用户请求web页面时,浏览器将请求发送给服务器,服务器将返回压缩后的页面,在页面显示在屏幕上之前,浏览器将进一步解压缩该页面



对您有利的流行zip格式是- gzip。它最适合CSS和HTML。雅虎表示,使用gzip可以减少大约70%的网站加载时间。


这里是你可以使它为预期的网站速度优化。


a.一个WordPress的网站。

Wp火箭和W3总缓存已经支持gzip,这意味着您不必担心太多。


b. W3总缓存

您需要做的只是检查选项“启用HTTP (gzip)压缩”旁边的按钮。


c.静态HTML网站

这就是您需要进一步操作.htaccess文件的源代码的地方。但是,代码将取决于您的网站支持的服务器类型。


或者,为了处理这些技术细节,一个更好的策略是联系web开发人员,他们可以毫不费力地完成这项工作。



5. 试着延迟加载


这是一个简单的插件,正在市场上循环,毫不费力地实现网站性能优化。这种延迟加载的简单策略是,仅当页面的折叠对用户可见时才加载图像。这样,页面就不必一次加载所有内容。


延迟加载是一个插件,即,你只需要下载并激活它。它的受欢迎程度正在增长,这是很明显的,因为谷歌Chrome现在支持网页的惰性加载。


这是最好的启示,将消除近百分之百的体力劳动。这不是很好吗?然而,不要错过压缩图像和使用可接受的格式,为一个出色的网站速度优化。


注意:你也可以使用BJ延迟加载,一个WordPress插件来实现延迟加载。它是一个定制的插件,可以帮助您选择要在用户滚动时加载的内容类型。内容类型包括-图像、缩略图、iframe和嵌入式视频。


结论


网站的速度对你的业务增长起着至关重要的作用。你需要像闪电一样快,因为这是领先的唯一策略。所以,给你的访客一个信任你的机会,而这只有在你竭尽全力垄断市场的时候才有可能。


开始分析你的网站速度结果,并坐下来通过手头的问题。建立一个策略,帮助实现上述网站速度优化技巧,并保持前进。在任何时候,如果技术细节似乎太多,不要犹豫联系网站开发人员谁有一个公平的理解向前和向后的过程。


最后,目标应该是使你的网站-


快。得更快。最快。


留言咨询