性能文章>HeapDump性能社区专题系列五:了解前端性能优化>

HeapDump性能社区专题系列五:了解前端性能优化原创

https://a.perfma.net/img/3110416
8月前
326628

HeapDump性能社区内容专题,打包知识一起学:

系列一:了解数据库性能优化

系列二:手把手教你了解OOM

系列三:过年七天,天天向上

系列四:后端面试必备问题集

系列五:了解前端性能优化实践

正文👇👇👇

相比于后端遇到的各种复杂性能问题,前端的性能相对简单,但是简单不代表容易,前端的技术更新迭代快,那么针对性能问题自然也会出现各种变种,需要各种新的工具和思路。

HeapDump性能社区将引进更多前端相关大佬,来给大家分享前端性能的那些事儿。本期先从前端性能基础开始:

 

1,前端性能基础:健康网站的关键指标有哪些?

一切性能问题,都有指标可以去量化和衡量,那么对于前端来说,判断一个网站健康的关键指标有哪些呢?不了解的同学可以了解一下,已经了解到可以复习一下,当然也可以在评论区补充一下噢!

2,核心web指标对业务的影响

有了指标以后,是不是对于指标背后的意义不太清楚呢?这些指标分别会引起什么性能问题?这些问题会具体给哪些业务带来什么样的影响呢?这篇文章可以带你做一个了解。同样,也欢迎大家在评论区补充噢!

3,Largest Contentful Paint 最大内容绘制 (LCP) 和  优化 Largest Contentful Paint 最大内容绘制

LCP,最大内容绘制,是前端性能里非常常见的一个指标,了解前端性能,自然得从了解它开始,另外你有什么好的优化建议,或者优化的经历,非常欢迎你分享到社区噢!

4,使用 PRPL 模式实现即时加载

PRPL 是四个英文单词的首字母缩写,它描述了一种可以提高网页加载速度和交互性的模式。了解前端性能优化,怎么能不了解这样的模式呢?

5,如何看待常见前端性能工具

一个优秀的开发者,必然是一个熟悉各种工具,并且熟练使用的开发者。前端性能优化里也有很多工具,这里可以做一个简单了解,当然如果你有好工具分享的,也欢迎去评论区交流噢!

6,前端性能优化基础实践

 理论总是看起来容易,而且市场上也有很多前辈们探索出来的技术和经验,但是上手就不一定了,这一篇我们就来完成实践吧!

好啦!第一期前端专题先整理这么多,更深入的前端性能,下一个专题揭秘。

另外,四月份将开启第一期免费训练营:前端性能优化训练营,欢迎有兴趣的小伙伴来参与噢!

点赞收藏
分类:标签:
堆堆

【HeapDump性能社区官方小编】各位堆友们,+微信号perfMa,可以联系上堆堆哦~

请先登录,查看2条精彩评论吧
快去登录吧,你将获得
  • 浏览更多精彩评论
  • 和开发者讨论交流,共同进步

为你推荐

Svelte runtime 源码浅析

Svelte runtime 源码浅析

字节跳动 DanceCC 工具链系列之Xcode LLDB耗时监控统计方案

字节跳动 DanceCC 工具链系列之Xcode LLDB耗时监控统计方案

关于对前端稳定性建设的一些总结

关于对前端稳定性建设的一些总结

一次有趣的 DNS 导致 Node 服务故障问题分析实录

一次有趣的 DNS 导致 Node 服务故障问题分析实录

字节前端监控SDK体积与性能优化实践

字节前端监控SDK体积与性能优化实践

W3C规范成熟不同阶段的Web性能API参考

W3C规范成熟不同阶段的Web性能API参考

8
2