前端性能优化

2018-03-06  本文已影响0人  nonever

1、网页内容

--减少http请求数

--减少DNS查询次数

--避免页面跳转

--缓存加载

--提前加载

--减少DOM元素数量

--根据域名划分内容

--减少iframe数量

--避免404

2、服务器

--使用CDN

--添加Erpiress或Cache-Control报文头

--Gzip压缩传输文件

--配置ETags

--使用GET Ajax请求

--避免空的图片src

3、Cookie

--减少Cookie大小

--页面内容使用无cookie域名

4、CSS

--将样式表置顶

--避免CSS表达式

--用<link>代替@import

--避免使用Filters

5、JavaScript

--将脚本置底

--使用外部Javascript和css

--压缩Javascript和css

--去除重复脚本

--减少Dom访问

--使用智能事件处理

6、图片

--优化图像

--使用css sprite

--不要在html中缩放图片

--使用小且可缓存的favicon.ico

7、移动客户端

--保持单个内容小于25KB

--打包组建成符合文档

上一篇 下一篇

猜你喜欢

热点阅读