61,116
社区成员
发帖
与我相关
我的任务
分享为什么像腾讯首页、淘宝首页CSS都是内嵌的
为什么像腾讯首页、淘宝首页CSS都是内嵌的？大家可以看看他们首页的源代码，内嵌CSS样式在每次访问的时候不是都要下载下来吗？为什么不外联CSS样式表啊？
...全文
请发表友善的回复…
发表回复
落雨_ 2011-08-18
- 打赏
- 举报
长见识了！！！！刚才还在百度发知道，这就查到了！！厉害厉害！！我今天终于知道了为什么像京东，百度，腾讯首页、淘宝首页这些个大网站CSS都是内嵌的，而不是link的。1，因为不会因为网速慢下载不到.css而使得html页面悲催，就像新浪和csdn，有时候页面就悲催的招呼不住 2是因为少一个.css链接就少一个服务器请求，因为好多js也是内嵌了 3.不担心seo优化是因为他们暂时确实不需要seo优化。
wooser 2011-07-27
- 打赏
- 举报
[Quote=引用 7 楼 bhbhxy 的回复:]
引用 6 楼 brothercat 的回复:
<!--#include file="xx.css"-->
？？
这个应该没可能。。。
这些门户写在首页，主要是出于首页样式多数与其它页面不同考虑的。当然，这也不是好习惯。
这样写的效果与直接写在首页的效果是一样的
出来的也是
<style>
......
</style>
这种格式的代码
相当于把这一段代码提取出来放在……
[/Quote]
这么写跟直接写在网页里还是不同的，起码便于维护。
是不是用@import导入的呢
引用 6 楼 brothercat 的回复:
<!--#include file="xx.css"-->
？？
这个应该没可能。。。
这些门户写在首页，主要是出于首页样式多数与其它页面不同考虑的。当然，这也不是好习惯。
这样写的效果与直接写在首页的效果是一样的
出来的也是
<style>
......
</style>
这种格式的代码
相当于把这一段代码提取出来放在……
[/Quote]
这么写跟直接写在网页里还是不同的，起码便于维护。
是不是用@import导入的呢
newing6 2011-01-10
- 打赏
- 举报
FireBug[网络]选项里时间线告诉我们，打开一个网页:
首先得到响应的是页面，即是所有的html代码。
然后是自顶向下，一个一个加载外链的css或js文件。
之后是img图片，再之后是iframe等外部http接求。
（上下层之间存在着并发）。
1.因为外链css和js确实也是一个http请求，所以说减少了请求，这是真的。但是加载图片也是http请求，首页N多的广告图片，还再乎多一个http请求？如果说是给出于给服务器减负的目的，那大型门户穷到增设一个服务器都不行？如果说外服务器的访问没有内服务器快，那么有个东西叫局域网!两服务器可以设在同一局域网内。
总结，减少http请求确有其事，但这个绝对不是目的！
2.因为响应的页面在css之前，那么说为了避免出现未加载css而出现混乱页面，这个也是存在的。(我又要但是了- -!!)因为存在着并发，如果把主要的css写在次要css和js之前，那么在接收html代码的同时，主要的css已经处于加载状态。除非css的响应时间+数据接收时间远高于html的数据接收时间，一般就算是慢几ms,几十ms也不是人的反应能力能感觉的出来的（另外，css在缓存的情况下没有数据接收时间，基本上这里的响应时间会远小于html的数据接收时间,这样不但不慢，甚至会快几百ms）。
总结，未加载css而出现混乱页面，这个也是确有其事，但这个也绝对不是目的！
个人认为，真正的目的是出于可维护性的考虑。与技术，与性能无关。
首先得到响应的是页面，即是所有的html代码。
然后是自顶向下，一个一个加载外链的css或js文件。
之后是img图片，再之后是iframe等外部http接求。
（上下层之间存在着并发）。
1.因为外链css和js确实也是一个http请求，所以说减少了请求，这是真的。但是加载图片也是http请求，首页N多的广告图片，还再乎多一个http请求？如果说是给出于给服务器减负的目的，那大型门户穷到增设一个服务器都不行？如果说外服务器的访问没有内服务器快，那么有个东西叫局域网!两服务器可以设在同一局域网内。
总结，减少http请求确有其事，但这个绝对不是目的！
2.因为响应的页面在css之前，那么说为了避免出现未加载css而出现混乱页面，这个也是存在的。(我又要但是了- -!!)因为存在着并发，如果把主要的css写在次要css和js之前，那么在接收html代码的同时，主要的css已经处于加载状态。除非css的响应时间+数据接收时间远高于html的数据接收时间，一般就算是慢几ms,几十ms也不是人的反应能力能感觉的出来的（另外，css在缓存的情况下没有数据接收时间，基本上这里的响应时间会远小于html的数据接收时间,这样不但不慢，甚至会快几百ms）。
总结，未加载css而出现混乱页面，这个也是确有其事，但这个也绝对不是目的！
个人认为，真正的目的是出于可维护性的考虑。与技术，与性能无关。
xcf007 2010-08-27
- 打赏
- 举报
[Quote=引用 204 楼 flora8113 的回复:]
引用 18 楼 hskire 的回复:
如果用link来导入CSS，当网速慢的时候会导致页面错乱（没CSS了能不乱吗）
放在本页中保证不会发生这个问题
你说错了哦。用link的话(链接)是先加载css文件，在加载html，所以就算网速慢，也不会有什么页面错乱的情况。这种因为网速慢而又错乱是用“导入的方式”css文件才会有的。
嘿嘿，根据偶的知识，觉得还是各楼说得“减少请求……
[/Quote]
老兄说的，是
@import url(global.css);
方式？
引用 18 楼 hskire 的回复:
如果用link来导入CSS，当网速慢的时候会导致页面错乱（没CSS了能不乱吗）
放在本页中保证不会发生这个问题
你说错了哦。用link的话(链接)是先加载css文件，在加载html，所以就算网速慢，也不会有什么页面错乱的情况。这种因为网速慢而又错乱是用“导入的方式”css文件才会有的。
嘿嘿，根据偶的知识，觉得还是各楼说得“减少请求……
[/Quote]
老兄说的，是
@import url(global.css);
方式？
xcf007 2010-08-27
- 打赏
- 举报
减少对服务器的连接~
代码应该把多余空格缩进删除了吧，min压缩？
性能考虑吧，比较人家那访问量很高~
代码应该把多余空格缩进删除了吧，min压缩？
性能考虑吧，比较人家那访问量很高~
sergy 2010-08-19
- 打赏
- 举报
呵呵，刚把腾讯主页下载下来了，正在学习呢！多谢楼主提醒！
jellday 2010-08-19
- 打赏
- 举报
学习了
flora8113 2010-08-03
- 打赏
- 举报
[Quote=引用 18 楼 hskire 的回复:]
如果用link来导入CSS，当网速慢的时候会导致页面错乱（没CSS了能不乱吗）
放在本页中保证不会发生这个问题
[/Quote]
你说错了哦。用link的话(链接)是先加载css文件，在加载html，所以就算网速慢，也不会有什么页面错乱的情况。这种因为网速慢而又错乱是用“导入的方式”css文件才会有的。
嘿嘿，根据偶的知识，觉得还是各楼说得“减少请求次数，加快速度”靠谱
如果用link来导入CSS，当网速慢的时候会导致页面错乱（没CSS了能不乱吗）
放在本页中保证不会发生这个问题
[/Quote]
你说错了哦。用link的话(链接)是先加载css文件，在加载html，所以就算网速慢，也不会有什么页面错乱的情况。这种因为网速慢而又错乱是用“导入的方式”css文件才会有的。
嘿嘿，根据偶的知识，觉得还是各楼说得“减少请求次数，加快速度”靠谱
Cusson 2010-08-03
- 打赏
- 举报
来的CSDN 真的是学习``` 这么好的氛围 学到很多
Yushangyuan 2010-07-30
- 打赏
- 举报
接着讨论 不错不错
dxlzanjie 2010-07-29
- 打赏
- 举报
前来学习！
css基地 2010-06-26
- 打赏
- 举报
因为首页是网站的门面，考虑到网站的美观，载入的时候应该连同样式一起载入，这样就会习惯把样式写在style里。而且门户网站都是非常大，所以都是载入比较长的时间。
我就不喜欢什么门户网站，应该说中国的网站都有的弊端，网站内容多，广告多。每当我进去门户网站是我都不知道自己要去哪里找自己想要的东西。外国的网站就能做到，精简，明了。
我就不喜欢什么门户网站，应该说中国的网站都有的弊端，网站内容多，广告多。每当我进去门户网站是我都不知道自己要去哪里找自己想要的东西。外国的网站就能做到，精简，明了。
c0379 2010-06-26
- 打赏
- 举报
[Quote=引用 22 楼 tonykong 的回复:]
主要是两个原因：
1 减少HTTP连接数量，减轻服务器负担；
2 避免因外部CSS未加载造成的页面显示混乱。
[/Quote]
哥同意这位哥的看法，但哥以为主要是第二个原因，第一个是捎带的好处，一个页面上百个请求，不差那一个。
主要是两个原因：
1 减少HTTP连接数量，减轻服务器负担；
2 避免因外部CSS未加载造成的页面显示混乱。
[/Quote]
哥同意这位哥的看法，但哥以为主要是第二个原因，第一个是捎带的好处，一个页面上百个请求，不差那一个。
lchacker 2010-06-26
- 打赏
- 举报
[Quote=引用 8 楼 robake 的回复:]
大型门户网站考虑的只是服务器的负载能力，不需要考虑SEO，人家才不鸟搜索引擎！！！
它们自己已经有足够的知名度了，无须在意搜索引擎。
[/Quote]
就是这个理，自己整大了，随便怎么都是会收录
大型门户网站考虑的只是服务器的负载能力，不需要考虑SEO，人家才不鸟搜索引擎！！！
它们自己已经有足够的知名度了，无须在意搜索引擎。
[/Quote]
就是这个理，自己整大了，随便怎么都是会收录
fengqipiaobo 2010-06-26
- 打赏
- 举报
[Quote=引用 13 楼 lzw1987andy 的回复:]
提高性能 ~大型网站的CSS和图片都分布在不同的服务器上
[/Quote]
个人感觉是这样的，大型网站css，js都会有独立的服务器！另外可能由于服务器的静态化处理，所以，内嵌进页面会比较好操作！当然，个人感觉，这个应该是没有什么影响！因需求而定！
提高性能 ~大型网站的CSS和图片都分布在不同的服务器上
[/Quote]
个人感觉是这样的，大型网站css，js都会有独立的服务器！另外可能由于服务器的静态化处理，所以，内嵌进页面会比较好操作！当然，个人感觉，这个应该是没有什么影响！因需求而定！
berggi 2010-06-26
- 打赏
- 举报
css写在行内便于维护，再说优先级是最高的，不会出现样式表相互覆盖规则的问题，用外链样式表也会出现写错一个名称，外链不上样式表或多个样式表规则相互覆盖的问题。
SamuDra 2010-06-25
- 打赏
- 举报
强贴..
qqlinxi 2010-06-24
- 打赏
- 举报
这个，我也在纳闷哩
相信明天更美好 2010-06-22
- 打赏
- 举报
每一项小技术真要深入学起来都是不容易啊。
fhdry 2010-06-22
- 打赏
- 举报
up------------
加载更多回复（183）
