Optimize image loading by adding lazy loading, WebP support, and concurrent requests.
目前為
本脚本名为“Webp图片加载优化”，旨在通过添加懒加载、支持WebP格式图片以及并发请求来优化网页图片的加载效率。以下是其核心功能的简要预览：
1. WebP兼容性检查：首先，脚本会检测当前浏览器是否支持WebP格式图片。这通过尝试加载一个基础的WebP图片并根据加载结果判断实现。
2. 动态替换为WebP图片：如果浏览器支持WebP，并且原始图片（如JPEG或PNG）存在对应的WebP版本，则将图片源替换为WebP版本以提高加载效率和显示质量。若WebP版本不可用，则继续使用原始图片。
3. 并发加载图片：为了加快页面中所有图片的加载速度，脚本实现了并发加载机制，即同时发起多个图片加载请求，而不是逐个加载。
4. 应用懒加载和WebP优化：遍历页面上的所有图片元素，对每个图片应用懒加载属性（`loading="lazy"`），并且在支持WebP的情况下尝试将其转换为WebP格式。
5. 监听DOM变化：使用MutationObserver监控DOM树的变化，确保新添加到页面中的图片也能自动应用上述优化策略，从而保持一致的性能提升效果。
6. 确保页面完全加载后执行优化：脚本会在整个页面加载完成后才开始执行图片优化操作，确保所有静态资源都已准备就绪，避免潜在的加载错误或问题。
此脚本特别适合希望提升网站图片加载速度及用户体验的开发者，尤其是在图片资源较多或需要支持多种设备和浏览器的场景下。通过利用现代浏览器的功能，如懒加载和WebP格式，可以显著减少页面加载时间，提高用户满意度。
