我开始优化我一直在努力提高速度的网站,使用缩小的 JS、没有注释的 CSS 等。
我正在使用 chromes 开发人员工具 - 网络选项卡 - 来估计加载时间并发现任何错误。在这里,我注意到两个图像文件的两个 404 未找到错误:ajax-loader.gif 和 black.png。
在谷歌快速搜索后,我发现了一个“ajax-loader.gif”生成器,其中包含不同版本的标准风车装载机。我已经生成了一个并将其包含在我的文件中,它现在加载得很好。但是什么初始化了这个 gif?我的 jquery 加载都没有那么慢以至于需要它。那么这个图像实际上是如何被加载的,或者更确切地说它是什么时候出现的呢?jquery 会自己启动它吗?
此外,我还有 black.png。我找不到关于这个文件的任何相关材料,很明显 jaquery.min.js 正在启动它。我正在使用 google 的 api 链接到 jquery 库。black.png 有什么作用?
这是一个屏幕截图...
你也可以在那里看到 ajaxloader.gif,在我生成并上传之后现在可以工作了。在我这样做之前,它 404 就像 black.png 显然是因为它不存在,并且花费了类似的 220 毫秒延迟,现在因为它可以找到文件而减少了。
总而言之,它们的作用是什么,它们何时出现,以及 black.png 实际上是什么?