前端性能优化

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

--打包组建成符合文档

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

推荐阅读更多精彩内容