Повышение скорости страницы часто требует поддержки со стороны различных инструментов. Некоторые из этих инструментов используются для измерения скорости страницы, а другие — для уменьшения размера ресурсов вашей страницы. В этой статье мы создали библиотеку, которая будет служить удобным справочным материалом.
Если нам нужно перечислить области, охватываемые инструментами в этой статье:
- Инструменты для определения скорости страницы
- Инструменты для уменьшения размера изображения
- CSS, JavaScript, инструменты оптимизации HTML
Инструменты для определения скорости страницы
- Статистика Google Pagespeed: Самый известный инструмент скорости страницы. Он оценивает сайты, использующие инфраструктуру Lighthouse, и предоставляет данные за последние 28 дней.
- WebPagetest: платформа, которая выполняет три различных теста своей инфраструктуры для получения средних результатов и предлагает более технический отчет с помощью API.
- Трео.ш: Единственная платформа, которая представляет визуальные данные за последние 12 месяцев на основе инфраструктуры Pagespeed и CrUX.
- GTmetrix: инструмент, который предоставляет информацию о скорости сайта с использованием инфраструктуры Lighthouse и выставляет собственную оценку.
- Смелость: инструмент, который предоставляет информацию о скорости сайта в его инфраструктуре.
- Приложение Калибри: инструмент, позволяющий сравнивать несколько страниц с конкурентами, используя инфраструктуру Lighthouse.
- Кривая скорости: Платный инструмент, позволяющий найти данные о скорости RUM и синтетических сайтов.
- Йеллолаб: полезный инструмент, который предоставляет уникальные, которые можно улучшить, показатели своей инфраструктуры.
- Скоростной комплект: один из редких инструментов, который не только диагностирует, но и лечит проблемы сайта, доступен в виде плагина WordPress и для обычных сайтов.
- Perfmatters.io: легкий плагин производительности для WordPress.
Инструменты для уменьшения размера изображения
- Воображай.ио: инструмент для уменьшения размера изображений с API и плагином WordPress.
- Squoosh.приложение: очень простой и быстрый инструмент для преобразования изображений в такие форматы, как MozJPEG, OptiPNG и WebP.
- TinyJPG: Простой инструмент для уменьшения размеров JPG.
- TinyPNG: PNG-версия предыдущего инструмента.
- Compressor.io: платформа, которая сжимает форматы JPEG, PNG, GIF и SVG и выделяется своей сравнительной графикой.
- Kraken: один из старейших и наиболее надежных инструментов с поддержкой API, предлагающий форматы JPEG, PNG, GIF, анимированный GIF и SVG, а также плагины WordPress и Magento.
- Optimizilla: Простой и очень полезный компрессор файлов JPEG и PNG.
- ImageOptim: онлайн-инструмент, особенно полезный для пакетного сжатия изображений на компьютерах Mac.
- Раздавить Фото: инструмент, предлагающий оптимизацию изображений без потерь с помощью плагинов Shopify и WordPress, также доступный через API.
- Minifier: SEO-дружественный инструмент для Shopify, который генерирует alt-теги для изображений.
- Сохранить GIMP для Интернета: приложение для Windows, позволяющее пакетное сжатие изображений.
- Инструмент анализа изображений веб-сайта: инструмент, который подскажет вам, какой формат изображения более оптимизирован на основе входного URL-адреса.
CSS, JavaScript, инструменты оптимизации HTML
- Обновить-SF: инструмент, который сжимает CSS, JS и HTML на одном сайте.
- ЧистыйCSS: широко используемый инструмент для сжатия CSS.
- Стильчистый: инструмент, сжимающий форматы CSS, JS и HTML на одной платформе.
- CSS-оптимизатор: платформа, обеспечивающая оптимизацию CSS.
- Табификатор: платформа, сжимающая структуры кода HTML, CSS и JSON.
- Minifier: платформа, сжимающая структуры CSS и JS.
- Критический CSS: исходный код GitHub, разработанный Адди Османи для извлечения критического CSS из страниц.
- ОчиститьCSS: очень полезный инструмент, который отделяет неиспользуемый CSS на странице.
Эти инструменты могут значительно улучшить вашу производительность сайта оптимизируя различные аспекты: от измерения скорости страницы до уменьшения размера ресурсов и оптимизации кода.
