课程咨询: 400-996-5531 / 投诉建议: 400-111-8989
认真做教育 专心促就业
web前端编程开发技术随着互联网的不断发展而被众多程序员掌握,今天我们就来简单了解一下,web前端性能优化常用方法都有哪些。
尽可能减少HTTP的请求数
使用CDN
添加Expirs头,或者Cache-control
Gzip组件压缩文件内容
将CSS放在页面上方
将脚本放到页面下方
减少CSS中Expressions:只在IE中使用,在css中通过js动态赋值
将javaScript和CSS独立成外部文件
减少DNS查询
压缩javaScript和CSS
避免重定向
移除重复的脚本
配置实体标签(ETags):客户端请求文件,服务器读取文件标签,如果未修改就直接返回304.
使用AJAX缓存
避免空的srchref属性
尽早地刷新缓冲
使用get来完成ajax
延迟加载:分批加载
预先加载:客户端缓存js文件等
减少DOM元素
避免404页面
高效缩写CSS
bigpipe技术,分层显示,先出框架,再加载框架内的物体。
避免使用滤镜:只在旧版IE中使用,修正图片问题
CSS无图片技术:cssimage(css引入背景图片比较占资源,如果用css绘制类似小三角这样的简单图片,则大大减负)
smush.it、转png格式压缩图片大小
合并和拆分图片:合并:CSSsprites将小图片合成大图片,再用背景定位显示图标。拆分:多线程拆分后下载。
多域名下载图片
IE6缓存背景图片
预加载图片
减小cookie的体积,移除不必要的cookie(注意在适应级别上设置cookie,以便子域名不受影响),设置cookie域
静态资源使用无cookie域名
设置合理的cookie过期时间
优化js循环语句。将length属性抽取至判断语句之外。for(in)效率差,for(;;)=while();