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.打包组件成为复合文本

 

posted on 2020-09-28 19:25  风中追风wty  阅读(167)  评论(0编辑  收藏  举报