Производительность сайта слишком низкая из-за аудиоплеера - JS

Question

Недавно я создал аудиоплеер для своего веб-сайта и загрузил его на действующий веб-сайт, но после этого производительность моего веб-сайта стала слишком низкой, если вы проверите производительность моего веб-сайта в google pagespeed insights, он вернется error из-за аудиоплеера, но если я удалю этот аудиоплеер, он покажет производительность моего сайта. Это почему? Есть ли способ улучшить парфоманс? Я действительно очень волнуюсь по этому поводу.

Ссылка на мой сайт: https://ifislam.com Пожалуйста, помогите мне

Answer 1

Мы обнаружили много проблем на вашем сайте, которые снижают его производительность:

• Минимизация перенаправлений
• Обслуживание масштабированных изображений
• Отложенный анализ JavaScript
• Оптимизация изображений
• Использование кэширования в браузере
• Добавление заголовков Expires
• Создание меньшего количества HTTP-запросов
• Использование сети доставки контента (CDN)
• Сокращение числа поисков DNS
• Сокращение JavaScript и CSS
• Использование доменов cook ie без

Answer 2

, как я вижу в Google Insights, ваш сайт не медленный из-за аудиоплеера, но неправильное время выполнения javascript (что влияет на выполнение основного потока) и большие размеры изображений. то, что вы можете сделать:

1. использовать ленивую загрузку для изображений (ленивая загрузка пакетов)
2. asyn c загрузка скриптов (используйте async defer для js скрипты)
3. попробуйте кэшировать ресурсы для быстрой перезагрузки после первого посещения