Как уменьшить время загрузки сайта

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

Время загрузки сайта – что оно означает

Время загрузки веб-сайта отсчитывается с момента перехода пользователя Интернета на страницу (например, из поисковой системы) до появления всех файлов (графики, видео и т.д.) и функциональных возможностей. Считается, что оптимальное время загрузки страницы – не более 2 секунд. Пользователь Интернета, который слишком долго ждет появления изображений или видео, может вернуться на страницу поиска и выбрать конкурирующий сайт. Согласно статистике, замедление на 3 секунды снижает конверсию до половины. Чтобы этого избежать, нужно позаботиться о повышении скорости сайта. Даже сокращение времени на доли секунды может принести положительные результаты. Быстро загружающийся сайт ценится пользователями Интернета – такой сайт лучше конвертирует.

Информация о скорости загрузки страницы – где ее можно найти

Можно проверить основные данные в Google Analytics (выберите: Поведение -> Скорость сайта). Гораздо более ценную информацию предоставят отчеты Google PageSpeed Insights и GTmetrix.

Чаще всего рекомендуется бесплатный инструмент Google – Google PageSpeed Insights. Все, что нужно сделать, это вставить адрес сайта, который нужно проанализировать, в соответствующее поле, и инструмент укажет соответствующие параметры. Вы узнаете не только о том, насколько быстро работает ваш сайт, но и о том, что следует изменить, чтобы сократить время загрузки. Инструмент выставляет максимум 100 баллов. 0-49 баллов получают сайты, которые загружаются очень медленно. Между 50 и 89 баллами находятся сайты, скорость загрузки которых можно охарактеризовать как среднюю. Самый высокий уровень – от 90 до 100 баллов – предназначен для самых быстрых сайтов.

Также можно использовать бесплатный инструмент GTmetrix (некоторые функции платные). Инструмент создает отчет на основе рекомендаций Google PageSpeed Insights и правил YSlow – аналитического инструмента, разработанного создателями веб-браузера Yahoo. Выводы богаче, чем у PageSpeed Insights, в том числе за счет использования CDN (Content Delivery Network) и использования доменов без cookie. 

Скорость загрузки страницы и конкретные устройства

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

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

Почему важна быстрая загрузка сайта

1. Основная причина – удовлетворенность пользователей. Быстрая страница, на которой самая важная информация появится вскоре после перехода из поисковой системы, побуждает интернет-пользователя не только остаться на сайте, но и вернуться спустя некоторое время.
2. Скорость загрузки страницы является одним из важных факторов ранжирования, который влияет на позиционирование в поисковых системах. Google учитывает скорость загрузки страниц, когда его алгоритмы рассчитывают место сайта в результатах поиска.
3. Скорость страницы – один из так называемых факторов качества, которые учитывает система Google Ads. В данном контексте скорость страницы означает просто более высокую окупаемость инвестиций (ROI) в рекламу, а значит – более низкие затраты на поисковое продвижение.

Как ускорить время загрузки сайта – 9 надежных способов

1. Следует выбирать быстрый хостинг с серверами, параметры которых позволят сайту загружаться плавно. Время ответа сервера (Time To First Byte, или сокращенно TTFB) обычно составляет от 200 до 500 мс, но чем меньше это время, тем лучше. В идеале, выбирайте хостинг на серверах, TTFB которых составляет 100 мс.
2. Дополните контент легкими изображениями, иллюстрациями, инфографикой и графикой. Какой вес файлов изображений является подходящим? Предполагается, что его размер не должен превышать нескольких сотен килобайт. Можно изменить параметры в программе редактирования графики, например, Adobe Photoshop. Используете ли вы фотобанк изображений? Отлично! Большинство банков стоковых фотографий позволяют загружать файлы разного веса и размера.
3. Обращайте внимание на расширения файлов. Фотографии должны иметь формат *jpeg, а графика – *png.
4. Используйте ленивую загрузку, то есть намеренно настройте медленную загрузку. Это скрипт, который должен быть помещен в код сайта. Что такое ленивая загрузка? В принципе, ни один сайт не помещается на одном экране, но требует прокрутки. Выше сгиба – это верхняя часть страницы, которую пользователь видит без прокрутки вниз. Ниже приведена часть, расположенная ниже сгиба. Более медленная загрузка означает, что всегда отображаются только те файлы изображений и видео, которые находятся в просматриваемой части сайта.
5. Встраивайте видеофайлы с внешних платформ. Так называемые встроенные видео часто приходят с YouTube.
6. Сократите количество кода. Удалите комментарии и ненужные скрипты. Поисковой системе не нужно читать множество ненужных строк кода при каждом действии.
7. Выберите способ хранения таблицы стилей CSS вне HTML-файла. Просто поместите ссылку на таблицу стилей в раздел кода страницы.
8. Используйте CDN (сеть доставки контента) – систему распределенных серверов, задачей которых является доставка контента интернет-пользователю с ближайшего сервера.
9. Если сайт основан на WordPress, посмотрите на установленные плагины. Удалите ненужные и неработающие плагины и замените самые тяжелые из них более легкими альтернативами. Всегда обновляйте свои плагины и саму тему WordPress. Очистите базу данных, например, от старых версий постов или неиспользуемой графики.