【发布时间】：2021-02-07 01:06:11
【问题描述】：
我希望stackoverflow允许这个问题，
我正在为我继母的业务建立一个新网站（请记住，这仍在进行中），它在 chrome 和 firefox 中运行良好，但在 safari 中非常缓慢和滞后。
我已将网址发送给几个朋友，以确保它不是我的浏览器或机器。
似乎最慢的 2 个页面是“服务”页面和“常见问题解答”页面，我相当确定滑块不是问题，因为它们在空白页面中运行良好。目前还有很多未使用的 CSS，我将开始清理它们，但我认为这也不是问题（我可能是错的），因为其他页面似乎运行正常。
请记住，我是一个初学者，我并不是在寻找任何人来为我解决问题。我只是希望有人能指出我正确的方向。如果不允许此类问题，请告诉我，以便我删除。
【问题讨论】：
-
你能描述一下它感觉迟钝的方式吗？
-
@yfansong 当然，滚动时整个页面都会跳过，动画要么超级不稳定，要么根本不执行。
-
您的延迟问题是由您处理动画的方式引起的。当您滚动时，您会更改
translate等触发的每个滚动事件（每个像素移动都会触发）。例如，您在主背景上有 0.6 秒的延迟（滚动时向左移动的绿色形状）。当您由于滚动而每 0.1 秒更改一次平移时，您会排队等待所有重叠的动画负载，这会导致延迟。如果您限制滚动速率以匹配您的动画速度，它将解决问题。我会使用 0.3 秒的油门和 0.3 秒的动画来使其流畅。
标签： javascript performance debugging browser safari