CSS Sprite图像加载速度极慢

Question

我正在测试我的网站，我的主要徽标和社交媒体图标是CSS精灵图像，加载速度很慢，等待整个网页在显示之前加载。任何帮助都会很棒！

主要是使用firefox的问题。

Answer 1

这与你的徽标和精灵有 nothing 。

您是否看到了总页面覆盖面？ 您目前正在提出109个请求，总计4.24MB！

原因：

这主要是因为您似乎将整个投资组合加载到一个页面上并使用JavaScript显示每个部分。相反，尝试分离内容和多个页面或使用AJAX即时加载内容。

使用Firebug of Google Chrome内置开发者工具等工具来分析您的网站。它将帮助您更深入地了解您正在做什么以及您应该做什么。

Answer 2

同时检查：

http://developer.yahoo.com/yslow/ 之前使用过firebug插件，它非常有用。 网络性能最佳实践和规则是必读的。