iPhone/Android第一次加载页面需要花费很长时间

Question

我有一个用C#/Razor/MVC4编写的简单站点，里面有很多第三方JavaScript库( jQuery，jQuery JavaScript，Google Charts，Modernizr等等)。该站点支持桌面和移动客户端(通过.Mobile.cshtml命名约定)。

当我将我的项目部署到IIS框中并使用桌面浏览器(Chrome/IE)点击它时，页面立即出现。如果我使用移动设备(例如iPhone)点击它，页面加载需要很长时间。但只有第一次，在那之后，所有的页面加载都非常快。

我分析了数据库结果不是这样的。所以它必须是客户端的。有没有人能提点建议呢？

Answer 1

如果你有一部安装了Chrome浏览器的安卓手机，你可以使用Chrome远程调试。请看这里的说明：https://developers.google.com/chrome/mobile/docs/debugging这应该允许你检查时间线。也许你能在那里找到更多线索。

如果您可以访问MacOS设备，那么您还可以尝试Safari Remote device ：first search result并检查时间线/控制台。JS代码中的一些console.log调用可能会有所帮助。

从你对我的描述来看，听起来像是

• 要么是移动设备在缓存page+resources，这需要很长时间
• 要么是从MVC4自动生成视图需要一些时间初始化

您应该能够通过将桌面浏览器上的用户代理更改为模拟Chrome/Safari Mobile来验证第二个假设。这应该会触发MVC4移动时代，如果这就是问题所在，那么在桌面浏览器上也应该需要1分钟。