快速加载，也称为“网站性能”，对于出色的网络用户体验至关重要。2022 年，平均速度指数（或网页显示可见元素平均需要多长时间）趋势在 5 秒左右。甚至这段时间也在考验我们的耐心。在移动设备上，加载时间从 1 秒增加到 6 秒，跳出率翻了一番还多。
为什么网页可能需要很长时间才能加载？一个可能的原因是页面大小——更具体地说，是网页上的内容量和每段内容的文件大小。大量图像、视频和其他媒体会降低页面速度，并将不友好的访问者转移到其他地方。幸运的是，有一种不需要剪切内容的解决方案。这称为延迟加载。延迟加载可以提高您的网站性能，限制带宽使用，甚至可以提升您网站的SEO。在这篇文章中，我将解释延迟加载及其对应的预加载。我们还将讨论为什么延迟加载可能是您网站上的一项重要功能，以及如何将其添加到您的页面中。
什么是延迟加载？
延迟加载是网页用来优化加载时间的一种技术。使用延迟加载，网页首先只加载需要的内容，然后等待加载任何剩余的页面内容，直到用户需要它。延迟加载减少了打开网页所需的时间，因为浏览器一次只加载页面上的一小部分内容。 这个过程被称为“惰性”，因为它延迟加载直到需要——就像有人可能推迟任务一样。但在这种情况下，懒惰是一件好事。 您以前可能见过延迟加载。让我们以 Google Images 为例。如果我搜索腊肠犬的照片（就像我经常做的那样），谷歌会在一个结果页面上为我提供一堆图片。 一次将所有这些图像加载到页面上是没有意义的，因为我可能不会在找到我喜欢的图像并离开之前向下滚动太远。为什么要在我永远看不到的腊肠犬上浪费宝贵的加载时间和数据？ Google Images 实现了延迟加载。对于隐藏内容，它会加载占位符图像以替代实际图像。与完全呈现的内容相比，这些占位符的加载时间要少得多。当它们的占位符进入视图时（即，当我向下滚动时），真实图像会快速加载。
像这样的按需加载技术在整个网络上都在使用。访问一些你最喜欢的图片较多的网站——很可能，他们使用了这种技术。虽然延迟加载最常用于图像，但它可以应用于任何页面元素，包括文本、视频或其他嵌入内容。
