懒加载实现详解 🚀

懒加载（Lazy Load）是一种优化网页性能的技术，通过延迟加载非关键资源，提升首屏加载速度。以下是常见实现方式：

1. 图片懒加载
   使用 loading="lazy" 属性或 Intersection Observer API

   示例代码： ```html ```

2. 脚本懒加载
   通过动态创建 <script> 标签或使用 defer/async 属性

   注意：避免阻塞关键渲染路径

3. 组件懒加载
   使用动态导入（Dynamic Import）实现按需加载

   示例： ```javascript import("./module.js").then(module => module.init()); ```

🔗 了解更多关于性能优化的技巧
💡 小贴士：结合预加载（Preload）策略可进一步提升用户体验 😊