现在你看到我了：如何延迟、延迟加载并使用 IntersectionObse...
需要交叉点信息的原因有很多，例如图像的延迟加载。但还有更多。现在是时候更好地了解 Intersection Observer API 并获得不同的观点了。准备好？从前，有一位 Web 开发人员成功地说服了他的客户，网站不应该 电子邮件营销列表 在所有浏览器中看起来都一样，关心可访问性，并且是CSS 网格的早期采用者。但在他内心深处，表演才是他真正的热情：他不断优化、缩小、监控，甚至在他的项目中运用心理技巧。
http://zh-cn.gamblingdat.com/wp-content/uploads/2023/12/IMAGE-55.jpg
然后，有一天，他了解了延迟加载图像和其他资产，这些资产对用户来说不是立即可见的，而且对于在屏幕上呈现有意义的内容也不是必需的。这是黎明的开始：开发人员进入了延迟加载 jQuery 插件async的邪恶世界（或者可能是和属性的不那么邪恶的世界defer）。甚至有人说，他直接进入了万恶之源：scroll事件监听者的世界。我们永远无法确定他最终去了哪里，但话又说回来，这个开发人员绝对是虚构的，与任何开发人员的任何相似之处都纯属巧合。
好吧，你现在可以说潘多拉魔盒已经打开，我们虚构的开发者并没有让这个问题变得不那么真实。如今，从速度和页面重量的角度来看，优先考虑首屏内容对于我们的网络项目的性能变得非常重要。
在这篇文章中，我们将走出黑暗scroll，讨论延迟加载资源的现代方式。不仅仅是延迟加载图像，还可以加载任何与此相关的资源。更重要的是，我们今天要讨论的技术不仅仅能够延迟加载资产：我们将能够根据元素对用户的可见性提供任何类型的延迟功能。
頁:
[1]