由于音频播放器 - JS，网站性能太低

Question

最近，我为我的网站创建了音频播放器，并将其上传到实时网站，但之后我的网站性能变得太低，如果您检查我网站的性能，它会因为音频播放器而返回，但如果我删除google pagespeed insights该error音频播放器，然后它显示了我的网站的性能。这是为什么？有什么方法可以提高性能吗？我真的很担心这个。

Answer 1

我们在您的网站上发现了许多导致其性能下降的问题：

• 最小化重定向

• 提供缩放图像

• 推迟 JavaScript 的解析

• 优化图像

• 利用浏览器缓存

• 添加过期标头

• 减少 HTTP 请求

• 使用内容分发网络 (CDN)

• 减少 DNS 查找

• 缩小 JavaScript 和 CSS

• 使用无 cookie 的域

Answer 2

正如我在谷歌洞察中看到的那样，您的网站速度并不慢，因为音频播放器，而是JavaScript的错误执行时间（这会影响主线程执行）和大尺寸的图像。你能做的是：

1. 对图像使用延迟加载（延迟加载包）

2. 异步加载脚本（用于async deferjs脚本）

3. 尝试缓存资源以便在首次访问后快速重新加载