«

Авг 17 2017

Способы оптимизации картинок на сайте wordpress

Оптимизация картинокОптимизация картинок на сайте wordpress. Первое, что нужно сделать! Проверяем свою версию PHP. Если есть возможность, устанавливаем седьмую версию. Седьмая версия, приблизительно работает два раза быстрее, чем остальные. А тем более, если у вас стоит версия 5.3, что ставится по умолчанию на многих хостингах. Меняем ее на седьмую!

Содержание:

Как поменять версию PHP?

Заходим на свой хостинг. Открываем панель управления. Выставляем версию PHP 7.0.

Оптимизация картинок
Оптимизация картинок

Все это меняется в несколько кликов, очень быстро.

Если вы не находите у себя в панели, то напишите в тех. поддержку. Пусть они вам объяснят или сами включат.

Негативные факторы при установке версии PHP 7

Могут появиться некоторые ошибки. Это говорит о том, что вы используете плохо поддерживаемые плагины, которые мало обновляются.

Пишем разработчику, о данной ошибке.

Оптимизация картинок

Пробиться в топ выдачу поисковых систем не так-то просто. Все поисковые системы имеют свои алгоритмы ранжирования сайтов. При помощи этих алгоритмов, они решают, какой сайт поднять в органической выдаче или понизить. Эти самые алгоритмы имеют свои определенные факторы – одним из самых весомых, является скорость загрузки сайта. Те ресурсы, которые быстрее грузятся – имеют больше шансов получить высокую строчку выдачи. Тем самым больше посещений, естественно покупателей.

Это кажется вам не справедливым, но это факт! Если ваша страница грузится более 3 секунд, то можете передавать привет своим конкурентам.

Как можно оптимизировать загрузку сайта?

Можно с помощью:

  • Разметки сайта;
  • Оптимизации скриптов;
  • Видео и изображения и т.д.

Но, больше всего даст отдача от изображений. Почему? Так, как изображения занимают более 60% места. Поэтому, загружаем сразу тот размер изображения, которое требуется.

Если нужен размер картинки в 500 пикселей, не нужно загружать 2000 пикселей. Элементарно, можно обрезать в самом простом редакторе Paint. Он встроен в любой операционной системе.

Естественно, оптимизацией картинок нужно заниматься сразу, как только у вас появился сайт.

Плагины для оптимизации картинок

Существуют множество плагинов, которые оптимизируют картинки при загрузке, все сразу налету. Жмут картинки, разрезают их.

Плагин Imsanity

Плагин позволяет при загрузке картинки, сразу обрезать ее и оптимизировать. Но он это делает при загрузке!

Установка плагина Imsanity, стандартная, рассказывать про это не буду. Перейдем сразу к настройкам. Здесь все на русском.

Оптимизация картинок

Ознакамливаемся со всеми предупреждениями. Как всегда делаем:

  • резервную копию сайта;
  • папки wp-content.

Оптимизация картинок

Указываем максимальный размер картинки при загрузке страницы. Например, если я загружаю изображение размером 4000 * 2500 пикселей, то плагин Imsanity, обрежет ее по 1200. Все эти три размера, вы выставляете по своему усмотрению.

Качества изображения по умолчанию wordpress установлено 82%, можно поставить 80%. Ниже уже будет появляться дисперсия.

После этих небольших настроек, ваши картинки при загрузке будут резаться, и сжиматься – автоматически.

Также можно с помощью данного плагина Imsanity, найти ранее загруженные картинки и обрезать их. Этим способом не пользуюсь, если хотите, то попробуйте!

Плагин EWWW Image Optimizer

Оптимизация картинок

Большинство таких плагинов платные, этот один в котором, есть бесплатные полезные функции. Но есть вероятность, что он на вашем хостинге не заработает, так как работает с модулями, которые установлены на сервере. Вот эти модули, в силу своей безопасности, хостеры отключают.

Опять обращаемся в тех. поддержку хостинга. Что мне нужно включить необходимый модуль для оптимизации.

Если вам удалость запустить EWWW Image Optimizer, то переходим в настройки.
Ставим галочку /удалить мета-данные/.

Оптимизация картинок

Ниже настройки оставляем без изменения.

Оптимизация картинок

Качество выставляем, как всегда – 80%. С остальными настройками на этой вкладке можете экспериментировать, но не рекомендую.

Ручной способ, но в два клика

Уменьшаем вес изображения с помощью программы RIOT. Сама программа RIOT бесплатная, установка простая.

Оптимизация картинок

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

Допусти, у меня есть изображение размером 1200*740 пикселей и весом 275 кб. Давайте посмотрим, сколько оно будет весить после обработки данной программы.

Оптимизация картинок

Сжатие я ставлю почти всегда 62%, получается 102 кб – при том же размере 1200*740.

Если, нас все устраивает, сохраняем, нажимаем на значок с дискеткой. На вывод нам дается три параметра расширения JPEG, GIF, PNG.

В данной программе можно картинку:

  • повернуть;
  • отразить по вертикали, горизонтали.

После небольших настроек, в дальнейшем вам понадобиться всего два клика для сжатия изображения.

После небольших действий загружаем требуемую картинку себе на сайт.

Надеюсь, что пост, оптимизация картинок на сайте wordpress, был полезен!