如何确定哪个特定文件正在呈现页面

时间:2016-05-27 13:49:23

标签: google-chrome-devtools page-load-time

我正在尝试为客户编辑Livemesh开发的FitPro主题。该网站的页面加载速度很慢,我试图找到所有CSS和Javascript的调用位置,以便我可以优化上面的内容。

当使用chrome工具时,我会在sources选项卡中看到这发生了什么,它引用了“(index)”,我认为这只是一个名称chrome正在提供已呈现内容的文件?

我如何具体确定它是什么文件?因为我找不到它。标题,索引,首页......它们都只是引用我没有进行大规模搜索而无法找到的功能(现在下载内容以便我可以这样做),但这似乎是背后真正的痛苦。

有没有更好的方法来了解要查找的文件?

2 个答案:

答案 0 :(得分:0)

(index)是Chrome在您未在网址中指定索引时访问应用程序时用于文件名的内容,例如如果您运行的是http://localhost/myapp而不是http://localhost/myapp/index.html

您需要找到真实的索引,它可能是静态的或服务器脚本,它会在服务器上呈现内容并将其输出到页面。

答案 1 :(得分:0)

(index)表示我们不知道命令在控制台中的来源。这可能是由于使用eval之类的东西,它创建了一个独立于页面本身的新线程上下文。

这意味着,你需要做一些真实的调查来弄清楚事物的来源,因为你正在寻找的东西完全取决于发生的事情。因此,在您的代码集debugger语句中,您可以认为问题来自哪里,并了解代码正在执行的操作。

对于CSS,这可能意味着样式源自HTML中的<style>元素,在这种情况下,它来自页面的“索引文件”。这就是给定资源的HTML文件。