2020-3月份前端面试总结——前端性能优化相关

前端性能优化

备注: + 代表被问到的次数,没有 + 代表自己整理了,但没被问到

1.整个前端性能提升大致分为几类

​ 网络性能

​ 运行性能

(1.js css 2.图片 3.缓存预加载 4.SSR 5.多域名加载 6.负载均衡)

2.为什么把<scrpit><body>后面+

这里是浏览器加载一个有 <script> 标签的网站发生的事情:

  1. 拉取 HTML 页面
  2. 开始解析 HTML
  3. 解析到 <script> 标签之后准备获取 script 文件.
  4. 浏览器获取script文件。同时,html 解析中断并且阻断页面上其他html的解析。
  5. 一段时间后,script下载完成并且执行
  6. 继续解析HTML文档的其他部分(解析script之后的html代码)

第4步导致了不好的用户体验,直到script文件全部下载完成之前HTML都不能得到解析。

3.base64为什么能提升性能,缺点

​ 减少http请求

​ 缺点: 编解码需要时间,体积变大

4.前端开发有哪些提升性能的点+

​ 缓存利用:缓存Ajax,使用CDN,使用外部js和css文件以

  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值