前端性能优化 --- 懒加载&预加载

版权声明:欢迎转载,转载请注明出处 https://blog.csdn.net/Nate__River/article/details/82190936

前端性能优化学习笔记四

懒加载

有些资源文件不需要在页面渲染时就缓存下来
在电商网站中,一个页面可能很长,需要加载很多张图片,这时候可以利用懒加载的策略来处理:只缓存可视区域的图片,当页面下拉时,再加载新的图片。

预加载

有些资源文件页面渲染时并没有引用到但是需要预先缓存下来
有这样一个情景:当某个图片hover时会变成另一张图片。而那张图片并没有被预先缓存下来,hover的一瞬间会向服务器请求这张图片资源,这可能会造成留白,用户体验不佳。

猜你喜欢

转载自blog.csdn.net/Nate__River/article/details/82190936