[转] Web前端优化之 CSS篇
2024-10-12 04:03:46
原文链接: 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–
最新文章
- 基本排序(二)插入排序(直接插入、Shell、折半)
- Spark简介
- java求素数和求一个数的一个正整数的质因数
- 学习angular 指令构造器时遇到的小问题
- 最小生成树--Prim算法,基于优先队列的Prim算法,Kruskal算法,Boruvka算法,“等价类”UnionFind
- NSOJ10050 Newspaper Headline
- 关于javaBean中boolean类型变量的set和get注入后传到前端JS中的问题
- redisbook笔记——redis内存映射数据结构
- java中HashSet实现(转)
- Atom power-mode
- 启动和停止MySQL服务
- spring MVC 初探 (HelloWorld)
- [BT5]信息收集1-2 Dnsmap
- Memory Analyzer Tool 使用手记
- Java入门篇(四)——数组
- linux开放80 端口
- window配置ftp服务,代码客户端上传下载文件
- HTML图片标签路径解析
- 【代码笔记】Web-CSS-CSS 语法
- python flask_Sqlalchemy管理数据库
热门文章
- HDU 4647 Another Graph Game 思路+贪心
- 正则表达式验证工具类RegexUtils.java
- Android HTTPS(4)直接用SSLSocket,黑名单,客户端证书
- hadoop hadoop-0.20.2-cdh3u4升级
- 判断客户浏览器是否支持cookie
- jQuery_效果(淡入淡出)
- 适用于Firemonkey的Json解析对象XsuperObject使用方法介绍
- Asp.Net验证码3
- 实现图片大小的自动控制( 图片大小控制CSS代码)
- android系统掉电保护