首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
性能分析与优化方案
订阅
Wailen
更多收藏集
微信扫码分享
微信
新浪微博
QQ
3篇文章 · 0订阅
你真的了解回流和重绘吗
本文先从浏览器的渲染过程来从头到尾的讲解一下回流重绘,如果大家想直接看如何减少回流和重绘,优化性能,可以跳到后面。(这个渲染过程来自MDN) Display:将像素发送给GPU,展示在页面上。(这一步其实还有很多内容,比如会在GPU将多个合成层合并为同一个层,并展示在页面中。而…
杂谈:前端性能优化的思路
优化大体可以就拉取资源体积的大小,请求速度和资源组织方式角度去优化。也可以通过浏览器的`Performance`和`Lighthouse`模块生成加载或者性能报告,根据其提示的思路去优化页面。
基于performance手写一个前端首屏性能分析工具
前言 话不多说,先看效果: 是不是首屏数据一目了然~ 当然 f12-performance也可以查看很多性能相关数据(本文暂不概述) 快速通道:直接划到底,CV 代码至项目根目录文件即可尝鲜~ win