Post by account_disabled on Jan 29, 2024 21:04:14 GMT 14
页面速度一直是 SEO 工作的重要组成部分,随着越来越多的公司转向在线运营,优化变得比以往任何时候都更加重要。然而,这是一个复杂的主题,往往技术性很强。关于网站的页面速度,最重要的事情是什么?如何开始改进?为了帮助您回答这些问题,我们将分享这一受欢迎的《Whiteboard Friday》剧集(最初于 2019 年 2 月发布),其中布兰妮·穆勒 (Britney Muller) 介绍了您开始使用时需要了解的内容。 单击上面的白板图像可在新选项卡中打开高分辨率版本! 视频转录 嘿,莫兹粉丝们。欢迎来到《星期五白板》的另一版本。今天,我们将讨论页面速度的所有问题,并真正深入了解为什么在工作时思考和工作对您如此重要。 在非常基础的层面上,我将简要解释网页是如何加载的。这样我们就可以明白为什么这一切都很重要。 网页是如何加载的 用户访问浏览器,输入您的网站,然后就会发出 DNS 请求。这指向您的域名提供商,所以可能是 GoDaddy,这指向您的文件所在的服务器,这就是它变得有趣的地方。因此,DOM 开始加载所有 HTML、CSS 和 JavaScript。
但很少会提取渲染或加载网页所需的所有脚本或代码。 通常,DOM 需要从服务器 目标电话号码或电话营销数据 请求额外的资源才能使一切发生,这就是真正减慢站点速度的地方。我希望掌握这些背景知识将有助于我们对其中一些问题进行分类。 可能会减慢您网站速度的问题 最常见的罪魁祸首是什么? 首先也是最重要的是图像。大图像是网页加载缓慢的最大罪魁祸首。 托管可能会导致问题。 插件、应用程序和小部件,基本上任何第三方脚本都可能会减慢加载时间。 您的主题和除此之外的任何大文件也会真正减慢速度。 重定向,即到达网页所需的跳数会减慢速度。 然后是 JavaScript,我们稍后会介绍它。 但所有这些事情都可能是罪魁祸首。因此,我们将讨论一些资源、一些指标及其含义,然后介绍一些可以提高页面速度的方法。 页面速度工具和资源 我在这里列出的主要资源是 Google 工具和 Google 建议的见解。我认为这些真正有趣的是我们可以了解他们对页面速度的关注点,并真正开始看到向用户的转变。无论如何我们都应该考虑一下。但首先也是最重要的是,这对访问您网站的用户有何影响,其次,我们如何才能获得 Google 认为其质量更高的双重好处? 我们知道谷歌建议网站加载时间在两到三秒之间。显然,越快越好。但这就是范围所在。我还强烈建议您对此采取竞争性的看法。
让您的竞争对手使用其中一些工具,并将您的速度目标与您所在行业的竞争者进行比较。我认为这是一种很酷的方式来探讨这个问题。 Chrome 用户体验报告 这是 Chrome 真实用户指标。不幸的是,它仅适用于较大的、流行的网站,但您可以从中获得一些非常好的数据。它位于 BigQuery* 上,因此需要一些基本的 SQL 知识。 *编者注:为了准确性,我们已经编辑了这份文字记录。布兰妮在视频中说“BigML”,但本意是说 BigQuery。一次拍摄高级主题的《白板星期五》很难!:-) 灯塔 Lighthouse 是我最喜欢的工具之一,可以直接在 Chrome 开发工具中使用。如果您在网页上单击“检查元素”,然后打开 Chrome 开发工具,在最右侧显示“审核”的选项卡上,您可以直接在浏览器中运行 Lighthouse 报告。 我喜欢它的原因是它为您提供了非常具体的示例以及您可以执行的修复操作。一个有趣的事实是,它将自动使用模拟的快速 3G,并注意他们专注于 3G 移动用户。我喜欢将其切换到应用快速 3G,因为 Lighthouse 可以实际运行该负载。虽然时间长了一点,但似乎更准确一点。很高兴知道。 页面速度洞察 页面速度洞察真的很有趣。他们现在已经合并了 Chrome 用户体验报告。但如果您不是那些大型网站之一,它甚至不会测量您的实际页面速度。它将查看您的网站的配置方式并根据该配置提供反馈并对其进行评分。只是需要注意一些好事情。它仍然提供良好的价值。 测试您的移动网站速度和性能 我不知道这个标题是什么。如果你这样做,请在下面评论。
但很少会提取渲染或加载网页所需的所有脚本或代码。 通常,DOM 需要从服务器 目标电话号码或电话营销数据 请求额外的资源才能使一切发生,这就是真正减慢站点速度的地方。我希望掌握这些背景知识将有助于我们对其中一些问题进行分类。 可能会减慢您网站速度的问题 最常见的罪魁祸首是什么? 首先也是最重要的是图像。大图像是网页加载缓慢的最大罪魁祸首。 托管可能会导致问题。 插件、应用程序和小部件,基本上任何第三方脚本都可能会减慢加载时间。 您的主题和除此之外的任何大文件也会真正减慢速度。 重定向,即到达网页所需的跳数会减慢速度。 然后是 JavaScript,我们稍后会介绍它。 但所有这些事情都可能是罪魁祸首。因此,我们将讨论一些资源、一些指标及其含义,然后介绍一些可以提高页面速度的方法。 页面速度工具和资源 我在这里列出的主要资源是 Google 工具和 Google 建议的见解。我认为这些真正有趣的是我们可以了解他们对页面速度的关注点,并真正开始看到向用户的转变。无论如何我们都应该考虑一下。但首先也是最重要的是,这对访问您网站的用户有何影响,其次,我们如何才能获得 Google 认为其质量更高的双重好处? 我们知道谷歌建议网站加载时间在两到三秒之间。显然,越快越好。但这就是范围所在。我还强烈建议您对此采取竞争性的看法。
让您的竞争对手使用其中一些工具,并将您的速度目标与您所在行业的竞争者进行比较。我认为这是一种很酷的方式来探讨这个问题。 Chrome 用户体验报告 这是 Chrome 真实用户指标。不幸的是,它仅适用于较大的、流行的网站,但您可以从中获得一些非常好的数据。它位于 BigQuery* 上,因此需要一些基本的 SQL 知识。 *编者注:为了准确性,我们已经编辑了这份文字记录。布兰妮在视频中说“BigML”,但本意是说 BigQuery。一次拍摄高级主题的《白板星期五》很难!:-) 灯塔 Lighthouse 是我最喜欢的工具之一,可以直接在 Chrome 开发工具中使用。如果您在网页上单击“检查元素”,然后打开 Chrome 开发工具,在最右侧显示“审核”的选项卡上,您可以直接在浏览器中运行 Lighthouse 报告。 我喜欢它的原因是它为您提供了非常具体的示例以及您可以执行的修复操作。一个有趣的事实是,它将自动使用模拟的快速 3G,并注意他们专注于 3G 移动用户。我喜欢将其切换到应用快速 3G,因为 Lighthouse 可以实际运行该负载。虽然时间长了一点,但似乎更准确一点。很高兴知道。 页面速度洞察 页面速度洞察真的很有趣。他们现在已经合并了 Chrome 用户体验报告。但如果您不是那些大型网站之一,它甚至不会测量您的实际页面速度。它将查看您的网站的配置方式并根据该配置提供反馈并对其进行评分。只是需要注意一些好事情。它仍然提供良好的价值。 测试您的移动网站速度和性能 我不知道这个标题是什么。如果你这样做,请在下面评论。