Новости

Как правильно применять в JavaScript асинхронные функции: примеры работы с ES 2017
От автора: возможность писать на JavaScript асинхронные функции является важным обновлением в ES2017. Что такое асинхронные функции? Асинхронные функции — это функции, которые возвращают promise. Мы

WordPress JavaScript — как правильно подключить файл скрипта к шаблону сайта
Использование в шаблонах WordPress JavaScript скриптов давно стало обычным делом. Их подключение возможно несколькими способами, начиная с классического варианта с использование голого HTML. Но чтобы все

Как исправить JavaScript error "ВКонтакте"? Что делать при ошибках JavaScript в "ВКонтакте"?
"ВКонтакте" - это на сегодняшний день самый удобный русскоязычный ресурс, который является не только популярнейшей социальной сетью, но и сервисом для прослушивания аудиозаписей и просмотра видео. Здесь

Правильное использование Tor Browser
Tor Browser полностью анонимен – Миф или реальность? Многие считают, что Tor — это полностью анонимное и безопасное средство для интернет-серфинга, которое не дает никому возможность контролировать то,

Javascript error object is not a function вконтакте как исправить
"ВКонтакте" - это на сегодняшний день самый удобный русскоязычный ресурс, который является не только популярнейшей социальной сетью, но и сервисом для прослушивания аудиозаписей и просмотра видео. Здесь

Как исправить ошибку javascript error вконтакте
На сегодняшний день «Вконтакте» является наиболее удобным русскоязычным ресурсом, который представляет собой не только крупнейшую социальной сеть, но и сервис для просмотра видео и прослушивания аудиозаписей.

Что такое JavaScript и для чего он используется?
Подробности декабря 10, 2015 Просмотров: 20225 В интернете миллионы веб-страниц,

Практика javascript синтаксис написания
Javascript — это язык программирования, который активно используется для построения динамических веб страниц. Собственно с этой целью он и был изобретен. У нашего с вами языка еще есть такое интересное

JavaScript учебник
Код функций в JavaScript начинает выполнение после их вызова. Функции являются одним из наиболее важных строительных блоков кода в JavaScript. Функции состоят из набора команд и обычно выполняют

Рекомендации решившим начать изучать JavaScript
Если вы решили начать изучать JavaScript , то эта статья для вас. Надеюсь, что её прочтение избавит вас в будущем от множества ошибок и сделает его изучения более простым, быстрым и эффективным. В статье

Как сжать изображения WordPress: Плагин EWWW Image Optimizer

Опубликовано: 01.09.2018

Вступление

Фотографии занимают достаточно много места в объеме сайта. Это увеличивает время загрузки сайта, как следствие, косвенно мешает его продвижению. Для примера я посмотрел объем этого сайта. Объем его резервной копии равен 263 Мб, а объем всех картинок сайта составляет 160 Мб. Напомню, по умолчанию, все картинки и все медиафайлы загружаются в папку wp-content/uploads.

Субъективно, 160 Мб для сайта на WordPress, который сам по себе не отличается высокой скоростью, это много. Для объективной проверки посмотрим, что «говорят» сервисы проверки скорости загрузки сайта, например https://gtmetrix.com/ или https://developers.google.com/speed/pagespeed/insights/ .

сервис проверки скорости загрузки сайта https://gtmetrix.com/ сервис проверки скорости загрузки сайта, https://developers.google.com/speed/pagespeed/insights/.

Обе проверки, объективно показывают, что изображения оптимизированы и не влияют на скорость загрузки сайта. Это и понятно, изображения я оптимизирую еще до вставки на сайт, а библиотеку медиафайлов я недавно оптимизировал (Читать: Оптимизация изображений WordPress ). Как бы то ни было, для эксперимента, покажу, как сжать изображения WordPress (оптом) используя плагин EWWW Image Optimizer.

Где получить plugin EWWW Image Optimizer

Сжать изображения WordPress нам поможет плагин EWWW Image Optimizer. В зависимости от вашего сервера, а вернее его настроек, возьмите плагин EWWW…:

На странице административной панели: Плагины→Добавить новый→Поиск по имени→ EWWW Image Optimizer;

Или

Скачайте плагин на его официальной странице ( https://wordpress.org/plugins/ewww-image-optimizer/ ) Залейте его по FTP в каталог wp-content/plugins Активируйте на странице: Плагины→Установленные→Активировать.

Примечание 1: за плагином EWWW Image Optimizer хорошо «ухаживают» поэтому вы всегда найдете обновленную версию плагина, актуальную для последних версий WordPress.

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

После активации плагина на странице «Медиафайлы» появятся два новых пункта:

Массовая оптимизация; Неоптимизированные.

Но для начала идем настраивать плагин: Настройки→EWWW… (есть другой вход в списке плагинов).

Настройка плагина EWWW Image Optimizer

Замечу, в бесплатной версии плагина вы несколько ограничены в настройках, и можете либо сжать изображения WordPress форматов (jpeg, gif, png) без потери качества (Lossless Compression), либо не сжимать их. Медифайлы pdf не обрабатываются.

Общие настройки плагина EWWW Image Optimizer

API только в платной версии поэтому ничего не пишем; Выбираем, что сжимать (1-2-3); Если ваш сервер слабенький, то в пункте «Задержка» ставим вместо «0-отключено», 1 или 2 секунды.

Дополнительные настройки плагина EWWW Image Optimizer

На странице «Дополнительные настройки» 18 пунктов. Все пункты выставлены по умолчанию достаточно грамотно, с одной стороны установленные настройки обеспечивают хорошую оптимизацию фото, с другой стороны, не перегружают сервер.

Уровень оптимизации, оставляем [2]; Отключение сервиса pingout, по умолчанию отключен. Pingout это бесплатный сервис сжатия изображений png. Отключен потому, что может перегрузить или просто не работать на вашем сервере. Связан с включением пункта [2]. Качество сжатых фотографий jpeg. По умолчанию 82, можно поменять. Параллельная оптимизация (Parallel optimization). По умолчанию включен. Нужен для более ускорения процесса оптимизации, оптимизируются сразу несколько фото. Данная настройка сильнее грузит сервер, поэтому могут быть проблемы. Кстати, время массовой оптимизации может занять несколько часов. Оптимизация по расписанию. Нужно включить если у вас постоянно, по нескольку раз в день добавляются фото, причем много фото добавляется не вами. Если ваши изображения хранятся не в папках по умолчанию (wp-content/uploads), то в этой настройке нужно указать полный путь до этих папок. Вверху будет подсказка именно вашего полного пути. Примечание: как вы можете догадаться, можно создать папку, в неё загрузить любые фото, не относящиеся к сайту. Выключить пункт [8], и оптимизировать изображения именно этой папки со сторонними фото. Включаем в оптимизацию папки медиа библиотеки.

9-10-11-Пункты настроек, касаются размеров изображений. Если вы загружали фото от 2000 px, то можете их сжать с изменением размера.

12-13 Можно указать минимальный размер (в байтах) фото, которые не нужно оптимизировать;

14-Можно исключить оптимизацию оригиналов с потерей качества (изменение размеров)

15-Можно исключить удаление мета данных на оригинальных фото.

Примечание: напомню, что загружая одно фото на сайт, система создает из него еще три фото: миниатюра, Средний, Большой. Если оригинал фото большой, то система создаст еще четыре фото. Настройка размеров каждого фото на странице: Настройки→Медиафайлы.

Настройки конвертирования плагина EWWW Image Optimizer

Настройки конвертирования плагина EWWW Image Optimizer

Здесь обращаем внимание на удаление оригиналов фотографий. По умолчанию этот пункт включен. Тем самым не только оптимизируем фото WordPress, но и чистим медиабиблиотеку.

После сохранения всех настроек идем «на старт» плагина. Для эксперимента я оставлю настройки по умолчанию.

Работа плагина EWWW Image Optimizer, сжать изображения WordPress

На странице: Медиафайлы→Массовая оптимизация, читаем, что сообщает система:

«В библиотеке обнаружено 1583 изображений (77 неоптимизированных), 7850 миниатюр (383 неоптимизированных). Ранее оптимизированные изображения будут пропущены».

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

Сам процесс оптимизации отображается на странице при желании его можно остановить (1 на фото)

Я ждал завершения процесса: 40 минут. После завершения оптимизации, идем на вкладку: Медиафайлы→Неоптимизированные и смотрим, что не смог оптимизировать плагин.

Дополнения

Плагин может работать и со сторонними галереями установленными на сайт. Для их сканирования есть вторая кнопка на вкладке: Массовая оптимизация. Все результаты сжатия видим в библиотеке Медиафайлов в строке для каждой фотографии.

©www.wordpress-abc.ru

Другие плагины WordPress

Статьи связанные по теме:

rss