从网页控制台分析FP，FCP，LCP，DCL，L的触发时间，以及讨论如何优化。 名词解释 名词 全称 解释 FP firstPaint 首次绘制 FCP firstContentfulPaint

在上一篇文章中，我概述了 RenderingNG 的架构目标和关键属性。这篇文章将解释 RenderingNG 的各部件是如何设置的，渲染流水线是如何使用这些部件的。

JS执行原理是什么，同步任务和异步任务是怎么执行的。什么是事件循环，微任务和宏任务又是什么，它们之间有什么区别。这篇文章会给你答案。

在前端领域, 性能优化都是一个非常重要的组成部分，如何通过合理的手段尽可能地提高页面性能，是需要我们不断地努力要做到的，但在那之前, 性能排查又是让你能够对症下药的重要手段, 通过性能排查, 咱

开启掘金成长之旅！这是我参与「掘金日新计划 · 2 月更文挑战」的第 28 天，点击查看活动详情 前言 Chrome 浏览器的 Performance 面板提供了检测页面性能的能力，但其提供的远不止一

一直以来对source map 都懵懵懂懂， 被webpack 所提供的多样的source 给乱花了眼。 这次就决定来一一尝试一下各种source map的区别 什么是source map 现代的前端

浏览器的内核是指支持浏览器运行的最核心的程序，分为两个部分的，一是渲染引擎，另一个是JS引擎。渲染引擎在不同的浏览器中也不是都相同的。目前市面上常见的浏览器内核可以分为这四种：Trident（IE）、Gecko（火狐）、Blink（Chrome、Opera）、Webkit（Sa…

webpack性能优化中必不可少的一环就是externals，本文详细阐述externals的使用场景以及如何使用

6000字详解package.json，今天看前端的大管家package.json文件相关的配置，充分了解这些配置有助于我们提高开发的效率，规范我们的项目。文章内容较多，建议先收藏在学习！