<article class="_2rhmJa"><div class="image-package"> <div class="image-container" style="max-width: 700px; max-height: 4 ...

<article class="_2rhmJa"><h2>性能指标</h2> <p>FP (First Paint) 首次绘制<br/> FCP (First Contentful Paint) 首次内容绘制<br/> FMP（First ...

<p>React 18 带来了几个非常实用的新特性，同时也没有额外的升级成本，值得仔细看一看。</p> <p>下面是几个关键信息：</p> <ul> <li><a href="https://github.com/reactwg/react ...

<p>本期精读的文章是：<a href="https://www.nearform.com/blog/node-js-is-getting-a-new-v8-with-turbofan/">V8 引擎特性带来的的 JS 性能变化</a></ ...

<p>本期精读的文章是：<a href="https://www.smashingmagazine.com/2016/12/front-end-performance-checklist-2017-pdf-pages/">Front End ...

<p>本期精读的文章是：</p> <p><a href="https://blog.sessionstack.com/how-javascript-works-memory-management-how-to-handle-4-common ...

<h2 id="_1">前端性能优化认知</h2> <h3 id="_2">什么是前端性能优化</h3> <p>通常来讲，前端性能优化是指：从用户开始访问网站到整个页面完整地展现出来的过程中，通过各种优化策略和优化方法，让页面加载得更快，让 ...

<h2 id="_1">前言</h2> <p>提升页面性能优化的方法有哪些：</p> <ul> <li> <p>1、资源压缩合并，减少http请求</p> </li> <li> <p>2、<strong>非核心代码异步加载</strong> ...

<h2 id="_1">性能指标和优化目标之：加载</h2> <p>性能指标：我们在性能优化过程中可以参考的标准。这些标准都是业界或者前人总结出来的指导性经验。我们可以参考这些指标，去指导我们自己的优化。</p> <h3 id="_2">打 ...

的各个方面 <p>前端实战开发包括很多方面，比如：</p> <ul> <li> <p>跨终端技术体系</p> </li> <li> <p>前端监控体系</p> </li> <li> <p>多终端可视化页面搭建体系</p> </li> <li ...