Javascript 检查此web优化报告-如何修复它？

大家好，我运行了分析仪，发现了一些问题，最突出的问题如下：

所有对象-警告！这个页面上的对象总数是93个，这些对象的数量将主导网页延迟。考虑把这个减少到一个更合理的数字。超过每页20个对象处理实际对象描述时间和等待时间的开销占整个页面延迟的80%以上。有关对象开销如何支配网页延迟的更多详细信息，请参见图II-3：延迟组件的相对分布，该分布显示了“网站优化机密”中的对象开销支配网页延迟。组合、优化和优化外部对象。将图形滚动替换为CSS滚动，以加快显示速度并最小化HTTP请求。考虑使用CSS精灵来帮助巩固装饰图像。使用CSS技术，如彩色背景、边框或间距，而不是图形技术，可以减少HTTP请求。用CSS文本头替换图形文本头，以进一步减少HTTP请求。最后，考虑通过使用不同的主机名或CDN来优化并行下载以减少对象开销。 图片总数-警告！这个页面上的图像总数是85，考虑把这个减少到一个更合理的数字。建议组合、替换和优化图形。将图形滚动菜单替换为CSS滚动菜单，以加快显示速度并最小化HTTP请求。考虑使用CSS精灵来帮助巩固装饰图像。使用CSS技术，如彩色背景、边框或间距，而不是图形技术来减少HTTP请求。用CSS文本头替换图形文本头，以进一步减少HTTP请求。最后，考虑使用不同的主机名优化并行下载以减少对象开销。 问题是提到的85张图片都是在我的css文件中引用的-我不知道怎么做，但我想把这个数字降下来-但是我确实需要在我的网站的某个点上所有这些文件

任何进一步优化的想法

---

另外，我的javascript文件即使经过最大压缩也高达150K——我已经没有办法减少开销，可能会提出一些建议。

你可以将CSS文件分割成不同的文件，以获得不那么多的图像。 javascript文件也是如此。你真的需要每个页面都有150K的javascript吗？ 将其重构为不同的文件，只包含您需要的内容。

您可以用于图像，例如菜单滚动或图标。这有两个好处：

多个页面共用的精灵图像允许浏览器缓存精灵图像，从而减少站点其他页面上的后续下载。 spring映像通过减少服务器发送和接收的请求数量来减少服务器负载，因为许多映像可以组合成一个较大的映像。 你说过你的JavaScript被压缩到了最大程度——但是，你的页面需要所有这些吗？或者可以分成几页？此外，脚本中是否有不必要的或可以减少的部分，例如，通过使用包装函数来完成脚本中通常执行的任务。一个简单的例子是使用Prototype-esque$函数代替document.getElementById，如果多次调用该函数，可以显著减小JavaScript的大小

---

此外，正如报告所建议的，如果可以，请使用样式化文本而不是表示样式化文本的图像。当然，这并不适用于所有情况。

还要看看图像是什么。我看到的一个共同点是不同的导航背景图片——一个是“家”，另一个是“关于我们”，等等

---

您可以将这些内容组合成一个空白背景图像，并在顶部写入文本。

关于您的JS文件，您可以在发布版本中删除回车符，缩小并将所有内部变量和方法更改为1或2个字符的名称和/或gzip。JQuery使用这些技术；生产版本是19K，而开发版本是120K，节省了80%以上。

我尝试过，但希望有一个css文件，以减少http请求。css中的图像都来自外部css库，我已经将它们组合在一起，比如jQueryUI和facebox库。这与您想要做的相反。显然，您希望将所有JavaScript和CSS压缩到一个文件中，因为这样您只发送一次，因为浏览器会缓存它。否则，浏览器必须缓存每个文件。对不起，-1.我记得有一个项目，所有Javascript内容都压缩在一个10MB的文件中。对于登录页面，只有user和passwd用户必须下载10MB。在登录页面上几乎没有使用这些内容。切分为不同的文件是性能差的解决方案。另一方面 当然，缓存可以处理多个CSS文件，这样就没有问题了。对不起，但我仍然坚持我的观点，我不希望所有的文件都在一个文件中，不仅是因为这个原因，还有一些其他原因。例如，可维护性。