加入收藏 | 设为首页 | 会员中心 | 我要投稿 湖南网 (https://www.hunanwang.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 创业 > 正文

优化赏识器渲染:将样式表放在页面顶部

发布时间:2018-09-03 22:32:05 所属栏目:创业 来源:站长网
导读:将样式放在页面头部 概述 将内联样式块和link元素从页面body移动到页面head中,这样能进步渲染机能。 具体信息 在HTML文件body中指定外部样式表和内联样式块也许对赏识器的渲染机能发生倒霉影响。赏识器阻塞渲染网页直到全部外部的样式表都已被下载。(用s

将样式放在页面头部

概述

将内联样式块和<link>元素从页面<body>移动到页面<head>中,这样能进步渲染机能。

具体信息

在HTML文件<body>中指定外部样式表和内联样式块也许对赏识器的渲染机能发生倒霉影响。赏识器阻塞渲染网页直到全部外部的样式表都已被下载。(用<style>标志指定的)内联样式块也许会导致reflows和页面跳动。因此,把外部样式表和内联样式块放在页面的<head>中是很重要的。通过确保样式表起首被下载息争析,可以让赏识器慢慢渲染页面

提议

HTML 4.01类型(第12.3节)划定,始终把行使<link>标签的外部样式表放在<head>部门里。不要行使@import。还要确保您指定的样式有正确的次序

把<style>区块放在<head>部门里。

(编辑:湖南网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    热点阅读