前端性能小技巧
收录一些关于前端性能优化的小技巧，包括新特性，常用代码片段，算法伪码等
提示
由于浏览器未必能支持新特性，使用前请到 Caniuse 相关网站查询不同浏览器对该特性的适用性。
懒加载 loading
CSS 属性 loading:lazy 可以将资源标识为非阻塞（非关键）资源，仅在需要时加载它们。延迟加载可以在应用程序的不同时刻发生，但通常会在某些用户交互（例如滚动和导航）发生，并考虑结合设备的网络环情况。
可以将该属性应用在 <img> 和 <iframe> 标签
html
<img src="image.jpg" alt="..." loading="lazy">
<iframe src="video-player.html" title="..." loading="lazy"></iframe>