在iPad Air 2上分析前端性能问题的策略

Question

​

​

另一个奇怪的时间线事件，它甚至在超过5秒内没有发出网络请求

​

​

在重新加载此页面时，我在使用Safari的iPad Air 2上有一个性能问题

http://demo.phppointofsalestaging.com/slow.html

第一次的速度相当快，但是第一次加载后的刷新速度很慢。(5-10秒)而且不是每次都发生。这不是一个网络问题，因为我在本地网络上尝试了同样的结果。

这也不是服务器端的性能问题，因为上面的url只是一个静态的html文件。

它似乎也不是一个CSS问题，好像我删除了所有的CSS，它仍然是缓慢的。

到目前为止，我尝试的是删除js文件1到1，看看这是否有帮助。由于问题的随机性，而且它只发生在iPad上，因此很难将其缩小。

另外，我知道我的CSS和js没有联系或缩小，因为我们仍然在进行积极的开发。

如果我删除所有的js，它是快速的。

我们使用第三方脚本；但是由于这个问题不在桌面上发生，所以很难使用分析工具。

我正在寻找在iPad Air 2上配置的任何方法

我运行的是iOS 9.1，但这也发生在8上。

有趣的注意:点击刷新图标是缓慢的，但不点击url，然后再去。

Answer 1

您不能在与文档开头不同的其他地方使用@import规则，这就是问题所在。

关于MDN @@规则：

@ import CSS at-允许从其他样式表导入样式规则。这些规则必须先于所有其他类型的规则，但@charset rules除外；因为它不是嵌套语句，所以它不能在条件组at-rules中使用。