js延迟加载的方式有哪些

首先，最常用的方式是采用异步加载(异步加载指的是js文件的加载不会阻塞页面的渲染)。使用异步加载的方式，可以让网页首先加载出主要的内容，而js文件则在后台加载。在加载完成后，再执行js代码，从而避免了长时间的等待和页面的卡顿现象。

其次，另一种比较常见的方式是将js脚本放在底部。(将js放在底部指的是把script标签放在body标签尾部或将js文件引入放在body外面)。因为浏览器在渲染过程中是按照从上到下的顺序进行的，将js脚本放在底部可以避免在加载js文件时造成主要内容的阻塞。

此外，还有一种方式是按需加载(按需加载指的是按照页面的需要在需要时再加载js文件)。这种方式可以根据用户行为的不同来加载js文件，并且可以有效地减少页面的加载时间。具体实现方式可以通过制定策略来加载需要的js文件，如判断用户设备、网络状况，还可以使用模块化开发工具(如requirejs)将js文件拆分成多个部分，按需加载。

最后，使用CDN(内容分发网络)也是一种很有效的方法。CDN可以将js文件缓存于离用户更近的服务器中，从而让用户能够更快速地访问网页。通过将js文件存放于多个服务器中，在用户请求时依靠最近的服务器提供响应，从而减少了对网络资源的请求和延迟。

综上所述，采用js延迟加载可以大大提高网页的加载速度和用户体验。我们可以根据需求和实际情况，采用不同的方法来实现延迟加载。无论是采用异步加载、将js脚本放在底部、按需加载还是使用CDN，都可以有效地减少页面加载时间，提高网站速度。