赢得页面速度比赛

谷歌使命的简要历史使网络更快地

在2009年通过发布武器来“更快地使网络制作”,谷歌列出了试图和说服网站所有者的使命让他们的网站更快地装载。

为了让网站所有者实际上是关心这一点,在2010年谷歌宣布了

现场速度将成为其桌面(非移动)搜索引擎排名算法的因素。这意味着迅速加载的网站将在其他网站上具有SEO优势。六年后,2015年谷歌宣布了在桌面计算机上执行的搜索数量超出了在桌面计算机上执行的搜索数

。那个百分比继续增加。最新出版的统计数据表示,截至2019年

61%在Google上执行的搜索来自移动设备移动在搜索中的现在主导角色界面开发其“加速移动页面”(AMP)项目。这一倡议旨在鼓励网站所有者在他们的响应式移动主题之上创建基本上另一个移动主题,符合非常严格的发展和绩效指导方针。

虽然许多网站所有者和SEO抱怨必须倾向于倾向于在其他200+排名因素的顶部倾向于已经给予他们头疼的,但页面速度确实是网站所有者专注的值得努力。 2017年,谷歌

进行了一项研究

,结果非常合理,他们的重点是更快地制作网页。他们发现“

如页面加载时间从一秒到10秒,移动站点访客弹跳的概率增加了123%。

2018年7月,

页面速度成为移动搜索的排名因素

,今天谷歌将纳入更快的速度相关因素(称为

核心Web Vitals

)在其排名算法中。

随着平均人类注意力跨越一直在减少,我们对我们的移动设备的依赖始终不断增长,毫无疑问,页面速度是,并将继续成为网站所有者令人难以置信的重要事项

如何优化一个网站的速度

像赛车司机一样思考

赢得页面速度比赛需要与赢得汽车比赛的相同东西。赢得一辆车的比赛,你Ake确定您的车辆尽可能强大,您可以尽可能强大,并且您可以尽可能高效地导航赛道。

我将使用这个类比尝试制作页速优化技术有点更加理解。

使其轻量级

这些天,网站比以往任何时候都更美丽和功能 – 但这也意味着它们比以往任何时候都大。大多数现代网站相当于派对总线或豪华轿车。它们是超级幻想,装满了各种各样的设施,因此沉重和缓慢。在搜索引擎“赛马场”中,您不会与派对总线或豪华轿车一起获胜。你会看起来很酷,但你会丢失。

图像源:GTMetrix测试结果页

赢得页面速度赛,你是neeD一个适当的赛车,这是轻巧的。赛车没有无线电,CUPHERDER,手套箱,或者真正的任何东西都是绝对必要的。同样,您的网站不应该用精心的动画,视频背景,巨大的图像,花哨的小部件,过度插件或其他任何东西都没有绝对必要地加载。

除了在不必要的沉肠和过度插件的情况下,您还可以通过以下方式缩小网站权重:

减少第三方脚本的数量(发送或接收数据的代码片段其他网站)

切换到更轻的重量(较少的Code-Heady)主题并减少所用的字体数 实现放大器

优化图像

[压缩和划船代码执行常规数据库优化

在WordPress的开放源内容管理系统上,速度插件可用,可以更轻松地使许多这些任务更容易。 WP火箭和想象是两个WordPress插件,可以通过图像优化,压缩,缩小和各种其他页面速度最佳实践来显着降低您的网站的重量。

给它更多电力

你不会在赛车上放一辆高尔夫球车发动机,所以为什么你将把你的网站放在肮脏的分享托管计划上?如果您已经持续了一段时间,但是,如果您已经参加了长时间的一个计划,则可能会在托管中支付超过几美元的痛苦,但再次,高尔夫购物车与赛车发动机:你想赢得这场比赛吗? ?传统的共享托管计划CRAM成千上万的网站上的单个服务器。这使得每个单独的部位饿死用于计算能力。

如果你想在大联盟中比赛,是时候获得了成年托管计划了。对于WordPress站点,WP引擎和飞轮等管理托管公司利用功能强大的服务器,并专门调整以更快地为WordPress网站提供服务。

如果管理的WordPress托管不是您的事情,或者如果您没有WordPress站点,则将升级到VPS(虚拟专用服务器)将导致您的网站有更多可用的计算资源。您还可以对自己的托管环境进行更多控制,让您与最新版本的pH值“调整发动机”p,mysql,rannish缓存和其他现代web服务器技术。您将不再符合您的共享托管公司贪婪的怜悯,因为它们在已征税的服务器上越来越多的网站。

简而言之,将您的网站放在良好调整的托管环境中可能就像将一个增压器放在赛车上。

更好地驱动它

最后,但肯定并非最不重要的是,轻量级和强大的赛车只能在没有训练有素的驾驶员的情况下速度这么快,他们知道如何有效地导航课程。

该类比的“导航课程”部分是指加载网页的Web浏览器的过程。网站的每个元素都是浏览器的另一个扭曲或转向,因为它在通过代码中传播并处理页面的输出时导航。

我会暂时切换类比来试图更清楚地解释这一点。改造房屋时,在重做楼层之前,您将首先绘制房间。如果您首先重新铺板然后绘制房间,新楼层将在它们上涂上涂料,并且您必须返回并稍后再次倾向于楼层。

当浏览器加载网页时,它会通过一个名为(巧合)“绘画”的过程。每个页面是“绘制”,因为浏览器从网页的源代码中收到数据位。该绘画过程可以有效地执行(即在填充地板之前绘画墙),或者可以以更加混乱的无序方式完成,需要几次旅行回到流程的开始或修复或添加内容这可能是/应该是在这个过程中之前完成。

图像源:webpagetest.org测试结果(filmstrip视图)

这是事情的地方获取技术,但要做任何您可以帮助您的网站更有效地驱动“轨道”是很重要的。

缓存是一个概念,即每个网站应该在浏览器上加载网页的概念。它已经需要很长时间浏览器来处理页面的所有页面的源代码并在视觉上绘制到用户,因此您可能还有源代码准备好在服务器上。默认情况下,如果没有缓存,那就不是这种情况。

如果没有缓存,网站的CMS和服务器仍然可以在浏览器等待画页面时生成网页的源代码。 T.他可能导致浏览器必须暂停并等待来自服务器的更多代码。通过缓存,页面的源代码在服务器上预先编译,以便完全准备好在一次拍摄中全额发送到浏览器。想象一下它就像一个有大量的文件的复印机,已经生产并准备发出的文件,而不是每次有人要求一份要求副本。

可以通过插件,托管公司和/或通过CDN(内容传送网络)来实现各种类型和水平的缓存。 CDN不仅提供缓存,而且还在世界各地的各种服务器上寄出预先生成的网站代码,从而减少了服务器与用户之间的物理距离对负载时间的影响。 (是的,互联网实际上由物理服务器组成,这些服务器必须在物理距离上互相交流。这个意义上的网络实际上并不是一个“云”。)

返回我们的竞赛车辆类比,利用缓存和CDN等于更快的旅行在赛道周围。

那些是有效页面绘画的两个基本构建块,但也有更多的技术也可以采用。在WordPress上,可以通过插件或插件来实现以下内容(再次,WP火箭和图像是实现很多的特别好的组合):

异步和/或延期加载脚本。这基本上是一种奇特方式,可以同时加载多个东西或等待到以后加载东西t立即不需要帽子。
预加载和预取。基本上,提前检索关于链接的数据,而不是等待用户单击它们。

延迟加载。

讽刺术语认为,这一概念存在于页面速度目的,但默认情况下,大多数浏览器加载页面上的所有图像,即使是用户滚动到它们的视线。实现延迟装载意味着告诉浏览器懒惰并等待加载那些看不见的图像,直到用户实际滚动在那里。

在下一代格式中提供图像。 浏览器可以比旧式JPEG和PNG格式更快地加载新的图像格式。但重要的是要注意并非所有浏览器都可以支持这些新格式J.尚未 – 所以请务必使用可以为支持它们的浏览器提供的插件,但为浏览器提供旧版本。当与图像配对时,可以实现这一点。

图像源: 图像源:优化对于核心Web Vitals 最后,优化新的核心网至关重要度量(最大的满足涂料,第一输入延迟和累积布局换档)可以更高的效率围绕赛马场旅行。 图像来源 这些是漂亮的技术概念,但这是一个快速概述,让您熟悉它们的意思是:最大的满足油漆(LCP)是指绘画页面上的最大元素。 Google的Pagespeed Insights工具将告诉您哪个元素被认为是页面的LCP元素。很多次是英雄图像或大滑块区域,但它会从页面到页面变化,因此运行工具可以识别页面中的LCP,然后思考您可以做些什么来使该特定元素负载更快地识别您可以做些什么。 第一输入延迟(FID)是用户的第一动作与浏览器响应它的能力之间的延迟。 FID问题的一个示例将是用户最迟可查看的按钮。延迟将由单击功能引起的,单击功能非常遵循按钮本身。 累积布局换档(CLS)是指一组引用一个的三个大词简单的概念。你知道你什么时候在手机上加载网页,然后你去点击某些东西或读取一些东西,但是它上下跳转,因为它在它上面或下面加载了其他东西?这种运动是CLS,它是一个大大烦人的,它是一个效率低下页绘画的副产品。总之,赛车>高尔夫球推车 页速优化肯定复杂,令人困惑,但这是一个实现更好排名的基本组成部分。作为网站所有者,你在这场比赛中是否喜欢它 – 所以你可以做你可以让你的网站成为赛车而不是高尔夫球车!

More Interesting