雅虎34铁规

前端性能优化34条

1、尽量减少HTTPS请求次数

2、减少DNS查找次数

3、避免跳转

4、可缓存的AJAX,异步请求

5、推迟加载内容,lazyload

6、预加载,less,sass,stylus

7、减少DOM元素数量

8、根据域名划分页面内容

9、使iframe的数量最小(建议不要用复iframe)

10、不要出现404错误

11、使用内容分发网络

12、为文件头指定Expires或Cache-Control

13、Gzip压缩文件内容

14、配置ETag

15、尽早刷新输出缓冲

16、使用GET来完成AJAX请求

17、把样式表置于顶部

18、避免使用CSS表达式(Expression),少用style重绘

19、使用外部JavaScript和CSS

20、削减JavaScript和CSS

21、用代替@import

22、避免使用滤镜

23、把脚本置于页面底部

24、剔除重复脚本

25、减少DOM访问

26、开发智能事件处理程序

27、减小Cookie体积

28、对于页面内容使用无coockie域名

29、优化图像,TinyPng图片压缩

30、优化CSS Spirite

31、不要在HTML中缩放图像

32、favicon.ico要小而且可缓存

33、保持单个内容小于25K

34、打包组件成复合文本

猜你喜欢

转载自blog.csdn.net/brain_bo/article/details/81135770
34