14条 前端优化准则

1、减少http请求;

css sprite
图片转base64,其实文本比图片体积大 目前不推荐使用该方案;

2、使用CDN

一般来说对与企业 不是前端所要关心的事情,都是架构师来去做这方面的事情;
技术原理:服务器内容网络分发——(把服务器放到离访问者跟进的位置)

3、添加Expires头

告诉你的浏览器我们这个东西会什么时候过期;不添加的话浏览器认为是 即时过期访问之后就消除;
一般是后端关心的问题;

4、压缩组件

比如使用gzip压缩html code;基本上大部分网站的服务器应用都默认经过了content-encoding:gizp

5-6、将CSS放在顶部-javascript 放在底部

css是页面显示内容,应加载在dom之前 这样
javascript 会阻塞加载

7、css表达式Expressions

现在基本不用了

8、将js、css放到外部文件当中
9、减少DNS查找

很多网站把 图片放到另一个域名下 减少服务器带宽;

10、精简js和css文件

11、避免重定向

12、移除重复脚本

靠经验了~分装函数表现多态化

13、配置Etag

请求标记 类似 id 相同的内容 Etag是相同的,为了让浏览器判定内容是否相同

14、使Ajax可缓存

比如说可以缓存 站点默认配置

你可能感兴趣的:(14条 前端优化准则)