代码之家  ›  专栏  ›  技术社区  ›  DLS

网站优化-CSS和图像

  •  0
  • DLS  · 技术社区  · 15 年前

    我正在优化一个高流量站点。我正在工作的站点有许多小部件——比如20个左右,默认情况下只有7个加载。我正在考虑分离我的CSS和图像精灵,以加快默认小部件的加载时间。

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

    我的问题是-你认为这是可以做的,还是可能更糟的优化,因为我会有更多的HTTP请求,因为非默认的小部件将有自己的CSS和图像精灵文件?显然,现在的文件大小也会减少。

    思想?或者其他解决同样问题的人?

    1 回复  |  直到 15 年前
        1
  •  2
  •   Pekka    15 年前

    您认为这是可以做的,还是可能对优化更糟,因为现在我将有更多的HTTP请求,因为非默认的小部件将有自己的CSS和图像精灵文件?

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

    将默认小部件的精灵保存在一个文件中,从您描述的内容来看,这听起来很明显。

    对于非默认的小部件,如果您有技术手段可以这样做,您可以尝试分析您的使用统计信息。使用最多的是哪个非默认小工具?在请求方面,是否有一些在其他方面脱颖而出?然后用所有必要的精灵为它们构建一个图像,并为其余的部分保留单独的图像。

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