Влияние скорости загрузки сайта на продвижение
Сегодня речь пойдет о скорости загрузки сайта. Скорость загрузки веб-страниц - немаловажный критерий при продвижении сайта. Чем меньше скорость загрузки сайта - тем лучше
Критерии загрузки сайтов следующие:
- Идеальное соотношение загрузки веб-страницы до 1,5 - 3 секунд.
- Скорость загрузки от 10 секунд считается критичной.
- Время загрузки страницы зависит не от веса сайта, но и от скорости интернета пользователя. Чем больше скорость интернета, тем быстрее скорость загрузки веб-страницы.
Давайте рассмотрим негативные стороны медленной загрузки страниц сайта:
- Влияние на ранжирование сайта в поисковых системах. Когда сайт долго грузится, робот поисковой системы, попав на него чтобы проиндексировать, натыкается на медленную загрузку страницы и не успевает полностью ее проиндексировать, и уходит с нее. Этот фактор влияет на результаты выдачи и скорость индексации сайта.
- Поведенческий фактор пользователей. Очень мало людей будут ждать, пока загрузится медленный сайт, когда можно зайти на тот, у которого страницы грузятся быстро.
- Снижение конверсии. По исследованиям компании Google, при медленной загрузке страниц сайта, происходит снижение конверсии на 7% в секунду. То есть, задержка в 3 секунды будет равна снижению конверсии в 21%, а это уже весомые цифры.
- Вероятность возвращения клиента на ваш сайт. Эта вероятность сводится к нулю. Я думаю что всем понятно почему.
Сразу возникает вопрос: «Как с этим бороться?» Способы могут быть следующие:
- Использование CSS-спрайтов. CSS-спрайт - это комбинированное изображение, которое содержит в себе несколько маленьких изображений. Они подгружаются с помощью CSS.
- Использование inline-картинок. Встраивая inline-картинки в таблицу стилей, можно добиться уменьшения количества запросов к серверу и при этом размер HTML-документа останется прежним и не будет увеличиваться.
- Объединение нескольких файлов в один поможет уменьшить количество запросов к серверу.
- Вынесение CSS-файлов в начало страницы.Чтобы уменьшить скорость загрузки страницы можно подключить CSS-файл в <header > страницы. В результате, страница будет подгружаться постепенно, по компонентам - заголовки, логотипы и т.п.
- Вынесение javascript в конец страницы. Этим действием мы указываем браузеру, что сначала нужно загружать контент страницы и уже после этого javascript-файлы. Также необходимо помнить, что внешние javascript-файлы блокируют параллельную загрузку.
- Сокращение CSS и javascript файлов. Сократить код - это удалить из него все несущественные символы с целью уменьшения объема файла и ускорению его загрузки. То есть, чем меньше объем файла - тем быстрее браузер его грузит.
- Использование кэша браузера. Если сделать так, чтобы компоненты (элементы) страницы при загрузке попадали в кэш, то при повторном посещении вашего сайта, его страницы будут грузится намного быстрее за счет того, что многие элементы сохранились в кэше браузера.