11 способов оптимизировать ваш сайт электронной коммерции для повышения скорости

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

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

Фактически, вы потеряете 20% посетителей, если у них возникнет 3-секундная задержка загрузки страницы, говорится в исследовании Aberdeen Group, проведенном в 2016 году.

Насколько быстро это быстро? По данным компании Dynatrace, занимающейся управлением цифровой производительностью, в среднем глобальные веб-сайты розничной торговли, работавшие в 2017 году с Черной пятницы по 3 января, были визуально завершены и готовы к использованию в течение 2,5 секунд.

Вот несколько ключевых способов оптимизации скорости вашего сайта:

1. Ограничьте количество запросов DNS

Каждый раз, когда ваш сайт электронной коммерции загружается, браузеру необходимо найти IP-адрес, соответствующий вашему доменному имени. Это называется поиском в DNS (системе доменных имен).

Браузеру необходимо найти ваш основной домен, а также любые домены на вашей странице, которые поступают из внешнего источника, такого как канал Twitter или встроенное видео YouTube. Следовательно, уменьшение количества запросов к внешним источникам на вашем сайте минимизирует количество различных запросов DNS, которые необходимо выполнить клиенту, что может задержать первоначальную загрузку страницы. Например, вместо гиперссылки на изображения вы можете разместить их на своем сервере.

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

2. Инвестируйте в лучший поиск веб-хостинга

Надежный и быстрый веб-хостинг - решающий фактор в скорости вашего сайта. И не все веб-хосты одинаковы. Вы захотите найти сервис, который сможет справиться с большими скачками веб-трафика и транзакций (например, во время запуска большого продукта или периода с Черной пятницы до Киберпонедельника).

Нет худшей участи для сайта электронной коммерции, чем быть недоступным для посетителей. Хороший хостинг гарантирует безотказную работу 99,5% или выше. Хост премиум-класса обещает время безотказной работы до 99,99%.

Без сомнения, вам понадобится сертификат SSL и выделенный IP-адрес.

3. Сожмите свои фотографии

Изображения составляют 50-75% от общего веса вашего веб-сайта, но, что удивительно, около 45% из 100 лучших сайтов электронной коммерции не заботятся о сжатии своих изображений. Они должны и вы должны. Вы можете выбрать сжатие без потерь, которое уменьшает размер файла без потери качества.

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

Сжимайте изображения в Photoshop или используйте компрессор изображений, например TinyPNG или Kraken.io.

4. Сделайте приоритетным загрузку сверху сгиба.

Поскольку верхняя часть вашего сайта будет первым, что увидят ваши посетители, имеет смысл, чтобы что-либо «сверх сгиба» загружалось быстрее, чем остальная часть веб-сайта. Другой термин для этого процесса - медленная загрузка. Это особенно полезно для ускорения одностраничных веб-сайтов с большим количеством изображений, которые стали популярным выбором дизайна для многих брендов.

Инструкции по включению отложенной загрузки см. Здесь.

5. Кешируйте свою страницу

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

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

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

6. Уменьшите количество HTTP-запросов.

Около 80% времени ответа веб-сайта посвящено загрузке элементов для внешнего интерфейса, таких как изображения, таблицы стилей, скрипты, элементы Flash и т. Д. Уменьшение количества элементов снижает количество HTTP-запросов, необходимых для полной визуализации страницы. .

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

7. Используйте сжатие Gzip.

Когда посетитель попадает на ваш сайт, на ваш сервер отправляется запрос на доставку файлов. Логично, что чем больше файлы, тем больше времени потребуется, чтобы добраться до вашего браузера.

Сжатие Gzip позволяет вашему серверу сжимать файлы сайта перед их возвратом в браузер, что значительно сокращает время передачи. Фактически, gzip может сократить размер страниц и таблиц стилей на 90%!

Сжатие включается через конфигурацию веб-сервера. На каждом веб-сервере будут разные инструкции. Следуйте этому руководству Google для получения более подробной информации.

8. Используйте сеть доставки контента.

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

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

Выбор правильного CDN может быть непростым. Начните с этого руководства.

9. Сократите свой код

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

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

10. Используйте асинхронную загрузку

Когда браузер загружает страницу, она перемещается сверху вниз. Вы можете ускорить процесс, разрешив одновременную загрузку ваших скриптов, таких как CSS и Javascript. Это называется асинхронной загрузкой. Если ваши скрипты загружаются синхронно, они загружаются в том порядке, в котором они появляются на странице, что может быть более медленным процессом.

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

11. Постоянно следите за скоростью вашего сайта.

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

Google PageSpeed ​​Insights предлагает хороший инструмент для анализа скорости вашего сайта на мобильных устройствах и компьютерах.

Еще один отличный инструмент для проверки скорости сайта доступен в Pingdom.

Помните это практическое правило: за каждую секунду, дольше которой ваш сайт загружается, вы теряете 10% посетителей. Ой.