☰

web综合优化脚本（非首屏资源延迟加载与硬件加速）

优化非首屏CSS与图片延迟加载、硬件加速等功能。

目前为 2025-03-10 提交的版本。查看 最新版本。

作者
kiwifruit13
评分
0 0 0
版本
1.0
创建于
2025-03-10
更新于
2025-03-10
大小
5.0 KB
许可证
MIT
适用于
所有网站

这段代码旨在通过多种方式优化网页加载性能和用户体验。主要功能包括非首屏资源（如CSS和图片）的延迟加载、硬件加速的启用以及对动态添加内容的支持。

1.引入lozad.js库：用于实现图片的懒加载，即只有当图片进入浏览器视口时才加载。
2.硬件加速：通过定义特定的CSS类（.enable-hardware-acceleration），为可见元素启用硬件加速，以提升动画或滚动的流畅度。
3.非首屏CSS延迟加载：对于标记有特定属性（如data-lazy-css）的占位符元素，会在页面加载后根据需要异步加载对应的CSS文件，并移除占位符。
4.事件监听：针对窗口滚动、调整大小、点击等用户交互事件，适时启用硬件加速，确保交互流畅性。
5.DOM变化监控：使用MutationObserver监听DOM树的变化，确保新添加的图片或CSS可以自动应用懒加载和硬件加速策略。
6.初始化逻辑：在页面DOMContentLoaded事件触发时执行一系列初始化操作，包括懒加载配置、事件监听器设置等。