Как оптимизировать загрузку страницы с фреймом Youtube?
Работаю в сборке pug+webpack. Встроил на лендос (лендос большой) с Youtube. После этого страница стала грузиться 38 сек. 100% проблема в этом фрейме, т.к. без него вся страница на локалке на localhost грузится меньше, чем за секунду, а с фреймом 38 сек. Также если на странице оставить один фрейм - результат тот же. 38 сек.
Я так понимаю этот фрейм делает какие-то запросы куда то и пока не получит ответа страница висит в лоадинге. Можно это как то поправить?
Прикладываю скриншот с вкладки "Сеть", где виден этот запрос. Естественно без фрейма эта строка отсутствует
Дополнительно:
Советую к ознакомлению: https://youtu.be/4JS70KB9GS0.
https://github.com/paulirish/lite-youtube-embed/tr...
- что это?
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопрос
Для оптимизации загрузки страницы с фреймом Youtube можно использовать несколько подходов:
1. Ленивая загрузка: загрузка фрейма Youtube происходит только тогда, когда пользователь прокручивает страницу до места, где он находится. Это поможет уменьшить время загрузки страницы и улучшить производительность.
2. Оптимизация изображений: убедитесь, что изображения на странице оптимизированы и сжаты, чтобы уменьшить их размер и ускорить загрузку страницы.
3. Кэширование: используйте кэширование для статических ресурсов, таких как изображения, стили и скрипты, чтобы уменьшить количество запросов к серверу и ускорить загрузку страницы.
4. Уменьшение количества HTTP-запросов: объедините и минифицируйте CSS и JavaScript файлы, чтобы уменьшить количество HTTP-запросов и ускорить загрузку страницы.
5. Использование CDN: используйте CDN (Content Delivery Network) для доставки контента, такого как изображения, видео и другие статические ресурсы, ближе к пользователям, что ускорит загрузку страницы.
6. Оптимизация сервера: убедитесь, что ваш сервер настроен правильно и имеет достаточные ресурсы для обработки запросов быстро и эффективно.
7. Уменьшение размера видео: если возможно, используйте более низкое качество видео или оптимизируйте его для веба, чтобы уменьшить размер файла и ускорить загрузку.
С помощью этих методов вы сможете оптимизировать загрузку страницы с фреймом Youtube и улучшить пользовательский опыт.