初入职场前端开发工程项目师怎样开展网页页面


初入职场前端开发工程项目师怎样开展网页页面特性提升?招聘面试技能交到你


对于接下来很多应届生应对找工作中招聘面试的难题,我可能总结1些前端开发招聘面试普遍的难题和我们共享资源。期待能帮助到已然进到职场的同学们。话很少说,我们开始吧。

1.网页页面內容提升

1) .减少HTTP乞求:企业兼并文档、CSS小精灵、inline Image

2) .减少DNS查寻:DNS查寻完成以前访问器不可以从这个主机免费下载任何任何文档。方法:DNS缓存文件、将資源散播到适当数量的主机名,均衡并行处理免费下载和DNS查寻

3) .避免重定项:剩下的管理中心拜会

4) .使Ajax可缓存文件

5) .非必须组件延迟载入

6) .将来所需组件预载入

7) .减少DOM元素数量

8) .将資源放到不一样的域下:访问器1起从1个域免费下载資源的数目比较有限,提升域可以发展并行处理免费下载量

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小并且可缓存文件