前端工程师如何进行网页性能优化,这是我见过最全面的答案了!

2023-05-31 0 906

特别针对接下去许多高职遭遇找组织工作复试的难题,我将会归纳许多后端复试常用的难题和他们撷取。期望能协助到将要步入婚恋的全校师生。话不多说,他们已经开始吧。

前端工程师如何进行网页性能优化,这是我见过最全面的答案了!

1.页面文本强化

1) .减少HTTP允诺:分拆文档、CSS恶魔、inline Image

2) .减少DNS查阅:DNS查阅顺利完成以后应用程序无法从那个PS3浏览任何人任何人文档。方式:DNS内存、将天然资源原产到正确数量的Teredo,均衡博戈达浏览和DNS查阅

3) .防止链接:累赘的尾端出访

4) .使Ajax可内存

5) .非要模块延后读取

6) .今后所需模块预读取

7) .减少DOM原素数量

8) .将天然资源放在相同的域下:应用程序与此同时从两个域浏览天然资源的数量非常有限,减少域能提升博戈达浏览量

9) .减少iframe数量

10) .千万别404

2.服务器端强化

11) .采用CDN

12) .加进Expires或是Cache-Control积极响应头

13) .对模块采用Gzip填充

14) .配置ETag

15) .Flush Buffer Early

16) .Ajax采用GET展开允诺

17) .防止空src的img标签

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小并且可内存 

如果你有什么想法或是意见,欢迎你给我留言。

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务