Method loadImage

src/js/performance.js:87–114

(img)

  // 加载图片 (with error handling)
  loadImage(img) {
    const src = img.dataset.src;
    if (!src) return;

    // Create a new image to preload
    const tempImg = new Image();

    tempImg.onload = () => {
      // Check WebP support
      if (this.supportsWebP()) {
        img.src = src.replace(/\.(jpg|jpeg|png)$/i, '.webp');
      } else {
        img.src = src;
      }
      img.classList.add('fade-in');
      img.removeAttribute('data-src');
    };

    tempImg.onerror = () => {
      // Fallback to original format if WebP fails
      img.src = src;
      img.classList.add('fade-in');
      img.removeAttribute('data-src');
    };

    // Trigger preload
    tempImg.src = this.supportsWebP() ? src.replace(/\.(jpg|jpeg|png)$/i, '.webp') : src;
  }

  // 检查WebP支持（缓存结果避免重复创建canvas）
  supportsWebP() {