NextJs 应用程序在 safari 上加载缓慢,但在 chrome 上加载正常,为什么?

问题描述 投票:0回答:1

我正在使用 nextjs 开发一个网络应用程序。我发现链接到页面(特别是主页,加载多个 svgs 和图像)会滞后,甚至在使用 safari 时不显示加载程序,但我对 chrome 上的性能感到满意。我看到有人提到 Sharp,我已经安装了。其他人提到开发时间较慢,但生产速度较快,但我的情况并非如此,因为我已经在这两种环境中进行了测试。任何见解将不胜感激,正如我所说,性能滞后似乎是 safari 特有的,因为我只发现在移动和桌面上的 safari 上体验它。

生产站点在这里:cloud9.atoffettidev.com

这里的 git 存储库: git 仓库

javascript reactjs next.js safari image-optimization
1个回答
0
投票

我将 safari 浏览器的性能影响范围缩小到在我的主页上导入大量 svgs。我将 svgs 作为带有 svg 语法的 React 组件导入,因此我将它们切换到 .svg 文件。然后我通过优化器/压缩器运行这些 .svg 文件,得到了很好的结果。现在,该应用程序在 chrome 和 safari 上的性能没有太大差异。

© www.soinside.com 2019 - 2024. All rights reserved.