延迟加载

延迟加载通过在初始页面加载时仅加载视口中可见的内容来提高性能。首屏下方的图像保持为轻量级占位符，直到用户滚动到它们，触发实际的图像下载。所有现代浏览器都支持通过 HTML loading='lazy' 属性进行的本机延迟加载，并且不需要 JavaScript。 Intersection Observer API 为自定义实现提供更多控制。对于首屏英雄图像，应禁用延迟加载 - 这些图像需要立即加载以获得最佳的最大内容绘制。延迟可见内容的激进延迟加载会损害感知性能。平衡是立即加载可见内容和延迟加载其他内容。