Оптимизация изображений не только уменьшает нагрузку на WordPress сайт, но и может улучшить ваши позиции в поиске.
В этом месяце, я посмотрел способы по улучшению скорость загрузки страницы. Одним из способов была важность оптимизации изображений.
Изображения с высоким разрешением, которые имеют большой вес файла может существенно замедлить скорость загрузки страницы. Зачем тратить ресурсы и время, когда это можно сделать с помощью плагинов.
Набор плагинов для сжатия изображений и SEO.
Вы оптимизировали изображения? Какой вы выбрали плагин оптимизации? Расскажите нам в комментариях ниже.
WP Smush.it позволяет сжимать изображения индивидуально через менеджер WordPress медиа или в других разделах WordPress.
Этот плагин работает путем удаления метаданных из JPEG файлов, оптимизации сжатия JPEG, превращая некоторые файлы GIF в индексированных формате PNG и зачистки неиспользуемая цвета из индексированных изображений.
Производительность инструмента сайта GTmetrix.com также рекомендует WP Smush.it как один из лучших по оптимизации для сайтов WordPress.
EWWW Image Optimizer автоматически и без потерь оптимизирует ваши изображения, как вы только загрузите их на ваш сайт. Он также может оптимизировать изображения, которые вы ранее загружали.
Еще одна приятная особенность этого плагина является возможность конвертировать ваши изображения наименьший формат для обеспечения быстрой загрузки сайта. А также опционально применить исправления потерь, сокращений для изображений PNG.
CW Image Optimizer еще один плагин, который автоматически и без потерь оптимизирует ваши изображения, как только вы загрузите их на ваш сайт, и оптимизировать изображения уже ранее загруженные.
Этот плагин основан на WP Smush.it, хотя в отличие от плагина WPMU DEV который использует службу компании Yahoo! Inc Smush.it, оптимизатор использует инструменты оптимизации изображений в Linux littleutils. Это означает, что ваши изображения не будут храниться на сервере.
Установка littleutils может быть неудобный так этот плагин не прост в настройке, новичкам — легче установить любой из других автономных плагинов в этом списке.
Imsanity — это бесплатный плагин автоматически изменяет размер изображения на более «вменяемой» размера.
Приятной особенностью Imsanity является возможность установить максимальную ширину, высоту и качество. Вы также можете конвертировать BMP файлы в формат JPG поэтому изображения можно масштабировать.
Если у вас адаптивный дизайн, вы возможно захотите рассмотреть возможность использования Hammy. Этот плагин берет свои изображения и создает ряд более мелких размеров изображений. Так, когда посетители зашли на ваш сайт, они видят наиболее подходящий размер изображение (или самый маленький). Это делает для лучшего и более быстрого просмотра, особенно для мобильных устройств.
Hammy работает только для изображений в рамках статей и страниц.
PB Responsive Images автоматически переформатирует все ваши фото в сжатый формат, стандартов w3.org.
Каждое изображение будет переформатирован на основе стандартных CSS, давая большую гибкость в различных комбинациях запроса. Также плагин предоставляет шорткоды, так что вы можете настроить запросы, которые использует на изображение, могут быть использованы для настройки запросов, используемые по почте или на макете.
SEO Friendly Images редактирует все ваши изображения с правильной ALT и TITLE атрибуты, чтобы помочь оптимизировать ваши изображения для поисковой выдачи. Если Ваши изображения не имеют описания и названия, то плагин добавит описание заданной темой.
Стоит ли использовать ALT и TITLE атрибуты? Ну да. Атрибут ALT описывает ваши изображения для поисковых систем, в то время TITLE автоматически появляется во всплывающей подсказке при наведении указателя мыши на изображение.
Media File Renamer позволяет переименовывать файлы мультимедии, обновляя их названия. Он также автоматически обновляет свои ссылки в статьях.
Поисковые системы, как Google обращают внимание на название файла, поэтому очень важно, чтобы были понятные ключевые слова, чтобы улучшить SEO ваших изображений.
Давайте не будем оставлять автоматизированные плагины включив его в перечень. Автоматизированная загрузка не нуждается в настройке, поскольку он работает из коробки.
Плагин использует jQuery.sonar только для загрузки изображений. Этот плагин представляет собой объединение кода, написанного на VIP команды WordPress.com на Automattic, по реорганизации команды TechCrunch 2011, и Джейк Goldman от WordPress консалтинговой 10up.
BJ Lazy Load позволяет автоматически загрузить выбранные изображения, в том числе статьи изображений и миниатюр, Gravatar изображений и фреймы и заменить все содержание или заполнить.
В отличие автоматизированных систем, есть несколько простых параметров, которые позволяют настроить работу плагина.
Этот плагин обслуживает размера оптимизированных изображений, автоматически уменьшает изображения в отзывчивых конструкций, а также автоматически выступающей HiDPI изображения для экранов HiDPI (как матриц дисплей от Apple).
Как выбрать специальность, на которой тебя не заменят роботом
Как добавить подзаголовки в статьи WordPress
10 Бесплатных новогодних плагинов для wordpress
Лучшие бесплатные плагины для ретуши WordPress фотографий
Добавить WhatsApp на WordPress и удвоить свой трафик
Публикация в WordPress из Microsoft WordПоделись мнением о статье "10 лучших плагинов для оптимизации изображения WordPress", предложи свой вариант в комментариях! Спасибо!
Интересно все таки вывод…описание плагинов есть…а в каких случаях лучше какой использовать…сухой вывод в описании…
Описаны популярные плагины, решать Вам какой поставить нас свой блог.
Плагины отличные, но самый лучший плагин WordPress для сжатия изображений WP Smush 2.0.6.1 версия PRO на русском языке здесь http://studio-paint.eu/wp-smushit.zip. Оптимизация автоматически при загрузке, пакетное и выборочное сжатие, резервное копирование оригинала. JPG, GIF (насчет PNG не скажу, у меня их нет).
Сам им пользуюсь, у меня WP версия 4.2, пока претензий нет :-)
Согласен, отличный плагин, кстати на данном сайте он тоже установлен.
Ссылке можно доверять?
у вас на сайте подключено 5 скриптов гугл аналитикса…. 4 из которых некорректные
Хочу поделиться своим опытом 2017 года. Решил оптимизировать изображения на сайтах, которые я поддерживаю. Купил платный плагин EWWW Image optimizer. Закинул в него $100, посчитал
что должно хватить с запасом. Включил оптимизацию. Процесс на первом сайте дошел до 40% и заглох. Я начал разбираться, оказывается деньги закончились. Плагин берет деньги не только за оптимизацию кожного thumbnail. А у меня их по десять штук на одно изображения. Поставил WP Smush, бесплатную версию. Оптимизирует за бесплатно 50 изображений, а потом нужно кнопку клацнуть в админке. Почитал я исходники, и написал скрипт который сам кнопку клацает. И так оптимизировал все изображения. Зашел в Google Pagespeed, а он все равно показывает, что изображения не оптимизированы. Если до этого было на 30-40% больше нормы, то после на 10-15%.
Решил я все изображения выгрузить по ftp и оптимизировать консолью с помощью кодека Mozilla MozJpeg. Пробовал несколько раз, пока не добился того что Google Pagespeed перестал примахиваться к изображениям. Но качество изображений стало очень плохое. У упущу все эмоции и перейду дальше.
После изучения темы в интернете оказалось что в сентябре 2017 года Google Pagespeed поменял алгоритм, теперь он хочет чтобы все изображения были меньше webp q75 + 9%. Webp в среднем сжимает на 40% больше чем Jpeg. То есть добиться такого размера от Jpeg и сберечь качество изображения нереально. То есть свалу нет, придется использовать Webp. Но Webp поддерживается только Chrom и Opera. Firefox и Safari их не понимают. Просто пере конвертировать изображения в Webp не поможет. Но есть такой трюк. Можно создать по два файла для каждого изображения.
Нормальный и wepb. И выдавать браузерам поддерживающим webp — webp, а не поддерживающим — нормальный файл. Выбор файла выполняется Apache mod_rewrite. Нужно в .htaccess добавить такой код.
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteCond %{HTTP_ACCEPT} image/webp
RewriteCond %{REQUEST_URI} .*(jpe?g|png|gif)$
RewriteCond %{DOCUMENT_ROOT}/$1.webp -f
RewriteRule (.*) $1.webp [T=image/webp,E=accept:1]
</IfModule>
<IfModule mod_headers.c>
Header append Vary Accept env=REDIRECT_accept
</IfModule>
AddType image/webp .webp
Для генерации webp файлов нашел бесплатный плагин Opti MozJpeg Guetzli WebP. Он очень интересно сделан, чтобы не устанавливать кодеки изображений на сервер (а у меня хостинг и туда они и не поставляться) можно скачать с сайта плагина виртуальную машину для Oracle Virtual Box. В ней стоит Linux, ssh сервер и кодеки изображений (MozJpeg, Guetzli, WebP). Нужно запустить виртуальную машину у себя на компе, подключить плагин к ней по ssh. И плагин будет по ssh ганять изображения и оптимизировать их в виртуальной машине. То есть я как бы сам для себя облако. Вот этим немного извратным способом я таки оптимизировал изображения и создал для них webp дубликаты. Google Pagespeed полностью снял все претензии к изображениям.
Игорь, спасибо большое за интересный материал!
Я ранее использовал pagespeed от Google, когда он ещё работал на оптимизацию сайтов пользователей. Там включал оптимизацию изображений, но, насколько я помню, даже на сайте с оптимизированными им же изображениям тестировщик pagespeed всё равно ругался на некоторые из них. Но на качестве изображений не экономил. В том же pagespeed включал возможность сжатия в webp, но через некоторое время выключил, ибо работало-то везде нормально, а вот с индексированеим картинок начались проблемы.
НУ а сейчас просто забил на оптимизацию изображений. :) Ибо проектов много, статьи добавляются и получается слишком много времени придётся потратить на ещё одну оптимизационную задачу, которая не является первостепенной даже в плане pagespeed.