本文总结了前端面试中常见的性能优化问题，包括网络和运行性能的提升策略，如script放置位置的影响，base64的优缺点，以及缓存、请求数量的优化方法。同时，概述了从输入URL到页面显示的过程，涉及HTTP缓存、DNS查询、TCP连接等。此外，还介绍了Git的基本操作，如commit、push、pull和分支管理。
前端性能优化
备注： + 代表被问到的次数，没有 + 代表自己整理了，但没被问到
1.整个前端性能提升大致分为几类
网络性能
运行性能
（1.js css 2.图片 3.缓存预加载 4.SSR 5.多域名加载 6.负载均衡）
2.为什么把<scrpit>放<body>后面+
这里是浏览器加载一个有 <script> 标签的网站发生的事情:
- 拉取 HTML 页面
- 开始解析 HTML
- 解析到
<script>标签之后准备获取 script 文件. - 浏览器获取script文件。同时，html 解析中断并且阻断页面上其他html的解析。
- 一段时间后，script下载完成并且执行。
- 继续解析HTML文档的其他部分（解析script之后的html代码）
第4步导致了不好的用户体验，直到script文件全部下载完成之前HTML都不能得到解析。
3.base64为什么能提升性能，缺点
减少http请求
缺点： 编解码需要时间，体积变大
4.前端开发有哪些提升性能的点+
缓存利用：缓存Ajax，使用CDN，使用外部js和css文件以
最低0.47元/天 解锁文章
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
