什么是懒加载

这是最简单的懒加载实现方式。对象初始化时被设置为 null，当第一次请求该对象时，才会实例化并返回。如果 null 是合法的返回值，则需要使用占位对象。在多线程环境下，还需要进行同步以避免竞态条件。

虚拟代理是一个与真实对象具有相同接口的对象。当第一次调用其方法时，它会加载真实对象，并将请求委托给真实对象处理。

幽灵对象最初只包含对象的标识符，当第一次访问其属性时，才会加载自身的数据。这种方式适用于那些在创建时无法确定具体操作和内容的情况。

值持有者是一个通用对象，用于处理懒加载行为，代替对象的数据字段出现。

懒加载的核心思想是推迟对象的初始化，直到该对象被需要时才进行加载。对于网页来说，这意味着只加载当前视口内可见的内容，而将图像、视频、iframe 等非关键资源推迟加载，直到用户滚动到需要渲染它们的位置时才开始加载。这种方式可以显著减少网页的初始加载时间，提高用户体验。

与懒加载相反，预加载会立即加载页面中的所有资源，无论它们是否会被立即使用。这种方式适用于对加载速度要求极高的关键页面，例如登录页面或购物车页面。预加载可以确保这些页面的所有内容都能够立即显示，但代价是增加了带宽消耗和初始加载时间。

懒加载和预加载各有利弊，需要根据具体情况权衡使用。懒加载可以提高页面的初始加载速度，但可能会导致用户滚动时出现短暂的延迟。而预加载则能确保页面内容的即时可用性，但会增加带宽消耗和初始加载时间。因此，对于内容丰富但非关键页面，懒加载是更好的选择；而对于关键页面，预加载则更加合适。

网页中通常包含大量图像、视频等多媒体资源，如果一次性加载所有资源，将极大拖慢页面的加载速度。通过懒加载，只加载当前视口内可见的资源，其他资源将延迟加载，直到用户滚动到相应位置时再触发加载，从而显著提升了页面的加载速度，改善了用户体验。

由于懒加载可以避免一次性加载所有资源，因此能够减少不必要的带宽占用和服务器负载。这对于移动设备尤为重要，因为移动网络带宽有限，过多的数据传输会增加流量费用。同时，减轻了服务器的负担，服务器可以将资源集中起来，专注于处理其他更为迫切的请求。

搜索引擎在评估网页质量时，页面加载速度是一个重要因素。通过懒加载技术加快页面加载速度，可以间接提升网站在搜索引擎中的排名，从而获得更多的流量和曝光率。

现代 Web 开发框架如 Angular 等都内置了对懒加载的支持，开发者可以方便地在框架中实现这一功能。此外，主流浏览器自 2020 年起也开始原生支持懒加载，只需在 HTML 中添加特定属性即可启用，无需额外的 JavaScript 代码。