JS中延迟加载的方式有哪些

延迟加载（Lazy loading）是一种性能优化策略，它通过将资源的加载推迟到真正需要使用的时候，来减少页面初始加载的时间和资源消耗。以下是几种常见的延迟加载方式：

1. 图片延迟加载：将页面中的图片的src属性设置为一个占位符，当图片进入可视区域时，再动态替换为真正的图片地址。

2. 懒加载插件：使用一些懒加载的JavaScript插件，如LazyLoad、Echo等，这些插件会自动检测页面中的图片和其他资源，并在需要的时候进行加载。

3. 视频延迟加载：对视频的加载也可以采用延迟加载的方式，当视频播放器出现在可视区域时，再进行视频的加载。

4. AJAX动态加载：将页面上的一些内容通过AJAX技术动态获取并加载，可以减少初始页面的加载大小。

5. 分页加载：对于需要加载大量数据的页面，可以采用分页加载的方式，只加载当前显示的数据，当用户滚动到页面底部时，再加载下一页的数据。

6. 模块化加载：将页面中的功能模块拆分为独立的模块，按需加载。当用户需要使用某个功能时，再加载相应的模块。

这些方式都可以根据具体的业务需求和页面特点来选择使用，以达到优化页面性能的目的。