Как оптимизировать производительность статического сайта, минимизировав при этом влияние сторонних скриптов?
Постановка задачи:
Мне нужно оптимизировать производительность моего статического сайта в соответствии с Lighthouse/PageSpeed Insights. Я ищу эффективные методы внедрения сторонних скриптов с минимальным влиянием на производительность. Учитывая используемые мной скрипты (GTM с тегом G, Google Ads Remarketing, Hotjar, Poptin, Meta Pixel и SalesIQ), какие подходы или методы вы считаете наиболее эффективными для достижения баланса между функциональностью и производительностью? Буду очень признателен за любые идеи или предложения из вашего опыта!
Я усердно работал над оптимизацией производительности моего статического веб-сайта, и без каких-либо сторонних скриптов зафиксированная производительность на PageSpeed Insights постоянно превышает 90. Однако всякий раз, когда я добавляю сторонние скрипты, такие как GTM, Hotjar, Poptin, Meta Pixel и Zoho CDN, оценка производительности значительно падает, часто опускаясь ниже 70%.
Вот что я пробовал на данный момент:
Подход 1:
Стандартное внедрение скрипта: GTM в headMeta Pixel и Hotjar над тегом bodySalesIQ и Poptin в конце body Зафиксированная производительность: 43%
Подход 2:
Кэширование с помощью Service Worker: обслуживание файлов из кэша Влияние на производительность: улучшено, но все еще не оптимальный
Подход 3:
Рабочие процессы Cloudflare и Кэширование: обслуживает сторонние скрипты через Cloudflare Workers с механизмом кэширования Зафиксированная производительность: улучшена до 65%-80% со всеми сторонними скриптами
Cloudflare + GTM Injection: обслуживает GTM через Cloudflare и внедряет другие сторонние скрипты (Hotjar, Poptin) через контейнер GTM Зафиксированная производительность: 65%-80%
Примечание: