Блог

Я проверил страницы «http://www.briddles.com/riddle/9-bodmas?l=333»

Большинство из них-сторонние организации. Как я могу это засеять ?

Я вижу там 3 важные группы:

1. YouTube
2. Google Реклама или аналитика
3. Facebook

Вот что я бы сделал:

• 1. Я вижу, что проигрыватель YouTube по умолчанию скрыт, я бы зарезервировал немного места для проигрывателя (возможно, с легким заполнителем) и добавлял iframe только тогда, когда пользователь нажимает «просмотреть ответ». Этот lite-youtube веб-компонент является потрясающим и может вам помочь. Поверьте мне.
• 2. Обычно реклама в Google — это не то, от чего вы хотите избавиться. Я бы просто позаботился о том, чтобы загрузить эти сценарии async по крайней мере с атрибутом.
• 3. Для комментариев в facebook я представляю 3 подхода:
  • 3.1. Визуализируйте заполнитель с кнопкой «Просмотреть комментарии» или что-то в этом роде и извлекайте сценарии только тогда, когда пользователь нажимает эту кнопку.
  • 3.2. Используйте API Intersection Observer, чтобы, когда появится раздел комментариев, извлекать сценарии и визуализировать. (Вам придется зарезервировать немного места, чтобы избежать CLS).
  • 3.3. Удалите раздел комментариев (если он почти не используется) или используйте другого поставщика, оптимизированного для веб-приложений. Я не знаю, какой именно, но это все еще вариант.

Дополнительные рекомендации:

• Основное изображение слишком тяжелое для мобильных пользователей, попробуйте использовать адаптивное изображение, сожмите изображение и выберите более легкий формат, например webp , для браузеров, которые его поддерживают. Более подробная информация об оптимизации изображений здесь.
• Уменьшите количество используемых шрифтов и, если возможно, разместите их самостоятельно и используйте CDN. Шрифты Google практичны, но размещение ваших шрифтов лучше для производительности.