大流量网站,CSS为什么直接写在页面里?

本期 前端交流会 ,虽然讨论的主题是《Web在重构中的文件组织》。
但获益最深的是 克军 给延伸解释了style放在页面内的原因。

我对这方面一直有疑惑,为此专门请教了一下,如果仅仅是“减少并发连接数”,有必要这样做吗?
果然,这样做的优点不单单如此。

没有做笔记,大概印象如下:

这是应付超大流量的一种优化方案。
为提高速度,他们的外部连接文件一般都存储在单独的服务器上,例如img.****.com,如果这个服务器挂掉,整个首页就挂掉了。放在页面内,比较安全。用户访问页面时,不会因为CSS加载不上,而造成裸页面。

那这样做是不是增加了维护的成本?如果写在页面上,不便于修改和管理。

他有可能是单独的css文件。在头部用include包含一个php文件,而这个php文件负责生成css文件。
实际上还是在维护一个单独的样式表。只是放上去的时候合并到一起。不会增加维护成本。

用PHP把CSS调用到页面中,服务器也否也有开销?

缓掉,首页缓存成静态页。

17 条评论 《大流量网站,CSS为什么直接写在页面里?》

  1. :lol: 看不懂啥意思。

    回复

  2. 还有一个原因,有利于FEED输出中保留原文格式

    回复

    GravatarLouis Han Reply:

    大网站提供feed输出的还真不多啊

  3. :-D 我一直都有这个疑问,呵呵

    回复

  4. include php文件.跟css直接写还是有些差别的吧?程序不是太懂.
    从zac哪里又来回访了.百度Google双冠王,其实指日可待.我对此信心很足.

    回复

  5. 你好崔哥,请这样技术如何实现呢?特别需要这样解决方案。请回访:http://www.765y.com/
    我的QQ:512790919

    回复

    Gravatarcuikai Reply:

    765y.com 的 alexa rank 排名刚到3045276,没必要这么做,直接内链样式表就行了。

    解决方案可以参照 news.163.com 、www.qq.com

  6. 学习啦。呵呵。

    回复

  7. 那不同页面不就不能共享样式表文件了吗?反而性能更低呢

    回复

    Gravatarpengkai Reply:

    大网站一般都是分频道的。首页流量大,然后就分道扬镳了。

  8. 我也一直不明白,像谷歌首页,连换行都没有的直接写样式.

    回复

    Gravatar Reply:

    那是将样式压缩了。。

  9. 貌似不错的样子、、、
    直接放在html中?。。如果很多的话,那不是文件也很大?

    回复

  10. 明白了!多谢

    回复

  11. 后面一部分不太清楚什么意思。
    “首页缓存成静态页”不太明白如何实现?

    回复

    Gravatar崔凯 Reply:

    可以搜索一下“PHP 静态页面缓存”之类的关键字

  12. 你说的这种我用过,
    我现在疑问的是TAOBAO首页的做法,
    这种是怎么实现的,有什么意义。。。看着像是请求一个PHP页面返回值?

    回复

发表评论 (无需注册)

支持CTRL+ENTER快捷提交
崔凯博客
Powered by WordPress | Theme by ck web design | TOP 顶部
Copyright © 崔凯博客 All rights reserved. 京ICP备09029324号.