【发布时间】：2021-03-05 18:49:10
【问题描述】：
我正在尝试使用我购买的主题构建一个 Wordpress 网站，不幸的是，主题的制造商似乎没有回应任何支持请求。
创建几个页面后，我注意到 Safari 的性能比任何其他浏览器都要差。我在几台电脑和几个版本的 macOS 上对此进行了测试。
示例页面是https://sochacki.info/proj/nepal-manaslu-circuit/
我意识到网站上的照片很大（每张 4000 像素），但这正是我想要的。我对页面加载速度和画廊在 Chrome、Firefox 或 Opera 中的工作方式感到满意。当你点击一张图片时，它会加载 PhotoSwipe JavaScript 画廊，这样你就可以看到它们的全尺寸，然后你也可以点击右上角的全屏，或者离开 PhotoSwipe 查看器。照片之间的切换、全屏显示或离开 PhotoSwipe 都是即时的。
但是，当我在 Safari 中加载同一页面时，单击照片后的任何操作都很慢。在照片之间切换，全屏，离开全屏。这一切都需要一秒钟或几秒钟。我还可以在 Activity Monitor 中看到 CPU 在 Safari 中的使用率更高。
我尝试了几件事：
-
我使用的主题使用同一作者制作的自定义插件来创建这些画廊，放置照片，其中包含 PhotoSwipe 文件。这些文件落后一个版本（4.1.2 而不是最新的 4.1.3），所以我更新了它们，但性能问题是相同的。
-
我安装了其他一些使用 PhotoSwipe 显示照片的画廊插件，它们没有性能问题，所以我没有将其归咎于 PhotoSwipe，可能是插件的其他部分导致了问题。
我没有真正的 JS 或 Web 开发经验，有什么工具可以帮助我找出导致性能下降的原因吗？
【问题讨论】：
标签： javascript wordpress safari photoswipe