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

前端性能优化学习笔记四

懒加载

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

预加载

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