更多精选文章

图片懒加载 技术应运而生，其核心🍀思路是：只在图片即将进入用户可视区域时才开始加载，而非一次性加载所有图片

滚动后才能看到的💯图片也在首屏加载，浪费资源

延迟加载的两种常见模式 模式 说明 适用场景 滚动触发 当用户滚动页面，图片元素距离视口达到指定阈值时加载 内容较🌟长的文章、电商商品列表 定时/事件延迟 页面加载完成后，等待一定时间或用户交互后再加载部分图片 广告💯位、次要装饰图片 两种模式并非互斥，在实际网站中可以根据图片重要程度混合使用

优化图片加载：为网站速度加分

图片体积大、数量多时，如果未做懒加载🎉处理，浏览器在打开页面时🎆会发起大量并发请求，导致首屏内容被阻塞

不要过度延迟： 如果图片直到用户快要看到时才触发加载，可能造成明显的加载闪烁或滚动卡顿

启用浏览器缓存和内容分🎊发网络（CDN），减少图片重复加载的耗时