前端性能优化

124 阅读1分钟

最小化http请求

使用雪碧图、合并js,css文件

使用cdn

最终用户响应事件80% - 90%花在下载页面所有组件上
用户靠近服务器时间会缩短

添加expires或者cache control header

对于静态组件,设置expires远期头来实现永不过期策略
动态组件使用适当cache control来帮助浏览器进行请求

避免空src图像

仍会像服务器发送一个请求
空的src被定义为当前页面
给服务器造成额外负担

使用favicon,小且可缓存

不要在组件中缩放图像

压缩图片,js,css等组件资源

事件委托

减少cookie大小

etag

代码删除重复多余脚本

较少cdn查找

域名系统将主机名映射到ip地址
每条dns通常需要20-120毫秒
当客户端dns缓存为空的时候,dns查找次数等于网页中唯一主机名数目
减少唯一主机名数量等于减少查找次数
至少两个主机名,不大于4个

将css放在顶部

将js放在最下面

gzip组件

可压缩70%文件