首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
性能监控与优化
订阅
温柔半两
更多收藏集
微信扫码分享
微信
新浪微博
QQ
11篇文章 · 0订阅
我的前端性能优化知识体系
最近在学习前端性能优化方面的知识,看了很多大佬的文章,感觉文章多了比较零散,学习效率不高,所以就整合了一下大佬们写的性能优化的东西,从页面的渲染过程来建立自己的一个前端性能优化的体系。
前端工程师生产环境 debugger 技巧
导言: 开发环境 debug 是每个程序员上岗的必备技能。生产环境呢?虽然生产环境 debug 是一件非常不优雅的行为,但是由于种种原因,我们又不得不这么干。 那我们今天讲一讲如何使用 chrome
前端页面性能优化总结
前端的页面性能优化是每个前端工程师都逃脱不了的话题,因为用户体验是我们永恒的目标。这篇文章我会从性能指标出发,在网络资源优化和页面渲染优化这两个角度,总结一下个人对前端页面性能优化的相关知识的学习
请UI小姐姐喝了一杯奶茶要来的网站
前言 本期博客小凌就和大家分享一波硬核网站。作为一名优秀的前端工程师不能总依靠UI小姐姐,工作上多为UI小姐姐能分担多少分担多少。做事情不要设边界。生活上也是,多请她喝几杯奶茶,她也许就会告诉你下面这
前端装逼技巧 108 式(四)—— 一起摇摆
作为一名拥有钢铁般意志的前端打工人,装逼是不可能的,这辈子都不可能装逼。如果真要装逼,那就大家一起装逼,毕竟前端要讲武德嘛,要耗子尾汁。前端装逼技巧108式,供诸君茶余饭后一乐,为打工生活增添乐趣。
Chrome运行时性能瓶颈分析
Frames部分,主要用于查看特定帧的fps,可以查看特定的帧情况。 此代码的问题在于,在每个动画帧中,它会更改每个方块的样式,然后查询页面上每个方块的位置。由于样式发生了变化,浏览器不知道每个方块的位置是否发生了变化,因此必须重新布局方块以计算其位置。
狙杀页面卡顿 —— Performance 指北
今天介绍下 Chrome dev tools 家族的一个小兄弟,它在 Chrome 57 之前叫作「Timeline」,而现在换了个更长的马甲 —— 「Performance」,毕竟名字要「长~~~~~~~~~」更能吸引注意。 也许你曾不经意启动过这个工具,看见里面五颜六色的图…
网页性能检测-performance
推荐使用window.performance对象。 实质上来说performance对象就是专门用于性能监测的对象,内置了几乎所有常用前端需要的性能参数监控。 注意:performance对象的所有API,都是只读的。 performance的监控前端性能推出,让几乎所有浏览器…
Chrome Performance 页面性能分析指南
性能优化是前端开发一个非常重要的组成部分,如何更好地进行网络传输,如何优化浏览器渲染过程,来定位项目中存在的问题。Chrome DevTools给我们提供了2种常用方式 Audits和Performance,Audits可以对页面进行性能评分,同时,还会给我们提供一些优化建议。…
如何使用Lighthouse性能检测工具
前言最近做性能检测工具,很多知识点不清楚,打算查缺补漏,补一补。接下来从官方提供的性能检测工具Lighthouse(灯塔)开始我们的学习,简单介绍了下Lighthouse的一些点。