网站优化- css和图像

Question

我正在优化一个高流量的网站。我正在工作的网站有很多小部件-比如说20个左右，默认情况下只有7个是加载的。我正在考虑分离我的css和图像精灵，以便更快地加载默认窗口小部件。

对于其余的非默认小部件，我正在考虑为每个小部件创建一个单独的css文件和图像精灵。这样，当用户选择非默认小部件时，我可以动态地为该特定小部件注入CSS文件。

我的问题是-你认为这样做是可以的，还是对优化来说可能更糟，因为我现在会有更多的HTTP请求，因为非默认的小部件将有自己的css和图像雪碧图文件？显然，现在的文件大小也会减小。

有什么想法？或者其他解决过同样问题的人？

Answer 1

你认为这样做是可以的，还是对优化来说可能更糟，因为我现在会有更多的HTTP请求，因为非默认的小部件将有自己的css和图像雪碧图文件？

好吧，归根结底，这取决于数学，只有你才能回答:)这将取决于实际的数字是什么样子。

根据您的描述，将默认窗口小部件的精灵保存在一个文件中听起来很明显。

至于非默认小部件，如果您有技术手段，可以尝试分析您的使用统计数据。哪些非默认小部件的使用率最高？是否有一些在请求方面从其他人中脱颖而出？然后使用所有必要的精灵构建一个镜像，并为其他镜像保留单独的镜像。

还要考虑成本效益比是否真的很好。从长远来看，设计和使用CSS精灵会增加维护成本，因为更新图形变得比以前更加困难。现在，减少请求的数量是一个非常重要的优化技术，但还有其他因素。也许不使用精灵节省的时间和金钱可以更好地用在其他地方，比如提高网站的可用性或为服务器购买新的RAM。