qq_25503949的博客

前端性能优化（总结）---有关的面试题一.如何进行首屏优化二.JS内存管理1》JS如何管理内存的？2》什么情况会造成内存泄漏？一.如何进行首屏优化1》首先对于首屏，我认为用户体验有三个阶段：①就是页面第一个东西加载出来：用户会感觉到自己已经成功访问到这个网址了②页面第一个含有有用信息的东西加载出来：用户会觉得能在这个网站上获取到有用的信息③页面可以进行交互：用户进行交互体验2》然后对前面所学的性能优化进行一下总结即可二.JS内存管理1》JS如何管理内存的？变量创建时自动分配内存，不使用时”

前端性能优化（五）传输加载优化一.启动压缩Gzip1.在传输阶段进行体积压缩，可高达百分之90%2.如何配置Nginx启用Gzip二.使用keep-alive三.http缓存四.使用http2一.启动压缩Gzip1.在传输阶段进行体积压缩，可高达百分之90%2.如何配置Nginx启用Gzip如何配置Nginx启用Gzip首先 下载homebrew然后 安装nginx brew install nginx然后 sudo brew services start nginx 开启服务然后 vim

前端性能优化（四）资源优化一.资源的压缩和合并1.为什么要压缩和合并2.HTML压缩3.CSS压缩4.JS压缩和混淆5.CSS、JS文件合并二.图片资源的优化1.图片格式优化2.图片加载优化三.字体优化1.字体出现的两个问题2.使用font-display控制浏览器的行为3.如何引入字体一.资源的压缩和合并1.为什么要压缩和合并1》减少http请求数量2》减少请求资源大小2.HTML压缩1》使用在线工具进行压缩2》使用html-minifier等npm工具（webpack就是集成的这个工具）

前端性能优化（三）代码优化一.JS开销和如何缩短解析时间1.开销在哪里2.如何缩短解析时间3.最后我们说一下题外话 用户体验的三个阶段二.V8编译原理三.HTML优化四.CSS代码方面的优化1.有关选择器2.降低CSS对渲染的阻塞3.利用GPU进行完成动画4.使用contain属性5.font-display（较新的一种方式）一.JS开销和如何缩短解析时间1.开销在哪里加载----编译解析----执行2.如何缩短解析时间1.code splitting代码拆分，按需加载2.tree shakin

前端性能优化（二）渲染优化一.浏览器渲染流程二.布局和绘制的优化1.影响回流的操作2.什么是布局抖动、以及如何避免3.复合线程（compositor thread）与图层（layers）三.requestanimationframe 这个API一.浏览器渲染流程初次渲染—浏览器渲染流程二次渲染主要是这五个步骤：JavaScript：指的是用js可以实现页面上的视觉变化，比如动画等；除此之外我们还可以用css做动画过渡等，这里只是统一代表，改变页面视觉变化的一系列操作Style：浏览器对样式就行重

前端性能优化（一）性能优化的指标和工具一.性能指标1. F12 network进行调试，我们以淘宝为例2. 此外还有一个瀑布流的概念 waterfall3.蓝线和红线4.保存当前网页指标，方便以后对比5.查看动画帧数6.异步请求的指标二. RAIL测量模型1.R\A\I\L含义2.RAIL评估标准指标三.性能测量工具1.我们常用的 Chrome DevTools2.webpagetest是什么怎么用怎么看3.lighthouse的使用一.性能指标1. F12 network进行调试，我们以淘宝为例可