Блог о программировании, электронике и рыбалке

Оптимизация графики в WordPress

Главная » Wordpress » Оптимизация графики в WordPress

сжатие Оптимизация картинка Изображние графика WP Smush.it PageSpeed Insights  wordpress  Пошаговая инструкция по автоматической оптимизации графики в WordPress.

Вчера решил заняться оптимизацией скорости загрузки своего блога. Основным "тормозом", исходя из данных сервиса Google PageSpeed Insights, оказалась неоптимизированная графика. Тест выдавал уровень оптимизации блога 65 из 100. Маловато как-то. Надо увеличивать показатели.

Как вариант, можно было скачать папку wp-content/uploads/на компьютер и сжать все изображения в каком-нибудь графическом редакторе или специализированной софтинке. Вариант не самый худший, но можно поступить по другому.

Для оптимизации графики в WordPress есть готовое решение в виде плагина WP Smush.it.

Плагин WP Smush.it может оптимизировать графические файлы размером до 1 Мб. При публикации новых постов, графика будет оптимизироваться на лету. Само сжатие происходит на серверах Yahoo.

Установка плагина проста и не имеет никаких нюансов. Просто заливаем его в папку /wp-content/plugins/ и активируем в панели управления. На этом установка плагина WP Smush.it завершена и можно приступать к оптимизации графики на вашем блоге.

Оптимизация графики в WordPress с помощью плагина WP Smush.it

В админке блога переходим в раздел Медиафайлы.

сжатие Оптимизация картинка Изображние графика WP Smush.it PageSpeed Insights  wordpress

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

сжатие Оптимизация картинка Изображние графика WP Smush.it PageSpeed Insights  wordpress

В меню Действия, выбираем пункт Bulk Smush.it

сжатие Оптимизация картинка Изображние графика WP Smush.it PageSpeed Insights  wordpress

Нажимаем на кнопку Применить и наслаждаемся ходом выполнения оптимизации картинок.

сжатие Оптимизация картинка Изображние графика WP Smush.it PageSpeed Insights  wordpress

Необходимо дождаться появления сообщения "Smush.it finished processing." внизу страницы.

сжатие Оптимизация картинка Изображние графика WP Smush.it PageSpeed Insights  wordpress

Также, вы можете оптимизировать ваши графический файлы по одному, нажав на соответствующую ссылку в правой колонке списка файлов.

сжатие Оптимизация картинка Изображние графика WP Smush.it PageSpeed Insights  wordpress

Такая оптимизация картинок позволила увеличить уровень оптимизации моего блога  с 65 до 87.

сжатие Оптимизация картинка Изображние графика WP Smush.it PageSpeed Insights  wordpress

logo
Просмотров: 778
1 Star2 Stars3 Stars4 Stars5 Stars (2 votes, average: 5,00 out of 5)
Загрузка...

3
  • Добрый день!
    У меня появляется сообщение об ошибке, так как у меня файлы больше двух мегабайт. Сразу не обратил внимание на большие размеры, а как теперь мне сжать их. Заново загружать сжатые файлы не выход, так как уже больше 200 картинок.
    Может кто знает как выйти из этой ситуации.

    • Алексей:

      Александр - я делал так, выкачивал файлы картинок и уменьшал их через Light room по размеру и качеству, или можно в Фотошопе сделать сохранение для web - потом файлы возвращал обратно, тут главное что бы название файлов не изменилось

  • Благодарю за рекомендации

Добавить комментарий

Яндекс.Метрика