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可缓存

比如说可以缓存 站点默认配置
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容