Обзор Smush Pro: оптимизация изображений WordPress
Smush Pro для медиатеки: сжатие, WebP, отложенная загрузка, массовая обработка и проверка качества изображений.
Что разберём в статье
Изображения нередко составляют основную часть размера страницы WordPress. Smush Pro помогает уменьшать файлы и менять формат, но качество и реальную доставку важно проверять вручную.
Выберите несколько типовых фотографий и графических файлов, сравните качество после обработки, сохраните оригиналы и только потом запускайте всю библиотеку.
Smush Pro обзор
$4.99
Уточните у разработчика
Какие функции важны на практике
Массовое сжатие
Существующие файлы библиотеки можно обработать вместе после пробного набора.
Формат WebP
Современный формат помогает уменьшить файл при корректной настройке выдачи браузеру.
Отложенная загрузка
Изображения ниже первого экрана загружаются позже, если это не затрагивает главное изображение.
Уменьшение при загрузке
Слишком большие исходные файлы можно автоматически приводить к нужному размеру.
Начинайте с исходного изображения
Smush Pro сжимает и преобразует изображения, но не вернёт детализацию крохотной фотографии, растянутой на большой баннер. Найдите самые тяжёлые страницы и посмотрите, какое изображение передаёт больше всего данных. Для магазина включите в пробу миниатюру каталога и товарную фотографию, которую покупатель увеличивает. Уменьшите слишком крупные исходники и сравните сжатую версию рядом с оригиналом при реальном размере показа.
Массовая обработка удобна лишь после одобрения образцов. Сохраняйте оригиналы или доступную для восстановления копию. Проверяйте отдельно фотографии, логотипы с чёткими контурами и изображения с мелким текстом: артефакты сжатия у них выглядят по-разному.
WebP, доставка и отложенная загрузка
Создание версии WebP не гарантирует, что посетитель её получит. На публичной странице проверьте тип реально переданного файла и запасной вариант для браузера, которому формат не подходит. Локальная выдача и CDN, привязанный к аккаунту, — разные способы. Доступ к CDN может требовать действующего аккаунта WPMU DEV, поэтому не считайте, что недорогая копия включает облачный сервис.
Отложенная загрузка полезна для изображений ниже первого экрана, но может задерживать главную видимую фотографию, если применяется ко всем подряд. Исключите её при необходимости и протестируйте на медленном мобильном соединении. Также выясните, не занимается ли тема или хостинг уже преобразованием форматов и отложенной загрузкой.
Ценность для сайтов с большим количеством медиа
Блог или каталог с годами тяжёлых загрузок может выиграть от массовой обработки и правил для новых файлов. Если изображения уже оптимального размера и отдаются в современных форматах, выгода будет скромной. Судите по весу файла, внешнему виду и скорости загрузки, а не по рекламируемому проценту сжатия. До выбора способа доступа уточните, какие облачные возможности, CDN и поддержка требуют активации у разработчика.
Что проверить перед запуском
Испытайте фото, логотип и изображение с мелким текстом. Сохраните исходники до проверки результата. Убедитесь, что браузер получает нужный формат. Не откладывайте загрузку главного видимого изображения.
Источники
Почему стоит выбрать Smush Pro GPL?
Smush Pro удобен сайтам с большой медиатекой, которым нужны обработка существующих и новых изображений в одном процессе.
Позиции и скорость не гарантированы: результат зависит от сайта, контента, хостинга и конкуренции.
Перед установкой Smush Pro
- Сделайте полную резервную или тестовую копию перед установкой.
- Проверьте требования к WordPress и PHP.
- Устанавливайте файлы только из источника, которому доверяете.
- После активации проверьте основные страницы, формы и оплату.
- Заранее решите, как будете получать и устанавливать обновления.
Вывод
Smush Pro удобен сайтам с большой медиатекой, которым нужны обработка существующих и новых изображений в одном процессе.