Как оптимизировать получение рекламы из сценариев DFP и менеджера тегов Google? - PullRequest
0 голосов
/ 07 июня 2019

Я являюсь частью команды, работающей над улучшением показателей маяка на нашем веб-сайте: https://www.bikewale.com/m/royalenfield-bikes/classic-350/

Мы концентрируемся на оптимизации доставки JavaScript на странице, чтобы сократить время.к интерактивным.Тем не менее, мы заметили, что такие скрипты, как gtm.js, gpt.js и загрузка рекламы при загрузке страницы, ограничивают наше максимальное улучшение примерно до 70 (оценка производительности маяка).

После выполнения оптимизации для доставки JavaScript на нашемВ итоге мы смогли набрать максимум 70 баллов. Мы попытались удалить файлы js для менеджера тегов Google и gpt и увидели, что оценка выросла до 95 (приблизительно).Кроме того, ленивая загрузка всех объявлений, и, следовательно, запрос к dfp дает нам повышение примерно до 75 (мы не можем сделать это из-за того, что первое объявление находится в первом сгибе).

Обратите внимание, что у нас естьследовали инструкциям и рекомендациям, упомянутым в следующих ссылках: gtm - https://developers.google.com/tag-manager/quickstart gpt - https://support.google.com/admanager/answer/7485975

googletag.pubads().refresh(immediateAds); // immediateAds is array of first fold ads Метод обновления ухудшает производительность.

Есть ли способ оптимизировать доставку рекламы и скриптов gtm, чтобы повысить производительность?Возможно, более новая версия скриптов или альтернатива?Есть ли способ загрузить первое объявление сразу и лениво загрузить другие объявления на странице, не используя метод refresh()

1 Ответ

1 голос
/ 12 июня 2019

Поздравляем с достижением 70 баллов! Это очень респектабельная оценка для сайта электронной коммерции.

Я не очень знаком с GTM или GPT, но я могу порекомендовать одну оптимизацию, чтобы помочь этим библиотекам более эффективно выполнять свою работу: предварительное подключение к источникам, из которых показывается реклама.

Screenshot of Google Lighthouse recommending preconnect hints

Для каждого из этих источников вы должны добавить две подсказки вверху страницы:

<link rel="dns-prefetch" href="https://dt.adsafeprotected.com">
<link rel="preconnect" href="https://dt.adsafeprotected.com">

В первой подсказке браузер просит DNS выполнить поиск источника. Второй просит браузер установить TCP-соединение. Preconnect выполняет все, что делает dns-prefetch, но не все браузеры поддерживают preconnect . Использование обоих советов позволяет получить максимальную производительность от максимально возможного количества браузеров

Обе эти подсказки дают браузеру преимущество перед ресурсами, о которых он не узнает иначе, до тех пор, пока не загрузится страница.

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

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...