• 首页
• 服务器租用
• 企业邮箱
• 虚拟主机
• 网站程序
• 营销推广
• 网站建设
• 域名注册
• 前端开发
• 网站备案

• 当前位置：创新互联 >> 常见问题 >> 营销推广 >> seo优化 >> Web 前端优化最佳实践之 CSS 篇

Web 前端优化最佳实践之 CSS 篇

• 作者：创新互联 文章来源：网络推广部 点击数： 更新时间：2013-07-22
• 　　Web 前端优化最佳实践第四部分面向 CSS。目前共计有 6 条实践规则。另请参见 Mozilla 开发者中心的文章：Writing Efficient CSS
  
  1. 把 CSS 放到代码页上端 (Put Stylesheets at the Top)
  官方的解释我觉得多少有点语焉不详。这一条其实和用户访问期望有关。CSS 放到最顶部，浏览器能够有针对性的对 HTML 页面从顶到下进行解析和渲染。没有人喜欢等待，而浏览器已经考虑到了这一点。
  
  2. 避免 CSS 表达式 (Avoid CSS Expressions)
  个人认为通过 CSS 表达式能做到的事情，通过其它手段也同样能做到而且风险更小一些。
  
  3. 从页面中剥离 JavaScript 与 CSS (Make JavaScript and CSS External)
  剥离后，能够有针对性的对其进行单独的处理策略，比如压缩或者缓存策略。
  
  4. 精简 JavaScript 与 CSS (Minify JavaScript and CSS)
  如果没有 JavaScript 与 CSS 可能更好。但，这是不可能的，SO，尽量小点吧。语法能简写的简写。
  
  5. 使用 而不是@importChoose over @import
  在 IE 中 @import 指令等同于把 link 标记写在 HTML 的底部。而这与第一条相违背。
  
  6. 避免使用Filter (Avoid Filters)
  
  成都创新互联网站设计：Web前端优化专题
  1.Web 前端优化最佳实践之 内容篇
  2.Web 前端优化最佳实践之 Server 篇
  3.Web 前端优化最佳实践之 Cookie 篇
  4.Web 前端优化最佳实践之 CSS 篇
  5.Web 前端优化最佳实践之 JavaScript 篇
  6.Web 前端优化最佳实践之 图象篇
  7.Web 前端优化最佳实践之 Mobile(iPhone) 篇
• 网站SEO做soso问问外链的一点经验 :上一篇
  到底哪些是网站创业的网站交易文章 :下一篇