Как ускорить работу сторонних скриптов?

Question

[BoriHagen]

Сайт на хостинге, на нем подключено куча сторонних скриптов, из за которых google sped test выдает низкие баллы. Можно ли как то ускорить их загрузку и выполнение? Подключены: яндекс.метрика и куча сторонних скриптов. И к слову все они имеют атрибут async.

Answer 1

[Evgeniy]

- Все ненужные скрипты для отображения страницы нужно переместить в footer, но делать это аккуратно, т.к. сайт может работать криво, перемещайте по очереди, и смотрите чтобы ничего не испортилось.
- Скрипты которые загружаются через <script src=""> , и не важны для отображения страницы, им можно добавить атрибут defer, так
<script defer src="">

это отложенная загрузка, выполнение скрипта произойдет после загрузки страницы
- В идеале изображения на сайте нужно перевести в формат webp и jpeg 2000, а иконки в формат svg
- Нужно включить кэширование страницы на стороне пользователя
- Нужно включить кеширование и gzip сжатие на стороне сервера

Этот минимум поможет поднять уровень в Google Pagespeed Insight
Но опять же, Google Pagespeed Insight - не даёт полной картины, и это не показатель хорошей работы сайта. Гнаться за высокими балами часто не имеет смысла, а то и нет возможности.

Answer 2

[Арсений Матыцин]

Отложи загрузку.

Comments

[BoriHagen]

Дело в том, что async и defer не помогают, скрипты все равно выполняются медленно

[WapSter]

BoriHagen, в этой статье по мимо асинхронных загрузок есть способ динамической загрузки. Данный способ можно использовать в событии load скрипты подключатся, когда все ресурсы документа будут загружены.