本文将向您展示如何操作 优化您的图像 在 GemPages 中启用 延迟加载 金益辉 预紧.
关于 GemPages 中的 Lazyload 和 Preload
延迟加载功能
延迟加载 通过在访客访问您的页面时仅加载第一部分的样式和字体来优化您的页面。这会延迟加载其余部分，直到需要它们时再加载，从而最大限度地缩短初始加载时间。
预加载功能
预紧 在页面渲染过程中优先加载特定图像，确保关键视觉效果即时呈现。这可以即时呈现重要内容，从而提升用户体验。
为什么 Lazyload 和 Preload 很重要？
- 提高页面加载速度：延迟加载减少了最初加载的内容的大小，使页面加载更快。
- 更好的用户体验：更快的加载时间可防止用户放弃您的网站。
- SEO的好处：搜索引擎青睐速度更快的网站，从而提高您的排名。
如何为您的 GemPages 页面启用 Lazyload？
延迟加载 默认启用 对于所有使用以下方式构建的页面 GemPages v7。当你发布页面时，它将继承当前的Lazyload设置。
要检查此设置：
- 来自 GemPages 构建器 应用程序，去 优先 > 商店设置.
- 找到 延迟部分加载 在下面 编辑器设置.
Lazyload 根据其状态执行的操作：
- 启用（默认）：最初仅加载第一部分的样式和字体，而后续部分则稍后加载。这可提高性能和您的 PageSpeed Insights 分数。
- 残疾人：访问页面时，每个部分的所有样式和字体都会同时加载。这可能会减慢您的页面速度并对您的 PageSpeed Insights 分数.
如何在 GemPages 中启用图像元素的预加载？
对于图像元素，GemPages 允许您使用以下方式优化页面 预紧.这可确保在访问者访问您的页面时，重要视觉效果会得到优先处理并立即加载。
以下是启用它的方法：
第三步： 在 GemPages 编辑器中，单击图像元素以打开其 个人设置 面板。
第三步： 在左侧边栏，找到 优化 LCP 部分并设置 预紧 = 是 为选定的图像启用预加载功能。
注意：
- GemPages 中的所有图像都会自动启用 Lazyload，因此您无需手动配置它。
- 谨慎使用预加载功能，仅对必要的图片进行预加载，以避免服务器不必要的负载。您应该为 LCP 图片（通常是主要的 Hero/Banner 图片）启用预加载功能，以提升核心网页指标 (Core Web Vitals)。
- GemPages 会自动优化脚本，将非关键脚本延迟到页面初始加载之后。此功能已内置于系统中，无需手动配置。
谢谢您的意见