前端首屏优化
文章平均质量分 92
前端首屏优化专栏系列,从不同角度聊聊首屏优化实践,包括且不限于防劣化、工程体系、端能力等,欢迎关注 ✨✨。
Web面试那些事儿
前端面试小册、简历优化修改、大厂内推以及更多阿里、字节大厂面试真题合集,添加小助理yinke0036免费领取,和阿里p8大佬一起交流,更有一对一面试指导!!!
展开
-
前端首屏优化 | 借助客户端能力提升 H5 首屏的 8 个手段
之前写了一篇文章,聊到了如何根据来梳理性能优化方案,反响还不错。于是,我计划输出「前端首屏优化」专栏系列,从不同角度聊聊首屏优化实践,包括且不限于防劣化、工程体系、端能力等,欢迎关注 ✨✨。作为专栏的第一篇,本文将从客户端角度,聊聊如何借助优化前端首屏加载速度。除了方案介绍,本文还会提供数据收益、注意事项、开发成本等,以帮助大家更好的评估实现优先级,选择合适业务的方案。本文主要是经验和原理之谈,不涉及客户端代码实现,比较适合想开拓视野的。上图为通用的利用分类思维,对该流程进行。原创 2024-04-24 10:00:00 · 1861 阅读 · 0 评论 -
HTML 放入离线包?你需要了解的离线策略
数据存在的节点越多,原创 2024-04-23 11:00:03 · 866 阅读 · 0 评论 -
面试官上来就问:如何实现 H5 秒开?
深度关注的是技术解决方案,可以从页面加载链路进行方案拆解,得到容器启动、资源加载、代码执行、数据获取、绘制渲染各个环节。从这个问题出发,如果想高分通过,不仅需要了解优化方案,还要关注研发流程、数据指标、项目协作等等,有沉淀自己的方法论和指导性原则,能实施可执行的 SOP。:使用多个层级的分类方法。另外,就我个人认为,候选人拥有抽象思维比实操经验更重要,更何况有些人的实操仅仅是知道怎么做,而不知道为什么做。现在,尝试使用「页面加载链路+流程优化+协作方」的多级分类思维,对常见的首屏性能优化手段进行分类。原创 2024-04-23 10:32:02 · 677 阅读 · 0 评论 -
TypeScript/JavaScript低成本静态编译AOT的探索
TypeScript和JavaScript是目前前端最流行的生态, 它们的共同特点就是表达和抽象能力非常强, 但这也导致了语言VM/Runtime都非常臃肿, 带来了性能上的损失. 作为一种胶水语言, 性能本身不应该是大问题, 但是随着在前端生态的帮助下和跨平台开发的需要, 这2种语言的很多开发者进入到了更广阔的开发场景下, 比如更大型的项目, 服务器应用, IOT设备的应用等等. 借助于jit compiler帮助, 在大多数的使用场景下, 它们的性能都可以得到很大的提升, 但是在一些jit compil原创 2024-04-24 10:00:00 · 1276 阅读 · 0 评论