将样式表放在页面顶部
2010-03-09 23:34
330 查看
将样式放在页面头部
概述
将内联样式块和<link>元素从页面<body>移动到页面<head>中,这样能提高渲染性能。
详细信息
在HTML文件<body>中指定外部样式表和内联样式块可能对浏览器的渲染性能产生不利影响。浏览器阻塞渲染网页直到所有外部的样式表都已被下载。(用<style>标记指定的)内联样式块可能会导致reflows和页面跳动。因此,把外部样式表和内联样式块放在页面的<head>中是很重要的。通过确保样式表首先被下载和解析,可以让浏览器逐步渲染页面
建议
HTML 4.01规范(第12.3节)规定,始终把使用<link>标签的外部样式表放在<head>部分里。不要使用@import。还要确保您指定的样式有正确的顺序。
把<style>区块放在<head>部分里。
概述
将内联样式块和<link>元素从页面<body>移动到页面<head>中,这样能提高渲染性能。
详细信息
在HTML文件<body>中指定外部样式表和内联样式块可能对浏览器的渲染性能产生不利影响。浏览器阻塞渲染网页直到所有外部的样式表都已被下载。(用<style>标记指定的)内联样式块可能会导致reflows和页面跳动。因此,把外部样式表和内联样式块放在页面的<head>中是很重要的。通过确保样式表首先被下载和解析,可以让浏览器逐步渲染页面
建议
HTML 4.01规范(第12.3节)规定,始终把使用<link>标签的外部样式表放在<head>部分里。不要使用@import。还要确保您指定的样式有正确的顺序。
把<style>区块放在<head>部分里。
相关文章推荐
- web性能优化:将link样式表放在顶部,将script脚本放在底部
- 《高性能网站建设指南-前端工程师技能精髓》-读书笔记4(将样式表放在顶部)
- 44. 将样式表放在顶部(5)
- 样式表放在顶部的好处
- _locService = [[BMKLocationService alloc]init]; 我把这句话放在viewdidload 里,整个app不启动了,一直停留在启动页面
- HTML页面顶部出现空白部分(#65279字符)
- 使用 JQuery 返回页面顶部
- 关于网页载入,页面顶部显示页面加载线性进度条效果实现。
- js常用实现返回页面顶部
- 关于jsp页面是放在webroot目录下和web-inf下优缺点
- 布局嵌套其他布局(比如说每个页面的顶部都有同样的控件,那就不要一一去添加,采用此方法)
- Android状态栏与页面顶部内容重合解决方案
- 刚进入页面时UIScrollView没有滑动到顶部
- JS实现让页面返回顶部
- webAPP页面切换之滑动-swiper2(切换页面默认显示顶部)
- 用jquery实现小火箭到页面顶部的效果
- (4)页面顶部制作之二
- html页面顶部提示在更高浏览器下面提示语
- 安卓顶部标题栏随页面的滑动渐变
- javascript实现页面中回到顶部功能