代码之家 › 专栏 › 技术社区 › Jitendra Vyas

由于<head>中的javascript阻止了HTML呈现,CSS也不是这样吗?

yslow xhtml css javascript

Jitendra Vyas · 技术社区 · 15 年前

由于JavaScript在块HTML中呈现,在关闭body标记之前,将JavaScript保持在底部是一个很好的实践,CSS也不是这样吗?

我知道我们不能把外部CSS放在外面。

6 回复 | 直到 15 年前

Sean Vieira 15 年前

CSS不会像JavaScript那样阻塞

对于样式表,在下载所有样式表之前,渐进式呈现将被阻止。这就是为什么最好将样式表移动到文档头部,这样它们会先被下载,并且呈现不会被阻止。使用脚本,将阻止所有内容的渐进式呈现剧本。在页面中尽可能低地移动脚本意味着在脚本之上有更多的内容可以更快地呈现。

zwol 15 年前

CSS不仅不会像Javascript那样阻塞,而且如果您将CSS放在除 <head> ,比如忽略它,或者不完全应用它。HTML5实际上禁止 <style> <头部> (除了AFAIK还没有实现的“scoped”特性)。

zwol 15 年前

<link> 元素,此元素仅在位于文档头部时才有效。至于CSS阻塞HTML呈现,情况并非如此,因为CSS是在浏览器加载后应用的,就像其他浏览器一样 < 元素。JS阻塞HTML是因为浏览器假设JS想要获得控制权,并在完全加载DOM之前实际执行一些操作,基本上JS是执行的,然后是单独的。

szanata 15 年前

不,css在浏览器读取css后立即应用于DOM元素。

window.onload = function (){

//here we start
}

luigi7up 11 年前

JS公司

<script src="..." > 因此,将所有外部JS放在 <body> . 这样你的HTML就可以被解析和呈现,你的用户会感觉到一些事情正在发生。。。

CSS

FOUC . 但它不会阻止下载

HEAD 最底层的JS还不够。。。您将希望将ATF(在fold之上)CSS内联起来,将其余的巨大最小化CSS与JS一起放在底部/延迟和异步

-2

Alohci 15 年前

为什么把Javascript放在最底层是一个好的实践呢?

我认为最好将CSS和Javascript放在不同的文件中,并使用 <head>

推荐文章

Luis Pavez · 在actionListener完成之前更新组件

7 年前

mike · 使用类似封送处理的编码器操纵HTML

7 年前

ajaysheoran2323 · 如何使网站多语言[关闭]

7 年前

Hanlei Price · 标记验证

7 年前

Irum · 获取错误:UI指令无法强制转换到组织。素数面。模型菜单菜单元素

8 年前

curiousToKnow · 如何从xhtml获取文本

8 年前

zinon · XHTML渲染生成空pdf文件

8 年前

saurabh · 如何在一个页面中使用多个ajax日历

8 年前

Gabriel Cardoso · 更新数据后在datatable中更新

8 年前

mac wac · AngularJS的内联模板不适用于XHTML

8 年前