
浏览器原理
文章平均质量分 59
信海利世
一叶扁舟难明理,两条主线方对齐。燕过留痕强记忆,代码躬行破迷离。横批-与人分享我受益
大前端技术爱好者,9年项目经验,大前端技术研究、总结、分享者:包括但不限于node核心api、node服务端、前端工程化、三大mvvm框架、H5游戏开发、各类小程序、app混合开发等。
持续学习:编译原理、数据结构算法、设计模式、操作系统、容器化、计算机原理、嵌入式、网络协议等。
执拗练习:dota2 祈求者(卡尔)。
展开
-
Core web vitals(网站核心指标)
Largest Contentful Paint 显示最大内容元素所需时间 (LCP) – 载入速度。FCP的目标是加载网站中的第一个元素,但如果只针对第一个元素,用户仍然看不到重要内容。因此,谷歌开发了一个全新的指标——LCP。First Input Delay 首次输入延迟/封锁时间总计 (FID) – 可开始互动的时间。第一次输入与页面上的响应元素密切相关。这些响应组件可以是链接、按钮或弹出窗口。Cumulative Layout Shift 累计版面配置转移 (CLS) – 页面稳定性相关分析工原创 2022-03-07 17:03:56 · 639 阅读 · 0 评论 -
强制同步布局和布局抖动
优化通常一个页面有三个阶段:加载阶段、交互阶段和关闭阶段。加载阶段,是指从发出请求到渲染出完整页面的过程,影响到这个阶段的主要因素有网络和 JavaScript 脚本。交互阶段,主要是从页面加载完成到用户交互的整合过程,影响到这个阶段的主要因素是 JavaScript 脚本。关闭阶段,主要是用户发出关闭指令后页面所做的一些清理操作。加载阶段并非所有的资源都会阻塞页面的首次绘制,比如图片、音频、视频等文件就不会阻塞页面的首次渲染;而 JavaScript、首次请求的 HTML 资源文件、CSS 文原创 2021-11-25 12:36:32 · 1049 阅读 · 0 评论