![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
性能优化
文章平均质量分 68
前端imber
这个作者很懒,什么都没留下…
展开
-
HTTP缓存《性能优化第四篇》
图解: 步骤: 常见HTTP缓存只能缓存GET请求响应的资源,不能别的请求方式 HTTP缓存都是从第二次请求开始的。第一次请求资源时,服务器返回资源,并在响应头中回传资源的缓存参数;第二次请求时,浏览器判断这些请求参数,命中强缓存就直接200,否则就把请求参数加到请求头中传给服务器,看是否命中协商缓存,命中则返回304,否则服务器会返回新的资源 强制缓存和协商缓存: 强制缓存: 强制缓存如果生效,不需要再和服务器发生交互;而协商缓存不换是否生效,都需要和服务器发生交互。 Expires和Cache-原创 2021-07-28 11:13:41 · 218 阅读 · 0 评论 -
图层与重绘重排与优化《性能优化第三篇》
CSS图层: 浏览器控制台在layers可以查看图层 浏览器设置里可以关闭或使用硬件加速功能 浏览器在渲染一个页面时,会将页面分为很多个图层,图层有大有小,每个图层有一个或多个节点,在渲染DOM时候,浏览器所做的工作实际上是: 获取DOM后分割为多个图层 对每个图层的节点计算样式结果 (Recalculate style—样式重计算) 为每个节点生成图形和位置 (layout–布局,重排,回流) 将每个节点绘制填充到图层位图中 (Paint—重绘) 图层作为纹原创 2021-08-18 00:13:28 · 181 阅读 · 0 评论 -
浏览器渲染引擎与阻塞《性能优化第二篇》
浏览器渲染引擎 一个渲染引擎包括:HTML解析器,CSS解析器,JS引擎,布局layout模块,绘图模块. 解析:解析代码 、 渲染:渲染页面 文档对象模型。(Document Object Model)DOM 大致渲染过程 遇到HTML标记,解析HTML,生成Dom树(就是一块内存) 遇到style/link,解析构建出CSS样式树 遇到script,处理script标记、绑定事件、修改DOM树/CSS树等 将DOM树与CSS树合并成一个渲染树 根据渲染树来渲染,以计算每个节点的几何信原创 2021-08-17 23:08:14 · 72 阅读 · 0 评论 -
浏览器组成《性能优化第一篇》
进程: 程序的一次执行,它占有一片独有的内存空间,是操作系统执行的基本单元 一个进程中至少有一个运行的线程:主线程,进程启动后自动创建 一个进程中可以同时运行多个线程,程序是多线程运行的 一个进程内的数据可以供其中多个线程直接共享,多个进程之间的数据是不能之间共享的 浏览器每个进程内有很多线程 线程: 是进程内一个独立执行单元,CPU调度最小单元。程序运行的基本单元 线程池(thread pool):保存多个线程对象的容器,实现线程对象的反复利用 JS引擎室单线程运行的!(回忆事件轮询机制) 浏览器原创 2021-08-07 16:22:21 · 257 阅读 · 0 评论