主页 > 知识库 > 页面中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” 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加载方式的优化》相关的同类信息!
  • 本页收集关于页面中CSS加载方式的优化的相关信息资讯供网民参考!
  • 推荐文章