1.尽量减少http的请求个数--需要权衡(1.地图图片关联多个url,按照点击的图片位置去调接口,2.css sprites,合并图片,通过指定的background-image和background-position去显示元素。3.合并js脚本和css样式表,4.使用外部js和css文件(第一次时内联快,第二次会因为缓存因素外部js和css文件会变的更快一点))
2.使用cdn内容分发网络(把静态资源放在各地的cdn服务器上,起分流作用,减轻了源站的负载,提高网络访问的稳定性)
3.为文件头指定Expires或者Cache-Control,使内容具有缓存性
4.避免使用空的src和href
5.使用gzip压缩内容
6.把css放到顶部
7.把js放到底部
8.避免使用css表达式
9.将js和css放到外部文件中
10.减少DNS查找次数
11.精简js和css
12.避免跳转
13.剔除重复的js和css
14.配置Etags(判断缓存)
15.使AJAX可以缓存
16.尽早刷新输出缓冲。
17.使用get去完成ajax请求(post请求不能通过管道的方式进行通信,get更快,获得的数据可以缓存)
18.延迟加载
19.预加载
20.减少DOM元素个数
21.根据域名划分页面内容
22.尽量减少iframe的个数( iframe 在加载资源时可能用光了所有的可用连接,从而阻塞了主页面资源的加载。)
23.避免404
24.减少cookie的大小
25.使用无cookie的域
26.减少DOM访问
27.开发智能事件处理程序
28.尽量使用link而不使用@import
29.避免使用滤镜
30.优化图像
31.优化CSS Spirite
32.不要在html中缩放图像 --需权衡
33.favicon.ico要小而且可缓存
34.保持单个内容小于25K
35.打包组件成为复合文本
原文:https://www.cnblogs.com/1229834468wty/p/13746416.html