摘要:
前端性能分析 浏览器存储 浏览器是由多种存储方式的,如何选择他们呢? cookie + 因为HTTP请求无状态,所以需要cookie去维持客户端状态 + 过期时间 expire + cookie的生成方式 + http response header中的set cookie + js中可以通过doc 阅读全文
摘要:
前端性能分析 重绘与回流 css竟然能让JavaScript变慢 回流 + 当render tree中的一部分(或全部)因为元素的规模尺寸,布局,隐藏等改变而需要重新构建。这就成为回流 + 当页面布局和几何属性改变时就需要回流 重回 + 当render tree中的一些元素需要更新属性,而这些属性只 阅读全文
摘要:
前端性能优化 css,js的加载与执行 javascript是单线程的 一个网站在浏览器是如何进行渲染的呢? html页面加载渲染的过程 html渲染过程的一些特点 + 顺序执行,并发加载 + 词法分析 + 并发加载 + 并发上限 + 是否阻塞 + 依赖关系 + 引入方式 css阻塞 + css h 阅读全文
摘要:
前端性能优化 图片优化 先来看一张JPG图片有损压缩的解析过程 png8/png24/png32之间的区别 png8 —— 256色 + 支持透明 png24 —— 2^24色 + 不支持透明 png32 —— 2^24色 + 支持透明 每种图片格式都有自己的特点,针对不同的业务场景选择不同的图片格 阅读全文
摘要:
前端的性能优化 资源的压缩与合并 + 优化要点:减少http数量请求和资源大小请求 + 运用压缩与合并 + 实现方式有在线网站和压缩工具(需要node) web前端本质上是一种GUI软件,本可以直接借鉴其他GUI系统架构设计方法,但web前端有点特别 浏览器的一个请求从发送到返回都经历了什么? 在这 阅读全文