5 идей для улучшения скорости загрузки сайта

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

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

Сила скорости

Чтобы не быть голословными, вот вам немного статистики:

  • Опираясь на данные, опубликованные Kinsta, со страницы, которая грузится больше чем 5 с, уйдут на другой сайт 74% пользователей со своих мобильных устройств. 
  • А согласно маркетинговым исследованиям Think with Google, показатели отказа могут вырасти до 113%, при увеличении скорости загрузки на 6 секунд;

 

Свежие исследования компании Google показали, что страницы, которые начали грузиться всего на 0,5 с дольше потеряли 20% трафика. Особенно это касается мобильной версии сайта, поскольку подавляющее число пользователей  заходят на сайты в основном с мобильных устройств.

Влияние показателя скорости загрузки на сайт 

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

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

Какими инструментами измерять скорость загрузки?

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

  • PageSpeed Insights от Google. Данный  инструмент показывает скорость загрузки мобильной версии сайта и ПК, оценка ставиться по 100-балльной шкале, также даются рекомендации по увеличению загрузки.

  • WebPageTest. Этот инструмент позволяет выбрать устройство, браузер, местоположение. Например, здесь можно посмотреть как быстро будет грузиться сайт на Iphone 6 в Индии или в браузере Chrome в Америке. 

  • Также очень эффективный и простой способ — это зайти на ваш сайт, нажать клавишу F12, и в открытом окне с исходным кодом нажать на вкладку Network. Внизу вы увидите скорость загрузки сайта в реальном времени.

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

Как же увеличить скорость сайта?

  1. Начните с картинок

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

Уменьшить вес изображений также можно сжимая их. Про это часто забывают: только 45% интернет магазинов используют на своем сайте сжатые картинки.  Помочь с этим могут такие сервисы, как Photoshop — выбрав опцию “Сохранить для WEB” и выбрать качество картинки не более 80% (при этом вес картинки может снизится в 10 раз). Если данными инструментами вы не владеете, тогда можно воспользоваться бесплатными сервисами https://tinyjpg.com/ или https://compressor.io/. Там все достаточно просто и понятно. 

Также, можно удалить ненужные картинки.

  1. Почистите исходный код

Уменьшения размера front-end файлов сайта может помочь не хило снизить скорость загрузки. Просто займитесь удалением пустых строк, лишних пробелов и ненужных тегов.

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

Но если эти скрипты на сайте необходимы, то, хотя бы настройте сначала загрузку контента, а потом уже всего остального. Потому что даже место размещения скриптов влияет на время загрузки сайта. Например, если скрипт находится в теге <head>,  то браузер сначала займется его скачиванием, потом исполнением, а потом только загрузит контент для пользователей.

  1. Уменьшите размеры страниц сайта 

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

  1. Минимизируйте редиректы

Использование 301- или 302-редиректов — стандартная практика: с их помощью поисковые боты узнают, что данная страница была перемещена на другой url. Это позволяет избежать на сайте несуществующих страниц и 404-ошибок, но они тормозят загрузку сайта. Сам Google рекомендует, по возможности, минимизировать их использование, т.к. это приводит к дополнительным переходам по сети. 

Посмотреть все редиректы вы можете с помощью программы Screaming Frog.

  1. Переехать на выделенный сервер

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

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

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

Дополнительные советы

  1. Удалите ненужные плагины в вашей CMS, которыми уже давно не пользуетесь, или удалите их, попросив разработать собственные решения вашего разработчика. 
  2. Отправьте тяжёлые файлы на сторонние сервисы, такие как Wistia или Imgur. Также, лучше загрузить видео на YouTube и вставить на сайт код, нежели загружать его непосредственно на страницу.
  3. Используйте технологию AMP от Google — ускоренные мобильные страницы. С их помощью на таких страницах загружается только контент без красивого дизайна, рекламы, динамических блоков и т.д. Скорость таких страниц в пределах 3 секунд. В основном данную технологию применяют информационные сайты, блоги или новостные порталы. 

 

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

Выводы

  1. Эффективность продвижения сайта напрямую зависит от скорости его загрузки. Идеально, когда он грузится в пределах 3 с.
  2. Старайтесь оптимизировать всё, что только можно (размер изображений, видео, CSS и html коды). Уберите всё ненужное и минимизируйте использование объемных графических элементов. 
  3. Возьмите себе за правило регулярно проверять скорость сайта, чтобы в случае ее увеличения, как можно быстрее найти причину и устранить ее.