Chrome-расширение Lazy Spy Инструмент для визуального анализа...

177

Chrome-расширение Lazy Spy

Инструмент для визуального анализа стратегий загрузки изображений на любой веб-странице.

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

Основные возможности:

— Визуальный анализ:

— Синий: Изображения с отложенной загрузкой.

— Желтый: Изображения с немедленной загрузкой.

— Бирюзовый: Предварительно загруженные изображения.

— Красный: Проблемные изображения.

— Автоматическое обнаружение:

— Определяет нативную отложенную загрузку, JavaScript-библиотеки (LazySizes, LoZad, React LazyLoad, Vue LazyLoad, Intersection Observer) и кастомные реализации.

— Имеет специфическое обнаружение для фреймворков React, Vue и WordPress.

— Аналитика и рекомендации по производительности:

— Обеспечивает определение LCP, анализ приоритета загрузки (fetch priority) и распознает использование CDN (Cloudinary, Imgix).

— Анализирует влияние на Core Web Vitals.

— Генерирует практические рекомендации, включая калькулятор отсутствующих размеров, предложения по конвертации в форматы WebP/AVIF и возможности для предварительной загрузки.

— Удобство использования:

— Работает без необходимости какой-либо настройки.

— Экспортирует детальный анализ в CSV-отчеты для отслеживания.

Принцип работы:

Установите расширение из Chrome Web Store.

Перейдите на веб-страницу, нажмите на иконку Lazy Spy и включите анализ, чтобы увидеть выделения.

Наведите курсор на выделенные изображения, чтобы получить подробные данные о производительности.

Доступно по ссылке: https://www.lazyspy.us/

https://chromewebstore.google.com/detail/lazy-spy-image-performanc/cplagmcljppbpdlhccichhifgjpbpnkj

@MikeBlazerX