页面中 CSS 加载方式的优化
作者：blank 来源：怿飞博客 发布时间：2008-03-26 12:36:00
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.
扩展阅读：
0
投稿猜你喜欢
- 本文实例讲述了Python通过poll实现异步IO的方法。分享给大家供大家参考。具体分析如下：在使用poll（）后返回轮询对象，该对象支持以
1.在线定制下载echartshttps://echarts.apache.org/zh/builder.html2.创建一个django项- 一、爬虫框架Scarpy简介Scrapy 是一个快速的高层次的屏幕抓取和网页爬虫框架，爬取网站，从网站页面得到结构化的数据，它有着广泛的用途
- 简介Flv.js 是 HTML5 Flash 视频（FLV）播放器，纯原生 JavaScript 开发，没有用到 Flash。由 bilib
- 启用 SQL Server Browser 服务 在 Windows 防火墙中创建例外 在 Windows 防火墙中为 SQL Server
- 假设我们需要一个函数什么事都不干，只是抛出异常（在某些系统中有些handler就是干这事的），我们可以很直观的写出下面的代码：def fun
- Tornado 文档中提到但是这样只能捕获到handlers中列出的路径请求中的错误。如果只定义了(r"/hello",
- 对python中的控制条件、循环和跳出详解代码缩进(代码块)：python用缩进表示代码块，没有其他语言的大括号缩进是强制检查，整个代码缩进
- Intro项目中遇到需要 导出统计报表 等业务时，通常需要 pdf 格式。python 中比较有名的就是 reportlab 。这边通过几个
- 如果遇到与文件许可有关的问题，可能数启动mysqld时UMASK环境变量设置得不正确。例如，当你创建表时，MySQL可能会发出下述错误消息：
- 众所周知，python是写爬虫的利器，今天作者用python写一个小爬虫爬下一个段子网站的众多段子。目标段子网站为“http://ishuo
- Request Payload 和 Form Data 请求头上的参数差别在于：Content-TypeForm DataPost表单请求代
- 模态框Bootstrap ModalBootstrap 的模态框使用Bootstrap 的前端应该都接触过。本文记录一下今天使用时遇到的 B
- 1.使用 for key in dict遍历字典可以使用for key in dict遍历字典中所有的键x = {'a':
- 具体代码如下所示：# 时间的替换import time,datetimetoday = datetime.datetime.today()p
- 一、多表连接类型1. 笛卡尔积(交叉连接) 在MySQL中可以为CROSS JOIN或者省略CROSS即JOIN，或者使用',
- 最近项目中有一个小需求，查找json文件中某个key或者value的路径，所以就写了一个简单的小脚本，比较粗糙。#!/usr/bin/env
- 这两天做了一个判断浏览器类型和版本号的业务，记录下相关的js代码： function allinfo(){ var ua = navigat
- PyQt5数据拖曳Drag与Drop介绍为用户提供的拖曳功能很直观，在很对桌面应用程序中，复制或移动对象都可以通过拖曳来完成基于MIME类型
- 所以爱微网现在讲解先php内置函数 有大小写转换相关函数 文本html标签处理函数大小写有关函数 strtolower() strtoupp
