6

我们构建了所谓的单页 Web 应用程序（单个 html 页面 + ajax）
为了尽可能减少 http 调用，我们将 JS 和 CSS 捆绑在 2 个文件中。

同时，我们查看了 Google Buzz for mobile 的构建方式，其中有一些有趣的点：

  • 内联脚本和样式
  • 没有外部 JS 和 CSS
  • 数据：CSS 中的图像而不是 url(...)

因此，我们更进一步，在 SCRIPT 和 STYLE 标记中“内联”了 2 个 JS 和 CSS 文件。删除 2 个宝贵的 http 调用。

有人在桌面浏览器上遇到过一些麻烦吗？

我并不是要就不显眼展开一场宗教辩论；）它是关于性能、网络延迟、移动页面等......

4

6 回答 6

4

这里值得注意的是，当发生冲突时，内联 CSS <style/> 会阻止 trump 链接的 CSS 文件。

例如

<style type="text/css">
  div .whiteBG {
    background-color: #fff;
  }
</style>

胜过一个链接的 CSS 文件，其中包含

  div .whiteBG {
    background-color: #ccc;
  }

即使链接的文件最后被调用。

于 2010-02-24T17:31:14.350 回答
2

绝不。将它们放在 html 头中，以便它们首先加载并且不要担心。

于 2010-02-24T17:01:28.090 回答
2

几乎没有人需要处理谷歌的流量。我会说几乎不值得追随 Google 在优化方面的领先地位，因为它们只是不适用于现实世界。

于 2010-02-24T17:09:58.903 回答
0

内联和链接的 CSS 和脚本文件是等效的。除了 HTTP 获取之外，没有其他区别。

于 2010-02-24T17:01:25.877 回答
0

性能是您目前遇到的问题吗？Google 为支持 100ks 的并发用户所做的事情并不一定是您应该做的事情。我发现当 CSS 和 JavaScript 等内容保存在单独的包含文件中时，维护代码要容易得多。只有在有令人信服的理由时，我才会打破我认为的良好编码实践。很难想象一个单页应用程序会被两个包含文件的流量杀死，这些文件将在首次使用后被用户浏览器缓存。

于 2010-02-24T17:06:43.650 回答
0

我认为您忽略了这样一个事实，即没有人真正使用 Google Buzz 或 Gmail 等系统对您看到的输出进行编码。他们依赖于一个非常复杂的系统，该系统基于 Python 和 C 来编译源代码，并使其对他们拥有的本土“推送”系统非常友好。

我认为您不应该像多个请求那样关注输出，我认为该问题完全次要于能够构建和部署您的应用程序。稍后专注于将所有 JS 和 CSS 放在头脑中，因为这可以在部署时务实地完成。

于 2010-02-24T17:37:41.763 回答