目前的前端图片加载优化技术有很多，像懒加载/预加载，img上的srcset属性以及picture标签，新的图片编码格式以及Client Hints等。

懒加载也叫延迟加载，指的是在长网页中延迟加载图像，是一种很好优化网页性能的方式。用户滚动到它们之前，可视区域外的图像不会加载。这与图像预加载相反，在长网页上使用延迟加载将使网页加载更快。在某些情况下，它还可以帮助减少服务器负载。常适用图片很多，页面很长的电商网站场景中。 能提升…

前言 事情是这样的，前几天我接到一个外包工头的新需求，某品牌要搭建一个在线VR展厅，用户可以在手机上通过陀螺仪或者拖动来360度全景参观展厅，这个VR展厅里会有一些信息点，点击之后可以呈现更多信息（视

在 web 应用程序中性能至关重要。你可以拥有世界上最漂亮、最吸引人的网站，但如果它不能在浏览器上快速加载，人们会倾向于略过它。要想使你的网站表现得非常好，可能相当棘手。这是因为 web 开发中存在许多瓶颈，例如耗费性能的 JavaScript、解析缓慢的 web 字体显示、 …

现如今Web应用的性能如今越来越重要，有一个影响页面加载的很重要因素就是图片，尤其是页面中有很多图片的时候。如果可能的话，对这些图片使用懒加载是坠吼的，也就是只有当用户滚动到图片位置时才去加载这张图片，这样做的确提升了页面的首次加载速度。对于移动端而言，这样也可以节约用户的流量…