2018年5月，谷歌推出了Lighthouse 3.0，这是他们用于审核网页质量和速度的开源工具的更新版本。Lighthouse 3.0为报告带来了新的输出选项，但也对衡量站点速度和性能的方式进行了一些更改，例如引入了First Contentful Paint作为性能和速度度量，以及用于性能审计的新的权重。
从2018年5月开始呢?谷歌发布了更多的更改。这就是为什么我们今天要分享优化网站的五种方法。
让我们开始。
为什么现在优化你的网站速度?
灯塔在3.0发布后的一年里继续发展。谷歌最近宣布它正在为Lighthouse开发“平台包”，通过它，测试人员可以收到特定于其站点上使用的CMS和代码库的速度优化提示。例如，如果你在WordPress中使用Angular JavaScript，你就很幸运了，但在GitHub社区的帮助下，更多的平台包变体已经在开发中。自2016年首次引入移动优先指数以来，谷歌逐渐增加了网站速度作为搜索排名标准的重要性，所以关注这些指标和趋势是明智的。谷歌在2018年平均一周的时间里推出了大约62个算法调整更新，因此确保你的排名良好正成为一个日益动态的实践。考虑到移动优先指数相对较新，以及它对网站流量不成比例的影响，大多数算法的改进将集中在移动端是有道理的。也许密切关注Lighthouse的最有力的理由是，这是谷歌第一次构建了一个自助速度测量工具，它试图复制真实网站访问者所经历的滞后时间，而不是机器人。“你从Lighthouse看到的许多指标主要是面向用户方面的，”Webmaster趋势分析师John Mueller在2月份的一个Office Hours Hangout问答环节中解释道。“从我们的角度来看，从搜索的角度来看，我们把各种各样的这些指标放在一起，以找出我们应该如何看到这个网站的速度。考虑到这些，我们收集了5个技巧来帮助你用你的网站速度取悦谷歌之神。
1。高分辨率的图片可以显著降低你网站的加载时间，同时增加内存和页面重量。您可以将它们从站点中完全删除，但您可能需要或真的想保留它们。延迟加载是一种加快页面加载时间的方法，而不必删除任何资源密集型内容。通过延迟加载，一次只加载网页的一部分——浏览者正在看的部分，所以你会推迟加载下一部分直到浏览者向下滚动到它。这减少了达到First Meaningful Paint和First Content Paint等指标所需的时间，这是Lighthouse用来衡量网站速度和性能的两个指标。
如果您已经实现了“无限滚动”，那么延迟加载是必须的，这在内容密集的网站中很流行，但它对所有类型的网站都有帮助。事实上，Duda网站设计平台发现，在Duda支持的网站上实现惰性加载后，这些属性在Lighthouse得分提升中平均得到10分——
2分没什么大不了的。第一次内容绘制时间慢的最大罪魁祸首之一是你的图像。问题是，当涉及到市场营销和销售时，一张图片确实胜过千言万语，所以你拒绝摆脱那些设计是对的偏爱大的英雄形象。除了延迟加载，下一代图像格式也提供了解决方案。
下一代格式包括JPEG 2000, JPEG XR和WebP。这些格式压缩和转换图像，使它们比传统的png和jpg小得多，但它们对图像质量没有负面影响。当您使用下一代格式时，您可以大大加快页面加载时间，甚至对于具有较大像素尺寸的视觉效果，而不会牺牲图像质量。看看这个来自疯狂实验室的数据，看看WebP文件比PNG文件小多少:
谷歌特别鼓励网站管理员使用它自己的新WebP格式，这是由Chrome和Opera浏览器支持的。WebP生成的图像比PNG格式小26%，比JPG格式小25-35%。
3。使用内容分发网络
内容分发网络，或称CDN，是加速页面加载的绝佳解决方案，这是Lighthouse 3.0中获得良好性能评级的第二重要指标。基本上，CDN是一个分布在世界各地的服务器网络，它们一起工作来传递您的内容。因为CDN中的服务器在地理上是分散的，总是有一个离几乎每个用户最近，减少了你的内容到达他们的浏览器所需的时间。图片来源
cdn通常也使用先进的压缩策略，如缩小和文件压缩，这有助于您的内容资产更快地传输，提供更好的内容可用性和冗余，因此沉重的流量不会中断您的网站性能。cdn在面对硬件故障时不太可能崩溃。主要依靠超高速加载时间的内容密集型网站，如Netflix、Facebook和亚马逊，都使用cdn。
4。如果你的网站运行在WordPress或类似的平台上，依赖插件提供额外的功能，这些插件可能会降低你的网站的响应性，影响它的交互性指标，拖低你的Lighthouse 3.0性能分数。有些插件可能对您的站点非常重要，比如您的支付处理程序，但其他插件可能不再有什么作用了。许多插件查询第三方服务器的信息，这可能会进一步降低速度。在DigWP最近的一项调查中，超过900名WordPress专业人士指出，他们通常认为插件的数量是“太多”的阈值，75%的受访者同意25个是极限。超过三分之一的受访者建议10为上限。额外的插件会导致数据库膨胀，无缘无故地增加站点的重量，使其加载速度变慢，所以插件越少越好。
5。你站点的CSS规则定义在main.css文件中。它也被称为外部样式表，因为它与站点HTML分开存储。为了让站点加载First Contentful Paint(根据新的Lighthouse版本，这对性能有很大影响)，浏览器必须首先检索、解析和处理每个CSS样式表，以确定内容将如何显示。因此，每个额外的CSS文件都会不可避免地减慢页面加载时间，并稍微影响性能。对于每个文件，浏览器都必须访问它，下载它，只有这样它才能呈现页面。使用像Fast Velocity Minify这样的插件缩小你的CSS文件可以帮助你大大提高你的Lighthouse分数，但你可以做更多来确保CSS加载时间不拖累你。删除所有未使用的CSS定义将进一步加快速度，并简化您的网站性能，以获得更好的谷歌评级。灯塔3.0的引入和正在进行的开发应该被视为另一个提醒，根据谷歌的最新速度优化您的网站的重要性标准。通过摆脱不需要的CSS规则和插件，使用cdn和下一代图像格式，并充分利用惰性加载，您可以简化您的站点，减少页面加载时间，并提高性能，以保持谷歌的良好记录。Gabrielle Sadeh是特拉维夫的一名咨询师、社交媒体专家和博主，她通过强大的数字营销策略帮助品牌分享他们的声音，扩大他们的业务。与她取得联系的最好方法是通过她的领英资料。WordStream的客座作者是在线营销社区的专家、企业家和充满激情的作家，他们为我们的博客带来了广泛话题的不同观点。
参见客座作者
的其他文章，更多像这样的文章如何为SEO创建支柱页面(有例子!)
学习如何提高你的排名，让你的内容更多地浮出水面，并建立你的声誉。
2022年谷歌排名前10个因素(+如何优化它们)
了解在对您的站点进行排名时，什么对谷歌真正重要——以及如何为此进行优化。
如何在谷歌上排名更高:17策略为2022
专业提示和SEO技巧-从初学者到高级，你不会想错过!
评论
评论前请阅读我们的评论政策。
