| 网站首页 | Photoshop资源 | Photoshop学院 | Photoshop展示 | 设计素材 | 设计学院 | 数码学院 | 返回总部 | 
您现在的位置: Photoshop资源站 >> 设计学院 >> 网站设计 >> DivCSS教程 >> 正文
  CSS加载方式对页面优化的影响         ★★★ 【字体:
CSS加载方式对页面优化的影响
作者:佚名    教程来源:onegreen.org    点击数:    更新时间:2008-6-20    
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.syku.net/skin/syku/default.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.


教程录入:onegreen    责任编辑:onegreen 
  • 上一篇教程:

  • 下一篇教程:
  •  
    发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    最新热点 最新推荐 相关文章
    使用dl,dt,dd制作CSS垂直菜单
    CSS3新增background-clip及background-
    div+css实例分享:非常不错的页面制作方
    滚动条CSS样式集合
    掌握CSS缩写技巧
    Div+CSS教程:如何闭合浮动元素?
    使用CSS的dl、dd、dt制作标准表单
    CSS经验之谈:灵活运用注释带来的益处
    CSS经验之谈:保持CSS文件整洁与样式统
    CSS入门指南(CSS布局Web标准必备小结)