优化CSS在网页中的加载方式是怎样的

来源:爱站网时间:2019-04-10编辑:网友分享
CSS并不难写,但是因为每个人的书写风格不同导致在大型项目中显得比较难打理,因此很多人都会选择对CSS进行优化,那么你知道优化CSS在网页中的加载方式是怎样的吗?

      CSS并不难写,但是因为每个人的书写风格不同导致在大型项目中显得比较难打理,因此很多人都会选择对CSS进行优化,那么你知道优化CSS在网页中的加载方式是怎样的吗?
1、应该将 CSS 放置于结构的上方(一般放置于 head 元素内)。CSS 是解释型语言,Firefox 和 IE 在等待 CSS 传输完成之前不会渲染任何东西。只有将 CSS 前置,才可在浏览器解析结构时,对页面进行渲染。


This causes the blank white screen problem. The page is totally blank until the stylesheet at the bottom is downloaded, on the order of 6-10 seconds for this page. The browser is waiting for the stylesheet to be loaded before it renders anything else in the page, even the static text.


导致的问题就是,页面会有一段时间“朴素”,突然之间又“华丽”,用户体验很不好。
2、尽量使用 <link rel=”stylesheet” href=”http://www.planabc/yuanxin.css.html" target="_blank">css” type=”text/css”> 的样式导入方式,而减少 @import 的使用,更勿使用多层嵌套的 @import 。因为在 IE 里, @import 相当于将 <link> 放在页面尾部。


This is a valid syntax, but, even though it’s in the document’s HEAD, it breaks progressive rendering and instead causes the blank white screen and Flash of Unstyled Content problems.

     看完上面爱站技术频道小编为你介绍关于优化CSS在网页中的加载方式是怎样的后,你对优化CSS在网页中的加载方式是否有了进一步的了解?

上一篇:CSS中自定义属性的深入分析

下一篇:DIV在页面底部浮动功能是如何实现的

您可能感兴趣的文章

相关阅读

热门软件源码

最新软件源码下载