Медленный сайт — веб-ресурс, который не нравится ни пользователям, ни поисковикам. Скорость загрузки страниц на сайте во многом определяет его востребованность и желание пользователей посещать страницы веб-ресурса вновь и вновь. К тому же, нынешняя скорость загрузки страниц, к которой уже привыкли пользователи Интернета, задает высокую планку. Люди не готовы к длительному ожиданию загрузки страниц, поэтому легко могут выбрать сайт конкурентов.
Наша команда подготовила для вас ТОП-12 способов, как увеличить скорость загрузки страниц веб-ресурса. Рассмотрим основные моменты данной темы и погрузимся в действенный методы увеличения скорости загрузки.
Что влияет на скорость загрузки
Для начала разберемся, какая скорость загрузки должна быть у сайта, чтобы он нравился пользователям и поисковым системам. Чем выше будет этот показатель, тем лучше для веб-ресурса. Среднее значение варьируется в пределах двух-трех секунд. Если за это время основная часть контента загружается на странице, то это вполне нормально.
На загрузку сайта влияют два элемента: браузер пользователя, сервер. Это две стороны, между которыми происходит обмен файлами. Скорость загрузки может быть снижена из-за:
- Медленного сервера. Недостаток оперативной памяти или ядер в процессоре могут значительно увеличить время ожидания загрузки страниц.
- Медленного CMS. К сожалению, неопытные программисты могу некорректно прописать код, что будет значительно тормозить загрузку сайта.
- Удаленности сервера от пользователя. Если сервер с файлами локализуется в Санкт-Петербурге, а пользователь из Хабаровска заходит на сайт, то ожидание загрузки будет дольше.
- Большого количества файлов. Скорость будет ниже, так как множество картинок, стилей, шрифтов и прочих элементов нужно загрузить.
- Объема файлов. Слишком «увесистые» файлы увеличивают время ожидания.
Оптимизировать скорость загрузки страниц можно путем устранения вышеуказанных недочетов.
Как узнать скорость загрузки
Существует огромное количество разных онлайн-серверов, с помощью которых можно проверить скорость загрузки файлов. Отметим, пожалуй, самый популярный и удобный инструмент — Google PageSpeed. Он прост в управлении — вводим адрес сайта, запускаем проверку и анализируем результаты.
К слову, полученные данные будут разделены на две главы: результаты для компьютера и для мобильных. Программа показывает три главных аспекта:
- FCP. Время получения браузером ответа от сервера;
- DCL. Время, через которое пользователь уже видит базовый контент в браузере;
- Оптимизация. Степень оптимизации сайта.
Если веб-ресурс недостаточно оптимизирован, система предложит варианты по исправления ситуации. Программа даст некоторые рекомендации по улучшению показателей.
ТОП-12 способов от команды «Аудитория», как ускорить скорость загрузки
Мы подготовили достаточно много рекомендаций, которые помогут вам ускорить скорость загрузки страниц.
Работа с изображениями
Если картинки на сайте не оптимизированы, они увеличивают время загрузки страниц. Обратите внимание на:
- Габариты изображений. Если у вас фотографии товаров имеют ширину около 5 000 пикселей, то уменьшать этот показатель можно до 1 600 пикселей. В 90% случаев этого будет достаточно. Исключение составляют интернет-магазины, где можно рассмотреть товар с помощью лупы. Но на таких площадках картинки загружаются не сразу, а только после того, как пользователь кликнул по соответствующей знаку;
- Вес изображений. Перед выкладкой на сайт объем картинок нужно сжимать. Сделать это можно в Фотошопе или с помощью любой удобной программы;
- Список картинок. Если на вашем сайте есть изображения товара, а также есть отдельная страница с перечнем ассортимента, то лучше сделать превью. Это уменьшенные картинки, которые будут быстро загружаться.
Если запустить проверку на Google PageSpeed, то программа покажет список картинок, которые следует оптимизировать для ускорения загрузки страниц.
Сжатие
Для сжатия файлов на сервере нужно использовать специальную программу — Gzip. Если этот компонент будет активирован, то сервер перед отправкой файлов браузеру создаст архив. Браузер, в свою очередь, после получения информации, разархивирует ее на устройстве пользователя.
Суть программы в том, что сжатые файлы и коды передаются в разы быстрее. Соответственно, скорость загрузки страниц становится быстрее.
Gzip-сжатие можно активировать несколькими способами:
- прописать специальные коды;
- обратиться в техническую поддержку хостинга.
Если сжатие будет активировано, то при проверке на Google PageSpeed будет это отображаться.
Кэширование
Когда браузер пользователя загружает веб-ресурс, то часть информации он сохраняет в памяти. Это нужно для того, чтобы при повторном заходе на страницу браузер уже не запрашивал эту информацию, а загружал ее из собственной памяти.
Чтобы кэш браузера можно было применять, необходимо указать типовую принадлежность файлов, которую браузер будет сохранять в памяти.
Google PageSpeed также после проверки предоставит список ресурсов, для которых не настроено кэширование.
Минимизация
Этот процесс позволяет сократить объем файла за счет удаления пробелов, использования коротких имен, удаления комментариев и пустых строк. Браузеру не принципиально каким будет файл — обычным или минимизированным. Но на скорость загрузки это будет влиять.
PageSpeed также отобразить список файлов, которые можно минимизировать.
Очередность загрузки
Каждый браузер имеет собственные алгоритмы, которые уменьшают скорость загрузки. Когда браузер получает от сайта код, он вычисляет, какие файлы загрузить в первую очередь, а какие чуть позже. Бывают случаи, когда браузер уже начал загружать отрисовку на странице, а файл со стилями еще не загружен, тогда отрисовка останавливается.
Чтобы браузер мог оптимально загружать полученые файлы, рекомендуем файлы со стилями (css) и шрифтами подключать в начале кода. А файлы со скриптами (js) — в конце страницы.
В таком случае браузер сначала загрузит стили, которые нужны для отрисовки, и приступит к показу страницы пользователю параллельно продолжая загружать скрипты.
Лишние плагины
В некоторых случаях в коде страницы можно обнаружить ссылки на модули или плагины, которые уже не используются. Случается это, когда верстальщик устанавливает один плагины, затем меняет их на другие, а прошлые не удаляет. Такой «мусор» мешает загрузке.
Мы рекомендуем оптимизировать использование скриптов. Если на страницах сайта есть слайдеры, то лучше на всех страницах использовать один и тот же плагин.
CDN
Это сеть доставки контента. В ней содержится множество серверов, которые локализуются в разных уголках мира. Каждый сервер дублирует содержимое основного сервера.
К примеру, пользователь из Самары хочет загрузить информацию из CDN, он получит контент не с основного сервера, а с того, который территориально находится ближе к нему (может даже с сервера из Самары).
Используют CDN в двух случаях:
- для загрузки скриптов со стороннего сервера;
- для загрузки изображений и скриптов со своего CDN.
Сокращение http-запросов
Чтобы браузер меньше раз обращался к серверу, нужно уменьшить число нужных ему файлов. К примеру, на вашем сайте есть три скрипта для разных элементов, их можно объединить в один файл, который можно еще и минимизировать.
Объединять файлы вручную не совсем удобно, поэтому лучше настроить автоматическое слияние. У большого количества CMS для этого есть свои программы.
Число запросов можно уменьшить, если настроить кэширование браузера и удалить ненужные скрипты.
Оптимизация шрифтов
Лаконично и практично будет использовать единый шрифт для всего сайта. Это увеличит эстетическое восприятие и снизит объем загружаемых файлов, которые нужны для отображения шрифтов на страницах.
От устаревших форматов лучше отказаться. Если раньше каждый шрифт имел 4 разных формата, то сейчас браузеры ограничиваются двумя (woff, woff2).
Популярные шрифты можно и нужно загружать с Google Fonts. Это снимет нагрузку с сервера. Кроме этого, файлы со шрифтами будут уже оптимизированы.
Короткий HTML-код
Мы уже разобрались, что уменьшать размер файлов стилей и скриптов можно и нужно. Аналогичным способом можно минимизировать HTML-код страницы веб-ресурса. Такой способ можно использовать в случае, если код страницы слишком объемный. Например, на страницах есть статьи, большие списки с товарами и так далее.
Чтобы автоматизировать процесс сокращения кодов страниц мы рекомендуем использовать подходящие для вашей CMS плагины.
Оптимизация работоспособности сервера
Если вы имеете дело с выделенным сервером (т.е. системный администратор может управлять настройками), то можно модернизировать его параметры. К примеру, можно добавить оперативной памяти или заменить процессор, если того требует ситуация.
Прекрасным способом оптимизации работы сервера будет удаление ненужных файлов. Обновление модулей также положительно сказывается на скорости загрузки страниц.
Если вы работаете с виртуальным хостингом, то нужно обратить внимание на более дорогие тарифный планы. Как правило, чем больше стоимость обслуживания, тем лучше параметры и характеристики.
Оптимизация скриптов, баз данных
В числе прочих этапов загрузки есть и генерация сервером конечного кода, который передается браузеру. Генерирует код движок веб-ресурса. Если CMS написана некорректно, то движок будет собирать страницу очень долго, собирая огромное количество лишних запросов, используя «медленные» алгоритмы программирования.
К выбору движка нужно подходить серьезно. Мы рекомендуем останавливаться на тех системах, которые наиболее популярны и востребованы. Например, Битрикс, Word Press, MOD и так далее.
В заключении
Итак, скорость загрузки сайта представляет собой важный элемент, над которым обязательно нужно работать. В поисковой выдаче есть огромное количество конкурентов, поэтому чем быстрее ваш сайт будет загружать страницы, тем меньше других веб-ресурсов успеет открыть пользователь.
Команда «Аудитории» раскрыла вам 12 способов по ускорению скорости загрузки сайта. Методы эффективные, но работать будут только при правильном и грамотном применении. Поэтому обращайтесь к нам за помощью и мы минимизируем загрузку вашего сайта. Кроме этого, поможем оптимизировать веб-ресурс и вывести его в ТОП поисковой выдачи.
