面试篇：前端优化整理

故事背景
前端优化这种高概率出现的面试题，能背下来最好~技术小白的卤煮表示已经n多次听到大佬们面试会问到。。。。。。
作为一名前端开发工程师，前端逻辑上的优化可行性并不大，因为前端所涉及的逻辑相对于后台来说少之又少（这里不排除有些童鞋写的那些惨不忍睹的代码）。那下面就梳理一下前端优化的手段~

上才艺！！！

代码优化：

1.减少重定向的使用（很影响初屏加载的时间）
2.避免空src的img标签（浏览器其实会有一些额外的请求发生，版本高一点的这点优化了）
3.减少iframe数量（同等数量空的div和iframe，iframe的耗时会比div的高1~2个数量级）
4.减少http请求(卤煮第一次面试就被问到页面请求最多的时候是几个接口？？？)
5.善用浏览器缓存机制（客户端缓存cookie、localStroage、sessionStrorage）

资源优化方面：

1.使用CDN加载资源（[戳这里](https://www.cnblogs.com/changlon/p/10165053.html)）
2.压缩HTML、CSS、javascript文件（webpack方向答）
3.图片整合（尤其页面切图很多时，不要小看图片的占用资源，一张图抵你几百行代码，需要UI配合~）

目前卤煮小白能想到的只有这么多，总感觉没答出来面试官想听的呢?欢迎各位大佬补充！！！！！！
再老练一点，慢慢积累吧~