Is ordering of <link rel=“stylesheet” …> and <script …> tags significant?
(如果这是一个非常基本的问题,我道歉。我有点像HTML noob。)
在HTML5中,
例如,假设一个(可能是神话般的)"完全符合HTML5的浏览器",是否存在以下两个片段会产生"不同结果"(即不同的外观、明显的不同性能或不同的行为等)的情况?
1 2 3 4 5 6 7 8 9 10 | <!DOCTYPE html> <html> <head> <!-- ... --> <link rel="stylesheet" type="text/css" href="foo.css"/> <script src="foo.js"> <!-- ... --> </head> <!-- ... --> </html> |
1 2 3 4 5 6 7 8 9 10 | <!DOCTYPE html> <html> <head> <!-- ... --> <script src="foo.js"> <link rel="stylesheet" type="text/css" href="foo.css"/> <!-- ... --> </head> <!-- ... --> </html> |
(
对于性能,首先是CSS,然后是JS…(但是JS在标记的末尾产生了最好的性能,如其他一些答案中所指出的那样)
stylesheets should always be specified in the head of a document for better performance, it's important, where possible, that any external JS files that must be included in the head (such as those that write to the document) follow the stylesheets, to prevent delays in download time.
引用自"优化样式和脚本顺序"(来自谷歌的"使网络更快"最佳实践文档)
就性能而言…在标题中包含CSS文件,在页面底部包含JS文件…
就顺序而言,CSS文件和JS文件的顺序很重要…在CSS文件中,如果多个文件中存在相同的规则,则以后的一次将获得优先权…在JS文件中,应首先包含所依赖的文件
在一般情况下,订单应该被认为是重要的。因为它可以。例如,javascript代码可以尝试访问一个
为了提高HTML页面加载的性能,建议在正文末尾使用javascript
我们可以考虑一个简单的例子。
应该注意,脚本是被解释的,所以顺序很重要。
最好在标题中包含样式表,在底部包含脚本,因为,用户必须等待javascript完成加载,标签阻止并行下载。
请查看以下链接建议在javascript无效之前包含css吗?
不,没有区别。
你唯一应该考虑的是把你的
我能想到的唯一一个是IE的元标签…
1 | <meta http-equiv='X-UA-Compatible' content='IE=edge'> |
要想利用这个,它必须是头上的第一个项目(afaik)。