Расскажи про последнюю интересную задачу

Недавно работал над оптимизацией загрузки изображений в ленте товаров. Проблема: при скролле подгружались все изображения сразу, даже невидимые пользователю.

Решение:

1. Добавил Intersection Observer для ленивой загрузки
2. Реализовал placeholder с низким качением (LQIP)

const observer = new IntersectionObserver((entries) => {
  entries.forEach(entry => {
    if (entry.isIntersecting) {
      const img = entry.target;
      img.src = img.dataset.src;
      observer.unobserve(img);
    }
  });
});

document.querySelectorAll('.lazy-img').forEach(img => {
  observer.observe(img);
});

Результат: снизили нагрузку на сеть на 40%, улучшили показатели скорости загрузки страницы.