书架
✨

书架

=一个知识书库=

性能优化之四：渲染层优化
2392 字8 分钟

性能优化之四：渲染层优化

# 前言 上一篇我们已经围绕“网络层面”探索页面性能优化的方案，接下来本篇围绕“浏览器渲染层面”继续开展探索。正文开始前，我们思考如下问题： > 1. 浏览器渲染页面会经过哪几个关键环节？“渲染层面”的优化从哪几方面着手？ > 2. “渲染层面”的性能优化方案会有哪些？ <!--more--> # 渲染关键环节 ![](http://www.lixianglong.cn/bg_store/img/content/7315846848459440165.png) > 页面渲染过程详见：[《性能优化之10分钟看懂浏览器的渲染过程及优化》](http://www
技术设计,前端,js
more...
性能优化之一：用户体验概要
699 字3 分钟

性能优化之一：用户体验概要

# 前言 ## 思考1：“从输入URL到加载完成”，经历了哪些过程？ 这个问题，相信大多数前端开发面试常被问到。我们在探索性能优化方案前，必须先弄清楚这个问题，了解页面加载到渲染的完整机制，才能找到有效的优化策略及方案。页面初始化时，从加载到渲染大致经历了8大过程，具体如下图所示： ![image.png](http://www.lixianglong.cn/bg_store/img/content/149b11d1c4394b74b78c7f68b7476540~tplv-k3u1fbpfcp-jj-mark_3024_0_0_0_q75.awebp#?w=1824&h=530&
技术设计,前端,js
more...
最全的前端性能定位总结
6307 字22 分钟

最全的前端性能定位总结

------ ### 性能优化的意义 #### 1. 性能是留住用户很重要的一环 - **pinterest** 重建了他们的页面以实现性能，使感知等待时间减少了 **40％**，从而将搜索引擎流量和注册量提高了 **15％**。 - 通过将平均页面加载时间减少 850 毫秒，**COOK** 发现他们能够将转化率提高 7％，将跳出率降低 7％，并将每个页面的页面数量增加 10％。 - **BBC** 发现，他们在网站加载的每**一秒钟**内就会损失 **10％** 的用户。 - **DoubleClick by Google** 发现，如果网页加载时间超过 **3**
技术设计,前端,js
more...
Google Web Vitals 使用者体验量化
3148 字11 分钟

Google Web Vitals 使用者体验量化

Google 在 2020/5/4 号发布了新的搜寻引擎演算法更新 "[The May 2020 Core Update](https%3A//twitter.com/searchliaison/status/1257376879172038656)"，影响许多站主的来客流量，正当大家还摸不著头绪时，5/5 又提出了新的使用者体验量化方式 "[Web Vitals](https%3A//blog.chromium.org/2020/05/introducing-web-vitals-essential-metrics.html)"，在 5/28 更指出此量化方式将开始至少试验一年的时间，在 2
技术设计,前端,js
more...
powerShell、cmd、bash 有什么区别呢
271 字1 分钟

powerShell、cmd、bash 有什么区别呢

## CMD CMD是Windows[命令提示符](https://www.zhihu.com/search?q=命令提示符&search_source=Entity&hybrid_search_source=Entity&hybrid_search_extra={"sourceType"%3A"answer"%2C"sourceId"%3A1834076537})是Microsoft DOS操作系统的原始shell。一直到[Windows 10](https://www.zhihu.com/search?q=Windows 10&search_source=Entity&hybrid_
技术设计,前端,js
more...