优化浏览器渲染：将样式表放在页面顶部
作者 佚名技术
来源 CSS技术
浏览
发布时间 2012-02-24
|
将样式放在页面头部 概述 将内联样式块和<link>元素从页面<body>移动到页面<head>中，这样能提高渲染性能。 详细信息 在HTML文件<body>中指定外部样式表和内联样式块可能对浏览器的渲染性能产生不利影响。浏览器阻塞渲染网页直到所有外部的样式表都已被下载。（用<style>标记指定的）内联样式块可能会导致reflows和页面跳动。因此，把外部样式表和内联样式块放在页面的<head>中是很重要的。通过确保样式表首先被下载和解析，可以让浏览器逐步渲染页面 建议 HTML 4.01规范（第12.3节）规定，始终把使用<link>标签的外部样式表放在<head>部分里。不要使用@import。还要确保您指定的样式有正确的顺序。 把<style>区块放在<head>部分里。 |
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢! |
你可能对下面的文章感兴趣
上一篇: 学习web标准:Web标准中的特殊字符下一篇: CSS代码布局八条最常见的错误
关于优化浏览器渲染：将样式表放在页面顶部的所有评论
