javascript - Bootstrap 在 Django 中异常缓慢(40 秒以上): Why?

Question

当然，页面加载时间超过 30 秒是不正常的吗？我在我的本地主机上运行一个 Django 应用程序，在我用一些 Bootstrap 代码修改它之前它运行得很快。我是 bootstrap 和 Django 的新手，所以这就是我所做的，以防我犯了一个导致速度变慢的错误。

1.) 我右键单击此页面并选择“查看页面源代码”，然后将所有 html 复制到我的 Django 应用程序中； http://getbootstrap.com/examples/carousel/

2.) 接下来，我单击“查看页面源代码”html 上的所有 css 和 js 链接，并将它们复制到 Django 静态文件夹中的 css 和 js 文件夹中。

3.) 接下来，我在 Django 中执行了一个 collectstatic 命令，将新的 css 和 js 加载到我的 Assets 文件夹中。

网站现在显示正常(看起来很棒)，但加载需要 30 秒到 1 分钟!!在几乎整个加载期间，它都会在屏幕右下方显示“正在查找 css”。

我一定是做错了什么？是否需要复制整个 css 和 js 文件，还是只复制部分？

也许我应该链接到 bootstrap/dist 文件夹中的 css 和 js，但我认为 Django 中的最佳实践是将静态文件夹用于此类事情？

Answer 1

一个好的第一步分析方法可能是。使用您的浏览器开发人员工具来分析瓶颈。例如，对于 chrome，按 ctrl+shift+i 在 Windows 上打开它们。选择网络并重新加载您的页面。您应该看到每个资源的线路和加载速度(时间)，包括 css 和 js 文件、图像等。

也许一个外部链接文件需要很长时间，但你会看到。

了解更多信息，例如对于 chrome 开发工具，请参见此处 chrome dev tools