在不同文件中拆分文件(例如html,图像,css,js等)时,HTML和CSS是否应保留在同一个域中

时间:2014-04-25 00:42:41

标签: javascript html css performance optimization

我正考虑如何在不同的域中拆分我的内容。我理解将CSS放在顶部以确保页面可以尽快呈现是有意义的。那么,将CSS文件保存在与HTML相同的域中是否有意义,以便那些可以与HTML并行下载,并且不需要对这些文件进行额外的DNS查找而不延迟渲染?这会有所作为吗?

类似的东西:

html,css文件:

www.example.org/index.html
www.example.org/style.css
.
.
.

图片,js文件:

staticfiles.example.org/home/js/script.js
staticfiles.example.org/home/images/header.jpg
.
.
.

2 个答案:

答案 0 :(得分:0)

本页面源代码或任何大型网站的答案都是正确的。您可以将任何静态文件放到不同的域中,包括CSS。

答案 1 :(得分:0)

我认为答案取决于你正在做什么 - 正如@Le Trong指出的那样,你可以,但这并不总是意味着它是个好主意。 浏览器将并行打开的同一域的连接数有限制,8是我似乎想到的数字(但可能已过时)。拥有另一个域名的资源意味着你得到另一堆并行连接,静态/动态似乎是一个明显的分裂,无论如何。但这更可能与图像相关 - 无论如何,现代工作流程将CSS和JS文件组合在一起并缩小。

就我个人而言,我不会太费心地优化DNS查找 - DNS的组织方式,沿途的每个人都会缓存查找结果,并且您的DNS通常在网络拓扑方面非常接近,例如:由您当地的互联网提供商指定。