java js列表预加载_js中延迟加载和预加载的具体使用

延迟加载(懒加载)和预加载是常用的 web 优化的手段。。

一、延迟加载(懒加载)

原理： 当在真正需要数据的时候，才真正执行数据加载操作。

目的： 延迟加载机制是为了避免一些无谓的性能开销而提出来的

实现延迟加载的几种方法

1. 让 js 最后加载

使用方法： 把 js 外部引入的文件放到页面底部

用途: 让 js 最后引入，从而加快页面加载速度

说明:

流览器之所以会采用同步模式，通常加载 js 文件或者放

2. defer 属性

使用方法： 为

用途: 让脚本在执行时不会影响页面的构造。也就是说，脚本会被延迟到整个页面都解析完毕之后再执行