CSS Sprite图片加载非常缓慢

Question

我正在测试我的网站，并且我的主要徽标和社交媒体图标都是CSS精灵图片加载速度非常慢，并且在显示之前等待整个网页加载。任何帮助将是伟大的！

主要是一个使用Firefox的问题。

Answer 1

这有没有与您的标志和精灵。

你见过你的总页面足迹吗？ 您目前正在提出109个请求，共计4.24MB！

原因：

这主要是由你似乎加载一个页面上你的整个投资组合，并显示使用JavaScript每个部分的事实引起的。相反，尝试分离内容和多个页面或使用AJAX即时加载内容。

使用Google Chrome内置开发者工具的Firebug工具来分析您的网站。它将帮助你获得更多的见解，知道你在做什么以及你应该做什么。

Answer 2

检查也：

http://developer.yahoo.com/yslow/ 使用的萤火虫插件之前，它是非常有用的。必须阅读Web性能最佳实践和规则。