初入职场前端工程师如何进行网页性能优化？面试技巧交给你

针对接下来许多应届生面对找工作面试的问题，我将会总结一些前端面试常见的问题和咱们共享。希望能协助到行将进入职场的同学们。话不多说，咱们开端吧。

1.页面内容优化

1) .削减HTTP恳求:兼并文件、CSS精灵、inline Image

2) .削减DNS查询:DNS查询完结之前浏览器不能从这个主机下载任何任何文件。办法:DNS缓存、将资源散布到恰当数量的主机名，平衡并行下载和DNS查询

3) .防止重定向:剩余的中心拜访

4) .使Ajax可缓存

5) .非有必要组件推迟加载

6) .未来所需组件预加载

7) .削减DOM元素数量

8) .将资源放到不同的域下:浏览器一起从一个域下载资源的数目有限，增加域能够进步并行下载量

9) .削减iframe数量

10) .不要404

11) .运用CDN

12) .增加Expires或许Cache-Control呼应头

13) .对组件运用Gzip紧缩

14) .装备ETag

15) .Flush Buffer Early

16) .Ajax运用GET进行恳求

17) .防止空src的img标签

2.Cookie方面

18) .减小cookie巨细

19) .引进资源的域名不要包括cookie

3.CSS优化

20) .将样式表放到页面顶部

21) .不运用CSS表达式

22) .运用不运用@import

23) .不运用IE的Filter

4.Javascript脚本优化

24) .将脚本放到页面底部

25) .将javascript和css从外部引进

26) .紧缩javascript和css

27) .删去不需求的脚本

28) .削减DOM拜访

29) .合理规划事情监听器

5.图片优化

30) .优化图片:依据实践色彩需求挑选色深、紧缩

31) .优化css精灵

32) .不要在HTML中拉伸图片

33) .确保favicon.ico小而且可缓存