web前端笔试题面试题汇总+前端优化总结.pdf
版权申诉
54 浏览量
2022-10-26
00:32:50
上传
评论
收藏 465KB PDF 举报
web 前端笔试题面试题汇总+前端优化总结
前端是庞大的，包括 HTML、CSS、Javascript、Image、Flash 等等各种各
样的资源。前端优化是复杂的，针对方方面面的资源都有不同的方式。那么，前
端优化的目的是什么?
1.从用户角度而言，优化能够让页面加载得更快、对用户的操作响应得更
及时，能够给用户提供更为友好的体验。
2.从服务商角度而言，优化能够减少页面请求数、或者减小请求所占带宽，
能够节省可观的资源。
总之，恰当的优化不仅能够改善站点的用户体验并且能够节省相当的资源
利用。
前端优化的途径有很多，按粒度大致可以分为两类，第一类是页面级别的
优化，例如请求数、脚本的无阻塞加载、内联脚本的位置优化等;第二类则是代
码级别的优化，例如 Javascript 中的 DOM 操作优化、CSS 选择符优化、图片优
化以及 HTML 结构优化等等。另外，本着提高投入产出比的目的，后文提到的各
种优化策略大致按照投入产出比从大到小的顺序排列。
一、页面级优化
1.减少请求数
这条策略基本上所有前端人都知道，而且也是最重要最有效的。都说要减
少请求，那请求多了到底会怎么样呢?首先，每个请求都是有成本的，既包含时
间成本也包含资源成本。一个完整的请求都需要经过 DNS 寻址、与服务器建立连
接、发送数据、等待服务器响应、接收数据这样一个“漫长”而复杂的过程。时
间成本就是用户需要看到或者“感受”到这个资源是必须要等待这个过程结束
的，资源上由于每个请求都需要携带数据，因此每个请求都需要占用带宽。另外，
由于浏览器进行并发请求的请求数是有上限的(具体参见此处)，因此请求数多了
以后，浏览器需要分批进行请求，因此会增加用户的等待时间，会给用户造成站
点速度慢这样一个印象，即使可能用户能看到的第一屏的资源都已经请求完了，
但是浏览器的进度条会一直存在。
减少请求数的主要途径包括：
剩余13页未读，继续阅读
评论0
最新资源