zoukankan      html  css  js  c++  java
  • [转] Web前端优化之 CSS篇

    原文链接: http://lunax.info/archives/3097.html

    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. 使用 <link> 而不是@importChoose <link> over @import

    在 IE 中 @import 指令等同于把 link 标记写在 HTML 的底部。而这与第一条相违背。

    6. 避免使用Filter (Avoid Filters)

    EOF

  • 相关阅读:
    高级查询及分页总结
    SQL编程
    线程同步
    创建和启动线程
    错题集04
    错题集03
    错题集02
    错题集
    新闻发布系统
    九大内置对象
  • 原文地址:https://www.cnblogs.com/fangzhaolee/p/3277493.html
Copyright © 2011-2022 走看看