大图懒加载调优技巧
-
大图懒加载与边缘命中怎么配合调优,有什么技巧?
大图懒加载与边缘命中配合调优的核心,是把“什么时候加载”和“从哪里取图”拆开管:首屏大图走预加载和边缘强缓存,首屏外大图用原生懒加载加IntersectionObserver兜底,边缘命中率靠缓存键、Cache-Control和图片规格收敛一起拉高, 只做懒加载,图片请求少了但回源未必少;只做边缘缓存,首屏外的……
大图懒加载与边缘命中配合调优的核心,是把“什么时候加载”和“从哪里取图”拆开管:首屏大图走预加载和边缘强缓存,首屏外大图用原生懒加载加IntersectionObserver兜底,边缘命中率靠缓存键、Cache-Control和图片规格收敛一起拉高, 只做懒加载,图片请求少了但回源未必少;只做边缘缓存,首屏外的……