首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
性能优化
订阅
心有猛虎2
更多收藏集
微信扫码分享
微信
新浪微博
QQ
6篇文章 · 0订阅
写给中高级前端关于性能优化的9大策略和6大指标 | 网易四年实践
所有的性能优化都围绕着两大层面两小层面实现,核心层面是网络层面和渲染层面,辅助层面是时间层面和体积层面,而辅助层面则充满在核心层面里,笔者通过本文整理出关于前端性能优化的九大策略和六大指标
Webpack项目优化之CDN加速、Gzip压缩和SplitChunks拆分
这里以vue项目为例,配置包括但不限于vue项目。其他项目按类似逻辑配置基本一样。 分析:通过把类似 echart、element-ui、lodash 等第三方依赖库单独提取出,从而减小打包的体积大小,关键属性 externals 配置后的依赖插件不会被打包进 chunk 。而…
彻底玩转图片懒加载及底层实现原理
图片懒加载其实已经是一个近乎“烂大街”的词语了,在大大小小的面试中也会被频繁的问到,我在之前的面试中也被问到了图片懒加载的原因、实现方式及底层原理,但由于自己平时很少做“图片”相关的处理,对于“懒加载”也是知之甚少,所以在面试中问答的也不是很好。 今天,我将首先从浏览器底层渲染…
『前端优化』—— Vue项目性能优化
本文谨以自己的Vue项目经验来教你怎么在面试中说优化,如果有错误,有不足的,请指教,不吝指教,一起进步,找到更好的工作。如果觉得的本文对您有帮助,点个赞支持一下。 我个人认为性能优化可以从三个方面来进行,一是代码层面的优化,二是项目打包的优化,三是项目部署的优化。 开场白切记要…
解读新一代 Web 性能体验和质量指标
衡量一个 Web 页面的体验和质量一直有非常多的工具和指标 ... 每次我们去关注这些指标的时候都会非常痛苦,因为这些指标真的是又多又难理解,测量这些指标的工具也非常多。 当看到最近发布的 Chrome 83 中又增加了几个性能指标的时候我头都大了... 优化用户体验的质量一直…
还在看那些老掉牙的性能优化文章么?这些最新性能指标了解下
性能优化相关的文章其实网上挺多,但是大部分都是在讲如何优化性能,也就是讲方法论。但是在实际工作中,如何量化性能优化也是相当重要的一环。今天本文会介绍谷歌提倡的七个用户体验指标(也可以认为是性能指标),每个指标分别根据以下几点讲解: 首次绘制,FP(First Paint),这个…