Ускорение сайта: от чего зависит объём предстоящей работы
Объём работы по ускорению сайта зависит от причины медленной загрузки. Что определяет масштаб задачи и в каком порядке лучше начинать работу.
Команда rabbitclipПубликация: 6 мин чтения
Коротко
Объём работы по ускорению сайта зависит от источника медлительности: проблемы с содержимым, такие как изображения и шрифты, решаются быстро, а проблемы сервера, темы или архитектуры программного обеспечения означают более крупную работу. Поэтому верный первый шаг состоит не в том, чтобы сразу приступить к оптимизации, а в том, чтобы измерить, откуда именно берётся медлительность. Улучшения, сделанные без измерений, нередко съедают целые недели и ничего не меняют в результате.
В этой статье объясняется, что определяет размер работы и в каком порядке разумно действовать. Технические подробности про изображения, шрифты и скрипты разобраны у нас в отдельном материале; здесь вопрос другой: эта работа маленькая, средняя или большая, и с чего её следует начинать?
Откуда берётся медлительность?
Источник медлительности обычно находится в одном из четырёх мест. Первое это содержимое: слишком крупные изображения, множество файлов шрифтов или тяжёлые видео раздувают страницу. Второе это код: лишние скрипты, сторонние инструменты отслеживания и неиспользуемый код, который тянет за собой старая тема, утомляют браузер.
Третье это сервер: медленный хостинг или конфигурация без кэширования вынуждены заново строить каждую страницу при каждом посещении. Четвёртое это архитектура: программное обеспечение, на котором построен сайт, может быть тяжёлым само по себе, или способ формирования страниц может быть неэффективным. Этим четырём источникам соответствуют четыре разных уровня трудозатрат.
У большинства сайтов не одна причина; несколько накладываются друг на друга. Однако одна обычно преобладает. Измерение показывает, какая именно из причин преобладает, и вся работа начинается именно с неё.
Что определяет объём работы?
Размер задачи определяют три фактора. Первый это уровень проблемы: неполадки на уровне содержимого занимают часы или дни, на уровне кода дни, а на уровне архитектуры могут занять недели. Второй это размер сайта: на сайте из ста страниц даже наведение порядка с изображениями даёт столько работы, сколько в нём страниц.
Третий это гибкость программного обеспечения, на котором держится сайт. На сайте, с кодом которого можно свободно работать, улучшения вносятся напрямую; на закрытой платформе то, что можно изменить, ограничено, и результат упирается в потолок. Тогда настоящее решение состоит в том, ускорять ли сайт или менять платформу.
Мы не называем цифр по стоимости и срокам, потому что один и тот же симптом медлительности может возникать по очень разным причинам, а гадать, не взглянув, значит вводить в заблуждение. Один этап ознакомления с сайтом и измерения делает настоящий размер работы видимым для обеих сторон.
Что нужно измерить в первую очередь?
Измерение это первый шаг любой работы над скоростью. Выделяются три показателя: за какое время появляется основное содержимое страницы (LCP, хороший порог 2,5 секунды), насколько быстро страница реагирует на действия пользователя (INP, хороший порог 200 миллисекунд) и не прыгают ли элементы во время загрузки (CLS, хороший порог 0,1). Эти пороговые значения опубликованы и широко известны.
Измерять только на настольном компьютере и только на одной странице значит вводить себя в заблуждение. Если большинство посетителей приходит с телефона, измерять нужно на телефоне и при средней скорости соединения, а главную страницу и самые посещаемые внутренние страницы рассматривать отдельно. Тест скорости собственного сайта можно также выполнить с помощью бесплатного инструмента на нашем сайте.
После измерения проблемы упорядочиваются по эффекту: на первое место ставится пункт, который затрагивает больше всего страниц и исправляется с наименьшими усилиями. Такая расстановка направляет время и бюджет туда, где они принесут больше всего пользы.
В каком порядке вести работу?
Разумный порядок начинается с того, что даёт наибольшую выгоду при наименьших усилиях. Обычно первый этап включает изменение размеров изображений и перевод их в современные форматы, удаление неиспользуемых скриптов и правильную настройку кэширования. Эти шаги заметно улучшают работу большинства сайтов, и при этом они несут лишь небольшой риск.
Второй этап требует больше усилий: упрощение шрифтов, вынос критичного содержимого вперёд и сокращение сторонних инструментов до действительно необходимых. Третий этап структурный: смена сервера, упрощение темы или переписывание частей сайта. К этому этапу переходят, только если первые два оказались недостаточными.
- Измерить: зафиксировать ключевые значения на реальных устройствах и соединениях
- Уменьшить изображения и убрать ненужные скрипты
- Правильно настроить кэширование и сжатие
- Упростить шрифты и сторонние инструменты
- Измерить снова; к структурным работам переходить только при необходимости
Какие ошибки часто допускают при работе над скоростью?
Самая частая ошибка начинать без измерений. Установить плагин и надеяться, что оценка вырастет, значит рискнуть скрыть настоящую причину; оценка какое-то время улучшается, но реальные впечатления посетителей не меняются. Вторая ошибка смотреть только на оценку: число из тестового инструмента не всегда отражает то, что переживают настоящие пользователи.
Третья ошибка менять всё одновременно. Если несколько изменений внесены разом, никто не поймёт, какое сработало, а какое что-то сломало. Четвёртая ошибка ломать функции при ускорении: удаление скрипта, который оказывается связан с формой или меткой отслеживания, обходится дороже полученного выигрыша в скорости. После каждого изменения основные функции нужно проверять вручную.
Скорость также не относится к работам, которые делаются один раз и забываются. По мере добавления нового содержимого, плагинов и инструментов отслеживания сайт снова замедляется. Поэтому заведённый порядок периодических проверок даёт более устойчивый и долговременный результат, чем одно большое разовое усилие.
Когда ускорение оказывается неверным выбором?
На некоторых сайтах настоящая проблема не в скорости. Если сообщение неясно, страницы не предлагают то, за чем пришли посетители, или не работает форма, улучшение скорости не повысит конверсию. Сначала посмотрите, по какой причине посетители уходят с сайта; скорость лишь одна из таких причин.
Если программное обеспечение, на котором работает сайт, устарело и ускорение превращается в латание гнилого фундамента, более разумным путём может оказаться перестройка. Сайт, который бесконечно латают, с каждой заплатой становится всё более хрупким. В этом случае проект по скорости означает трату части бюджета на старую структуру вместо новой.
Объём работы по ускорению определяется источником медлительности, а источник показывает только измерение. Сначала зафиксируйте ключевые значения на реальных устройствах, затем упорядочьте проблемы по их эффекту, начните с небольших и малорискованных шагов и измеряйте снова после каждого из них. Если вы хотите вместе посмотреть и разобраться, почему ваш сайт работает медленно, мы будем очень рады организовать ознакомительную встречу с rabbitclip.
Частые вопросы
Сколько времени занимает ускорение сайта?
Это зависит от источника медлительности и от размера сайта. Работа на уровне изображений и скриптов занимает немного времени; то, что требует изменений сервера или архитектуры, длится заметно дольше. Обоснованную оценку срока дать невозможно, пока не проведено измерение.
Если оценка в тесте скорости высокая, значит ли это, что сайт быстрый?
Не всегда. Оценка это показатель; реальные впечатления посетителей меняются в зависимости от устройства и соединения. Надёжнее проверять на телефоне при средней скорости соединения и смотреть значения LCP, INP и CLS.
Достаточно ли плагина, чтобы ускорить сайт?
На некоторых сайтах плагины кэширования и сжатия дают заметный эффект. Но если проблема в тяжёлых изображениях, избытке скриптов или сервере, один плагин её не решит. Установка плагина до выяснения причины может привести к потере времени.
Действительно ли скорость сайта влияет на продажи?
Посетитель может покинуть медленную страницу, не дождавшись окончания загрузки, а это снижает вероятность того, что будет использована форма или оформление заказа. Масштаб влияния у разных сайтов разный, и закрепить его одной цифрой нельзя.
