Safari 比其他浏览器慢得多

问题描述

我正在尝试使用我购买的主题构建一个 wordpress 网站,不幸的是,该主题的制造商似乎没有响应任何支持请求。

创建几个页面后,我注意到 Safari 的性能比任何其他浏览器都要差。我在几台计算机和几个版本的 macOS 上对此进行了测试。

示例页面https://sochacki.info/proj/nepal-manaslu-circuit/

我意识到网站上的照片很大(每张 4000 像素),但这正是我想要的。我对页面加载速度和图库在 Chrome、Firefox 或 Opera 中的工作方式感到满意。当您单击图片时,它会加载 photoswipe JavaScript 库,以便您可以以全尺寸查看它们,然后您还可以单击右上角以全屏显示,或离开 photoswipe 查看器。在照片之间切换、全屏或离开 photoswipe 都是即时的。

但是,当我在 Safari 中加载同一页面时,单击照片后的任何操作都很慢。在照片之间切换,全屏,离开全屏。这一切都需要一秒钟或几秒钟。我还可以在 Activity Monitor 中看到 cpu 在 Safari 中的使用率更高。

我尝试了几件事:

我没有真正的 JS 或 Web 开发经验,有什么工具可以帮助我找到导致性能下降的原因吗?

解决方法

我检查了网站速度 - 我可以看到主题加载时间没问题。但正如您已经提到的,照片尺寸真的很不幸,正如我们在谷歌页面洞察中看到的那样 (https://developers.google.com/speed/pagespeed/insights/?hl=de&url=https%3A%2F%2Fsochacki.info%2Fproj%2Fnepal-manaslu-circuit%2F)

尝试在普通视图中调整照片大小(不是 HeightxWidth > kB)