📷 懒加载图片墙 + Worker 计算器
IntersectionObserver + Web Worker 综合演示
🖼 图片懒加载演示
IntersectionObserver
已加载：
0
/
24
加载状态：
加载中...
💡 图片使用
data-src
属性存储真实地址， IntersectionObserver 检测到元素进入视口后加载。
滚动页面观察图片从占位图变为真实图片的过程。
⚙ Worker 计算器
Web Worker
Worker 就绪
🔢
斐波那契数列计算
计算
输入 n，点击「计算」通过 Worker 计算 Fibonacci(n)
🔬
素数判断器
判断
输入数字，点击「判断」通过 Worker 检测是否为素数
📊 懒加载性能对比
初始页面加载图片数
0
总图片数
24
📈 原理：只有进入视口（或接近视口）的图片才会触发真正的 HTTP 请求， 大幅减少首屏加载时的网络带宽和 CPU 消耗。