«Lazy loading is a technique that defers loading of non-critical resources at page load time. «惰性加载是一种在页面加载时推迟非关键资源加载的技术。Instead, these non-critical resources are loaded at the moment of need.»
而是在需要时加载这些非关键资源。»
– Jeremy Wagner, Google Developer
– Google开发人员Jeremy Wagner
In other words:
换句话说：
Lazy loading images makes them being loaded asynchronously which makes it possible to load them conditionally (e.g. when they are within the visitors’s viewport).
延迟加载图片可以使其异步加载，从而可以有条件地加载它们（例如，当它们位于访问者的视口内时）。
In doing so, you will prevent your visitors from downloading images they would never see anyway.
这样一来，您就可以防止访问者下载他们永远看不到的图像。
What are the advantages?
有什么优势？
The main advantages for your visitors are:
您的访客的主要优势是：
1.
1。
Reduced page load time
减少页面加载时间
Having to initially load less resources, naturally reduces the loading duration.
最初必须加载较少的资源，自然会减少加载时间。
This will be more noticeable the more images you have on your website and may have a critical impact on your visitors’s experience as well as your SEO ranking.
您在网站上拥有的图像越多，这将越明显，并且可能对访问者的体验以及您的SEO排名产生重大影响。
2.
2。
Smaller page size
页面尺寸较小
It’s possible that your visitors will not scroll down to the very bottom of the page and therefore not load all images.
您的访问者有可能不会向下滚动到页面的最底部，因此不会加载所有图像。
Having to load a few images less might not be relevant on unlimited connections.
在不受限的连接上，必须少加载一些图像可能并不重要。
For visitors browsing your website on limited plans however, you’ll prevent them from wasting their data allowances.
但是，对于以有限计划浏览您的网站的访问者，您可以防止他们浪费其数据配额。
Again, this is a factor influencing your SEO ranking.
同样，这是影响您的SEO排名的因素。
Browser support
浏览器支持
Be Lazy uses a polyfill for browsers not supporting the IntersectionObserver API by default.
对于默认情况下不支持IntersectionObserver API的浏览器，Be Lazy使用polyfill。
As a result, pretty much any browser is supported.
结果，几乎所有浏览器都受支持。
✔ Google Chrome
✔Google Chrome浏览器
✔ Mozilla Firefox
✔Mozilla Firefox浏览器
✔ Opera
✔歌剧
✔ Microsoft Edge
✔Microsoft Edge
✔ Microsoft Internet Explorer (7+)
✔Microsoft Internet Explorer（7+）
✔ Safari (6+)
✔Safari（6岁以上）
✔ Android Browser (4.4+)
✔Android浏览器（4.4 +）
