前端小问题：新浪首页为啥有很多 js 和 css 都是直接写在 html 里的？而不是引用。

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

V2EX 提问指南

这是一个创建于 3900 天前的主题，其中的信息可能已经有所发展或是发生改变。

才开始入门前端工程，看书一直以为引用才是最佳选择。求各位解惑。

前端

引用

21 条回复 • 1970-01-01 08:00:00 +08:00

zzNucker

2014-04-25 14:23:37 +08:00

什么js都引用很浪费连接数的。

Lucius

2014-04-25 14:26:27 +08:00

看google首页

robinray

2014-04-25 14:33:59 +08:00

速度快。
其实不是写在页面里的，而是最终编译生成页面的时候放进去的

cassiuschen

2014-04-25 14:37:38 +08:00 via iPhone

我怀疑ujs机制搞得……比如ajax之间请求到某些动态js贴在页面上

NemoAlex

2014-04-25 14:43:42 +08:00

你要学习前端的话，国内这些门户网站就不要看了
乱得要死才是正常的

learnshare

2014-04-25 14:47:39 +08:00

@robinray +1
应该是压缩到一起的，载入更快。这种方式适合 JS 功能复杂的单页

WildCat

2014-04-25 14:50:09 +08:00 via iPhone

大网站带宽不是问题，所以这都不是事。

douDouDragon

2014-04-25 14:50:30 +08:00

@zzNucker 恩，这是首先想到的。

douDouDragon

2014-04-25 14:50:46 +08:00

@Lucius 好吧，打开之后我彻底跪了。

douDouDragon

2014-04-25 14:53:37 +08:00

@robinray
@learnshare
@WildCat

先谢。感觉这是真相。有什么文章专门分享这一类的知识吗？

zzNucker

2014-04-25 15:46:59 +08:00

@WildCat 是问题好嘛！带宽都是钱！！

greyby

2014-04-25 16:01:35 +08:00

@douDouDragon 高性能网站建设指南 http://book.douban.com/subject/4719162/
构建高性能Web站点 http://book.douban.com/subject/3924175/

douDouDragon

2014-04-25 16:32:51 +08:00

@greyby 收下，瞅瞅先。谢谢

iamjs

2014-04-25 16:59:28 +08:00

链接请求比下载css文件费事。。你可以用一台2G手机体验下差距。。
引用其实主要意义在于很多页面用同一个css就不用重复下载了。。。
至于开发，工具都能做到的。

belin520

2014-04-25 17:16:53 +08:00

@robinray 是的，楼主看到的编译之后的代码！

robinray

2014-04-25 18:04:59 +08:00

@douDouDragon 这些属于前端优化，去搜索 YSlow 吧

zakokun

2014-04-25 18:11:02 +08:00

浏览器显示的html代码不一定就是这么写的,很多都是后台代码编译出来的.

blogcool

2014-04-25 18:13:26 +08:00

对于门户网站来说节约1kb或少加载一个文件也是了不起的进步。所以他们尽可能的压缩文件大小、连接数。

raincious

2014-04-25 18:17:45 +08:00

如果一段代码，在整个网站中只引用这一次，其他页面根本不会出现的话，可能直接写在页面里才是最佳操作吧。

当然，如果出现多次的代码，还是放在一个文件里，合并缓存。

不过新浪那样的网站建议还是不要参考，首先是他们的负载已经不是流量而是连接数了，其次我想大部分网站的复杂程度达不到那样，所以也不会需要这样肮脏的解决问题。

Sivan

2014-04-25 18:18:25 +08:00

对大网站来说，减少不必要的请求很有必要。

icedx

2014-04-26 13:22:06 +08:00

为了减少请求数