Javascript 是什么让我的网站在safari中变慢了?
我希望这个问题在stackoverflow上被允许 我正在为我继母的业务建立一个新的网站(请记住这仍然是一个正在进行的工作),它在chrome和firefox中运行良好,但在safari中运行非常缓慢和滞后 我已经把这个url发给了几个朋友,只是为了确保它不是我的浏览器或机器 看起来最慢的两个页面是“服务”页面和“常见问题解答”页面,我相当确定滑块不是问题所在,因为它们在空白页面中运行得很好。目前还有很多未使用的CSS,我将着手清理,但我认为这也不是问题所在(我可能错了),因为其他页面似乎运行正常 请记住,我是个初学者,我不想找任何人帮我解决这个问题。我只是希望有人能给我指出正确的方向。如果这类问题是不允许的,请让我知道,这样我就可以删除它Javascript 是什么让我的网站在safari中变慢了?,javascript,performance,debugging,browser,safari,Javascript,Performance,Debugging,Browser,Safari,我希望这个问题在stackoverflow上被允许 我正在为我继母的业务建立一个新的网站(请记住这仍然是一个正在进行的工作),它在chrome和firefox中运行良好,但在safari中运行非常缓慢和滞后 我已经把这个url发给了几个朋友,只是为了确保它不是我的浏览器或机器 看起来最慢的两个页面是“服务”页面和“常见问题解答”页面,我相当确定滑块不是问题所在,因为它们在空白页面中运行得很好。目前还有很多未使用的CSS,我将着手清理,但我认为这也不是问题所在(我可能错了),因为其他页面似乎运行正
感谢高级=)发生这种情况的原因有两个:
你能描述一下它感觉滞后的方式吗?看到了吗 — 简言之:没有。@yifansong当然,当你滚动时,整个页面都会跳过,动画要么是超级混乱,要么根本不执行。你的延迟问题是由你如何处理动画造成的。滚动时,针对每个触发的滚动事件(针对每个像素移动触发)更改
translate
等。例如,主背景上的延迟为0.6秒(滚动时向左移动的绿色形状)。当您由于滚动而每0.1秒更改一次“平移”时,将出现大量动画,所有动画重叠,这将导致延迟。如果您调节滚动速率以匹配动画速度,则会解决此问题。我会用0.3s的油门和0.3s的动画使它平滑。