![](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 · 222 阅读 · 0 评论 -
图层与重绘重排与优化《性能优化第三篇》
CSS图层:浏览器控制台在layers可以查看图层浏览器设置里可以关闭或使用硬件加速功能浏览器在渲染一个页面时,会将页面分为很多个图层,图层有大有小,每个图层有一个或多个节点,在渲染DOM时候,浏览器所做的工作实际上是:获取DOM后分割为多个图层对每个图层的节点计算样式结果 (Recalculate style—样式重计算)为每个节点生成图形和位置 (layout–布局,重排,回流)将每个节点绘制填充到图层位图中 (Paint—重绘)图层作为纹原创 2021-08-18 00:13:28 · 187 阅读 · 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 · 80 阅读 · 0 评论 -
浏览器组成《性能优化第一篇》
进程:程序的一次执行,它占有一片独有的内存空间,是操作系统执行的基本单元一个进程中至少有一个运行的线程:主线程,进程启动后自动创建一个进程中可以同时运行多个线程,程序是多线程运行的一个进程内的数据可以供其中多个线程直接共享,多个进程之间的数据是不能之间共享的浏览器每个进程内有很多线程线程:是进程内一个独立执行单元,CPU调度最小单元。程序运行的基本单元线程池(thread pool):保存多个线程对象的容器,实现线程对象的反复利用JS引擎室单线程运行的!(回忆事件轮询机制)浏览器原创 2021-08-07 16:22:21 · 263 阅读 · 0 评论