В 2019 году размер средней мобильной веб-страницы составляет 1,6 МБ. Изображения обычно занимают около половины средней веб-страницы, потому что их обслуживание требует значительных ресурсов. Так ли важна оптимизация изображений WordPress?

Если вы никогда серьезно не относились к оптимизации изображений и ваш сайт WordPress работает медленно, то вы выиграете, если сделаете все правильно. Если ваши изображения WordPress загружаются медленно, это обычно означает, что возникла проблема. Сосредоточившись на своих изображениях, вы можете предотвратить множество проблем, связанных с производительностью сайта.

В этом посте мы расскажем, почему оптимизация изображений WordPress — лучшее место для начала работы над оптимизацией производительности WordPress. Мы также дадим несколько советов о том, как начать работу, если вам нужно исправить изображения WordPress, которые загружаются медленно.

Почему при оптимизации производительности WordPress нужно начинать с изображений

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

Изображения — худшие вредители, когда они сделаны неправильно

Тяжелые изображения действительно утяжеляют ваши веб-страницы.

Если вы хотите, чтобы размер файла веб-страницы составлял 1,5 МБ, и вы добавляете пару изображений по 2 МБ каждое, вы превысите свой «бюджет», разместив всего одно изображение.

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

Если вы сделаете эти изображения размером менее 1 МБ, вы потенциально можете уменьшить вес страницы на 20 МБ. Очевидно, это большое преувеличение, но суть в том, чтобы проиллюстрировать, сколько излишка может сложиться, если вы не сделаете это правильно.

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

Мы живем в мире мобильных устройств

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

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

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

Если вы показываете изображения Retina, предназначенные для настольных устройств, в крошечном окне просмотра, вы тратите зря данные. Для посетителей, у которых нет безлимитных тарифных планов, это может быть очень неприятно и дорого.

SEO изображений возвращается к тому, чтобы быть способом привлечения трафика

Google не только изменил то, как мобильная оптимизация влияет на рейтинг, но также изменил способ отображения результатов поиска изображений, что привело к глубоким изменениям в SEO изображений.

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

В 2013 году Google добавил кнопку просмотра изображения в результаты поиска изображений. Когда кто-то нажимал на эту кнопку, он попадал прямо на изображение, а не на веб-страницу, на которой оно было. Сайты сообщили о падении трафика от поиска изображений на 63%.

В 2018 году Google был вынужден удалить кнопку просмотра изображения, поэтому трафик снова стал возвращаться. Существует много возможностей повысить рейтинг ваших изображений, поскольку оптимизаторы SEO пренебрегли оптимизацией изображений для SEO.

Оптимизация изображения влияет на прибыль

Изображения могут замедлить работу вашего сайта WordPress, если они не обслуживаются правильно, и могут снизить коэффициент конверсии.

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

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

Цель Google — обеспечить максимальное удобство для пользователей от поиска до ответа. Если вы повышаете удобство работы пользователей, повышая эффективность ресурсоемких изображений, Google повысит рейтинг вашего сайта в поиске.

Как сделать ваш сайт на WordPress быстрее, улучшив изображения

оптимизация изображений wordpress
Оптимизация изображений WordPress — ваш секрет успеха

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

Удалите ненужные изображения

Один из самых простых способов уменьшить вес страницы и сделать меньше HTTP-запросов — ограничить количество изображений на ваших веб-страницах. Если веб-страница загружается более 3 секунд, подумайте о сокращении ресурсов и изображений, которые не способствуют конверсии.

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

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

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

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

Быстрая оптимизация WordPress, включив отложенную загрузку

Ленивая загрузка (lazy load) — это быстрый и простой способ отложить загрузку изображений и других ресурсов, которые отображаются до прокрутки. Если изображение отсутствует в области просмотра браузера, браузер ожидает его загрузки, чтобы оно могло отображать то, что видит посетитель, намного быстрее.

Ленивая загрузка относительно проста в реализации, и есть много легких плагинов для выполнения этой работы. Размер файла плагина обычно составляет около 1-3 КБ, и его можно настроить всего за несколько минут. Наш хостинг поддерживает отложенную загрузку с помощью про версии плагина Smush.

Используйте CDN для ускорения загрузки изображений

Сети CDN расположены по всему миру, поэтому передача данных, необходимая для загрузки изображений, происходит намного быстрее. Использование CDN для доставки изображений — простой способ быстрее загружать изображения в WordPress.

В то время как ваш хост может включать CDN в вашу учетную запись хостинга для повышения производительности вашего сайта, CDN Smush Pro был разработан специально с учетом оптимизации изображений. И такой CDN бесплатно и безлимитно включен в наши тарифы Pro и Unlimited.

Хотите простой способ оптимизации WordPress?

Вам предстоит еще многое сделать, чтобы понять, что вам нужно сделать, чтобы ваш сайт WordPress стал быстрее, когда вы только начинаете. Если вы не знаете, с чего начать, лучше всего подойдут изображения. Правильно оптимизированные изображения дают множество различных преимуществ, а с помощью таких комплексных решений, как Smush Pro, можно легко значительно улучшить изображения на вашем сайте всего за несколько минут. 

Smush Pro CDN не только доставит ваши изображения с молниеносной скоростью, но и также предоставит вашим пользователям изображения идеального размера. Другими словами, оставьте масштабирование нам! А с отложенной загрузкой и возможностью конвертировать изображения в форматы следующего поколения Smush Pro имеет все необходимое, чтобы помочь вам сделать ваш сайт WordPress быстрее.

Попробуйте наш хостинг с Smush Pro CDN сегодня.