Чем меньше скриптов на каждом этапе загрузки, тем выше её скорость. Скрипты – сама сложная часть страниц, которая хуже всего поддается оптимизации. Встречаются скрипты, которые зависят от своего местоположения (например, рекламные от Google AdWords). Поэтому оптимизация по умолчанию делает минимальные изменения. Большинство оптимизирующих плагинов как раз чаще всего «ломают» скрипты.
4 группы#
Самым эффективным способом оптимизации скриптов является задержка их загрузки. Но скрипты нужны для корректного отображения страницы. Поэтому они разделены на 4 группы:
- Критичные
Сюда попадает всё что должно быть загружено до основного содержания страницы. Обычно тут пусто. Сюда могут быть занесены скрипты, которые по каким-то причинам должны остаться без изменений и загружаться строго в том месте, где были изначально расположены.
- Критичные специальные
Сюда попадает всё что должно быть загружено после основного содержания страницы. Обычно тут пусто. Сюда могут быть занесены скрипты, отвечающие за первичное отображение содержимого страницы (например, для отображения отдельных элементов).
- Некритичные
Всё что можно загрузить после основного содержимого страницы с задержкой. Здесь обычно все основные скрипты сайта.
- Специальные
Всё, что можно загрузить ещё позже и не влияющее на основной рендеринг страницы. Сюда относятся, например, скрипты трекинга, рекламы, соц-сетей и т. д.
Оптимизация скриптов (JS)#
- Отложенная загрузка
Очень сильно влияет на показатели Total Blocking Time (TBT) и Time to Interactive (TTI). Потеря может достигать 30 баллов (прямо пропорционально объему скриптов).
По умолчанию времена задержек загрузки некритичной и специальной групп выставлено для наибольшей совместимости и наилучшего показателя скорости. Для конкретных сайтов эти значения опытным путём можно уменьшать.
- Группировка
По аналогии со стилями (CSS), снижает количество запросов к серверу, тем самый уменьшает время загрузки страницы. Но по опыту, т.к. скрипты в основном грузятся отложено, то ощутимого прироста рейтинга это не дает, а вероятность нарушить их работу повышает. GTMetrix показывает количество запросов, и включением этого режима можно попробовать увеличить на нём балл.
- Минификация
Уменьшение размера скриптов путём удаления лишних пробелов и переносов строк.
Решение протестировано с самыми популярными плагинами, не “ломает” рекламные скрипты, скрипты аналитики, видео-фреймы, и директивы Яндекса. По статистике, около 20% сайтов требуют дополнительной настройки, большая часть которых конечно-же скрипты.