Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/433.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 当跨不同文件拆分文件(如html、图像、css、js等)时,html和css是否应保留在同一域中_Javascript_Html_Css_Performance_Optimization - Fatal编程技术网

Javascript 当跨不同文件拆分文件(如html、图像、css、js等)时,html和css是否应保留在同一域中

Javascript 当跨不同文件拆分文件(如html、图像、css、js等)时,html和css是否应保留在同一域中,javascript,html,css,performance,optimization,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/sc

我正在考虑如何将我的内容划分到不同的领域。我理解将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
.
.
.

答案就在本页或任何大型网站的源代码中。你可以将任何静态文件放在不同的域中,包括CSS。

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

就我个人而言,我不会花太多时间优化DNS查找-DNS的组织方式,沿途每个人都会缓存查找结果,而且从拓扑上讲,您的DNS通常是非常接近网络的,例如,由您当地的互联网提供商分配