В 2019 средний размер мобильной веб-страницы составляет 1,6 МБ. Изображения обычно составляют около половины среднего веб-страницы, поскольку для их использования требуется много ресурсов.
Если вы никогда серьезно не относились к оптимизации изображений и ваш сайт WordPress работает медленно, у вас есть все, чтобы сделать это правильно. Если ваши изображения загружаются медленно, это обычно означает, что возникла проблема с вашим WordPress блог. Сосредоточившись на своих изображениях, вы можете избежать многих проблем с производительностью сайта.
В этом уроке я объясню, почему оптимизация изображений — лучшая отправная точка для оптимизации производительности вашего веб-сайта. WordPress блог. Мы также рассмотрим несколько советов, которые помогут вам начать работу, если вам нужно исправить медленную загрузку изображений WordPress.
Почему вы должны начинать с изображений, если хотите повысить производительность
Интернет теперь представляет собой богатую мультимедиа среду с видео, подкастами и большим количеством изображений, чем когда-либо прежде. Изображения могут помочь вашему сайту выделиться в многолюдном медиа-ландшафте, но за это приходится платить. Если вы неправильно размещаете изображения, ваш сайт может оказаться в невыгодном положении. Если вы ускорите загрузку изображений, вы сможете улучшить производительность своего сайта, сделать его удобным для пользователей на мобильных устройствах, улучшить SEO и увеличить конверсию.
Картинки хуже, когда они плохо сделаны
Негабаритные изображения фактически отягощают ваши веб-страницы.
Если вы ориентируетесь на размер файла 1,5 МБ для веб-страницы и добавляете несколько изображений 2 МБ каждое, вы превысите этот предел одним изображением.
Но изображения могут быть Beaucoup больше. Средний размер файла, создаваемого средней зеркальной камерой, составляет от 4 до 12 МБ! Если вы не знаете лучшего и используете изображение размером 12 МБ или, что еще хуже, изображение размером более 12 МБ, то вы действительно испортите производительность своей страницы.
Если вы получаете комбинированные изображения размером менее 1 МБ, вы потенциально можете уменьшить вес страницы на 20 МБ. Очевидно, это большое преувеличение, но оно призвано показать, сколько лишнего может сложиться, если вы не сделаете это правильно.
Такая простая вещь, как изменение размера изображений, может значительно повысить производительность и сэкономить вам время.Hébergement. Ваш хост взимает с вас дополнительную плату за дисковое пространство, которое занимают все эти большие изображения.
Мы живем в первом мобильном мире
Оптимизируя изображения для мобильных устройств, вы обеспечиваете удобство работы пользователей всех типов устройств, чтобы они продолжали возвращаться на ваш сайт.
Популярность мобильных устройств выросла до такой степени, что мы сейчас живем в мире, где мобильные телефоны используются наиболее широко. В июле 2018, Google объявила, что скорость страницы была фактором ранжирования для мобильных поисков.
Это означает, что когда вы создаете свои сайты, вам необходимо убедиться, что вы предоставляете изображения, подходящие для мобильных устройств с более медленными подключениями к данным.
Если вы транслируете изображения Retina, предназначенные для настольных компьютеров, в маленьком окне, вы теряете данные. Для посетителей, у которых нет безлимитных тарифных планов, это может быть очень неприятно и дорого.
Изображение, оптимизированное для поиска, вернулось
Google не только изменил влияние мобильной оптимизации на рейтинги, но также изменил способ отображения результатов поиска изображений, что привело к глубоким изменениям в рейтингах. SEO изображений .
Теперь вы можете привлекать трафик на свой сайт, когда ваши изображения появляются в поиске картинок.
В 2013 году Google добавил кнопку просмотра изображений в результаты поиска изображений. Когда кто-то нажимал эту кнопку, он переходил непосредственно к изображению, а не к веб-странице, на которой оно было. Сайты сообщили о падении трафика на 63% благодаря поиску изображений.
В 2018 году Google был вынужден убрать кнопку показа изображения, поэтому трафик снова начал расти. У ваших изображений есть много возможностей для хорошего ранжирования, потому что SEO-специалисты пренебрегли SEO-оптимизацией изображений.
Оптимизация изображения влияет на нижнюю строку
Изображения могут замедлить ваш сайт WordPress, если они не обслуживаются должным образом, и могут снизить коэффициент конверсии.
Если вы продаете товары на своем сайте, вы можете использовать тест скорости страницы Google для мобильных устройств чтобы показать вам размер вашего потенциального дохода. На странице результатов прокрутите вниз и откройте раздел Оценить влияние более быстрого сайта.
Оптимизация изображений не только приведет к увеличению количества конверсий, но также определит количество потенциальных клиентов, которых вы встретите через поисковый трафик.
Цель Google - обеспечить максимально удобное взаимодействие с пользователем от поиска до ответа. Если вы улучшите производительность пользователей, обеспечив им удобство, Google будет легче ранжировать ваш сайт в результатах поиска.
Как сделать ваш сайт WordPress быстрее за счет улучшения изображений
Теперь, когда мы объяснили, почему изображения лучше всего начинать, я объясню некоторые простые задачи, которые вы можете выполнить на своем сайте, чтобы ускорить загрузку изображений.
Удалить ненужные изображения
Один из самых простых способов уменьшить вес страницы и уменьшить количество HTTP-запросов - ограничить количество изображений на ваших веб-страницах. Если веб-страница загружается дольше 3 секунд, подумайте об удалении элементов и изображений, которые не способствуют конверсии.
Всегда убедитесь, что ваши изображения имеют правильный размер для их контейнера.
Если ваши изображения не отображаются при загрузке вашего сайта, вероятно, это связано с тем, что ваши изображения слишком большие и загружаются слишком долго. Чтобы решить эту проблему, вы должны определить размер изображения, а затем заменить изображение своего сайта изображением соответствующего размера.
Смотрите нашу статью на изменение размера изображения открыть некоторые методы, чтобы сделать это.
Используйте правильный формат и используйте форматы следующего поколения, если это возможно
Некоторые форматы файлов больше других, а анимированные GIF-файлы на сегодняшний день являются одним из самых неэффективных форматов файлов. Вы должны использовать правильный формат, который соответствует вашим потребностям и помогает создавать файлы наименьшего возможного размера.
Оптимизируйте WordPress Fast, включив отложенную загрузку
Отложенная загрузка - это быстрый и простой способ отложить загрузку изображений и других элементов по почте. Если изображения нет в окне браузера, браузер ожидает его загрузки, чтобы гораздо быстрее отобразить то, что видит посетитель.
Прогрессивная загрузка относительно проста в реализации и есть множество легких плагинов для выполнения этой работы. Размер файлов подключаемых модулей обычно составляет около 1–3 КБ, и их можно настроить за считанные минуты.
Используйте CDN для ускорения загрузки изображений
Сети CDN расположены по всему миру, поэтому передача данных, необходимых для загрузки изображений, происходит намного быстрее. Использование CDN для доставки изображений - простой способ быстрее загружать изображения в WordPress.
Хотя ваш хост может включать CDN в вашу учетную запись.Hébergement Чтобы улучшить производительность вашего сайта, CDN Smush Pro был разработан специально с учетом оптимизации изображений.
Хотите простой способ оптимизации WordPress?
Вам еще многое предстоит сделать, чтобы ваш сайт WordPress работал быстрее. Если вы не знаете, с чего начать, фотографии являются хорошей отправной точкой. Правильно оптимизированные изображения обеспечивают множество преимуществ, а также комплексные решения, такие как эти плагины 5 для сжатия изображенийЛегко значительно улучшить изображения на вашем сайте в считанные минуты.
