首页
沸点
课程
数据标注
HOT
AI Coding
更多
直播
活动
APP
插件
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
浏览器性能指标
订阅
洺鱼
更多收藏集
微信扫码分享
微信
新浪微博
QQ
12篇文章 · 0订阅
吃透前端项目优化系列(二):首屏渲染优化 + 性能指标拆解
首屏加载慢、性能指标看不懂?本节聚焦首屏渲染优化(含资源加载 / 页面渲染),拆解核心 Web 指标,附 Vue3 特有技巧和监控工具。系列后续更交互优化,追更不迷路~
前端性能优化的几个大招(理论+实践)
前言 性能优化,一个掣肘用户体验的关键模块。它没有固定的标准定义或唯一的解决方案。但是我们从整个项目的开发-部署-用户体验的整个过程中,总能摸到很多有普适性的规范或者优化理念。 我们的目的是什么?优化
领导:小伙子,咱们这个页面出来太慢了!赶紧给我优化一下。
性能优化 这样一个词应该已经是老生常谈了,不仅在面试中面试官会以此和你掰头,而且在工作中领导也会因为网页加载速度慢来敲打你学(打)习(工),那么前端性能优化,如果判断到底需不需要做,如果需要做又怎么去
就这几个小操作,我把项目性能优化了几十倍!
其实性能优化还存在很多可以玩的地方,今天笔者就来聊一些大家不常关注的地方,从开发到 CI 的构建阶段以及最后部署上线这几个链路。
浏览器渲染原理与性能优化
浏览器渲染原理,以及通过网络层、应用层、图片,js等方向做性能优化。了解浏览器渲染过程,了解基本优化方法
当有人说你页面有性能问题,该怎么办
背景 产品:你看看这页面加载的如此之慢,怎么会有用户用呢?(并甩给了我一个录屏) 我: (抛出前端应对之策)前端需要加载vue,js,html,css这些都需要时间呀,是不是,别说还需要接口请求,数据
使用 Performance 看看浏览器在做什么
Chrome 浏览器的 Performance 面板为我们提供了检测页面性能的能力,但其提供的远不止一些性能数据。本文将从工作原理的视角,结合实际工程的录制结果,探一探性能面板向我们透露的其他信息。 因为尚未决出最终的标准架构,各大浏览器的实现细节各有不同。这里我们以 Chro…
解读新一代 Web 性能体验和质量指标
衡量一个 Web 页面的体验和质量一直有非常多的工具和指标 ... 每次我们去关注这些指标的时候都会非常痛苦,因为这些指标真的是又多又难理解,测量这些指标的工具也非常多。 当看到最近发布的 Chrome 83 中又增加了几个性能指标的时候我头都大了... 优化用户体验的质量一直…
我给网站做了一场性能手术
风和日丽: 我正笑嘻嘻地抓着我炫酷的ikbc键盘疯狂的敲着Bug. 晴天霹雳: 被拉进了一个群,产品说我做的网站很卡,需要做性能优化. 难以置信: 我可是用尊贵的Vue3+T
2018 前端性能检查表
众所周知,性能十分重要。然而,我们真的知道性能瓶颈具体在哪儿吗?是执行复杂的 JavaScript,下载缓慢的 Web 字体,巨大的图片,还是卡顿的渲染?研究摇树(Tree Shaking),作用域提升(Scope Hoisting),或是各种各样的与 Intersection…