Post by account_disabled on Dec 10, 2023 3:46:21 GMT -6
如果此任务对您网站的性能产生重大影响，则会向您发出警报： 减少 JavaScript 运行时建议 减少 JavaScript 运行时建议 上面建议的减少主线程工作的方法也应该可以解决 PageSpeed 结果中的此警告。 9. 减少服务器响应时间（TTFB） 第一个字节的时间 (TTFB) 是浏览器发出请求后从网站服务器接收第一个数据字节所需时间的度量。尽管这与您网站的整体速度不同，但较低的 TTFB 对您网站的性能有好处是可以理解的。 因此，减少服务器响应时间是Google PageSpeed Insights的建议之一。如果您可以实现较低的 TTFB，您将在“通过审核”下看到此消息： 服务器响应时间低消息 服务器响应时间低消息 有几个因素会影响您的 TTFB。
减少它的一些策略包括： 选择注重速度的高 加拿大数据库 质量虚拟主机 使用轻量级主题和插件 减少网站上安装的插件数量 使用内容分发网络 (CDN) 浏览器缓存实现 选择可靠的域名系统 (DNS) 提供商 我们的 TTFB 帖子是有关该领域优化的更多详细信息的重要资源。 10.适当的图像尺寸 图像等媒体文件可能会严重拖累网站的性能。正确调整它们的大小是减少加载时间的简单方法： 推荐适当尺寸的图像 推荐适当尺寸的图像 如果您的页面包含大于所需的图像，则使用 CSS 来适当调整它们的大小。这比最初简单地加载正确尺寸的图像花费的时间更长，因此它会影响页面的性能。 要解决此问题，您可以上传适当大小的图像或使用“响应图像”。
这涉及为各种设备创建不同尺寸的图像。 您可以使用srcset属性来执行此操作，该属性添加到<img> 标记 中以指定不同大小的替代图像文件。浏览器可以读取此列表，确定哪个选项最适合当前屏幕，并提供该版本的图像。 例如，假设您有一个标题图像，并且希望它具有响应能力。您可以上传宽度为 800、480 和 320 像素的三个版本。然后您将应用srcset属性，如下所示：srcset属性指定可用的不同文件，sizes属性告诉浏览器应根据当前屏幕尺寸使用哪一个。 11.将图像推迟到屏幕外 延迟图像离开屏幕的过程通常称为“延迟加载”。这意味着浏览器不会在顶部显示内容之前加载页面上的所有图像，而是只会加载立即可见的图像。
减少它的一些策略包括： 选择注重速度的高 加拿大数据库 质量虚拟主机 使用轻量级主题和插件 减少网站上安装的插件数量 使用内容分发网络 (CDN) 浏览器缓存实现 选择可靠的域名系统 (DNS) 提供商 我们的 TTFB 帖子是有关该领域优化的更多详细信息的重要资源。 10.适当的图像尺寸 图像等媒体文件可能会严重拖累网站的性能。正确调整它们的大小是减少加载时间的简单方法： 推荐适当尺寸的图像 推荐适当尺寸的图像 如果您的页面包含大于所需的图像，则使用 CSS 来适当调整它们的大小。这比最初简单地加载正确尺寸的图像花费的时间更长，因此它会影响页面的性能。 要解决此问题，您可以上传适当大小的图像或使用“响应图像”。
这涉及为各种设备创建不同尺寸的图像。 您可以使用srcset属性来执行此操作，该属性添加到<img> 标记 中以指定不同大小的替代图像文件。浏览器可以读取此列表，确定哪个选项最适合当前屏幕，并提供该版本的图像。 例如，假设您有一个标题图像，并且希望它具有响应能力。您可以上传宽度为 800、480 和 320 像素的三个版本。然后您将应用srcset属性，如下所示：srcset属性指定可用的不同文件，sizes属性告诉浏览器应根据当前屏幕尺寸使用哪一个。 11.将图像推迟到屏幕外 延迟图像离开屏幕的过程通常称为“延迟加载”。这意味着浏览器不会在顶部显示内容之前加载页面上的所有图像，而是只会加载立即可见的图像。
