首页 文章 精选 留言 我的
优秀的个人博客,低调大师

微信关注我们

原文链接:https://my.oschina.net/u/4090830/blog/10094338

转载内容版权归作者及来源网站所有!

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

实践指南-前端性能提升 270% | 京东云技术团队

一、背景 当我们疲于开发一个接一个的需求时,很容易忘记去关注网站的性能,到了某一个节点,猛地发现,随着越来越多代码的堆积,网站变得越来越慢。 本文就是从这样的一个背景出发,着手优化网站的前端性能,并总结出一套开发习惯,让我们在日常开发时,也保持高性能,而不是又一次回过头来优化性能。 指标名称 优化前 优化后 提升 Lighthouse Performance 评分 29 81 279% FCP(First Contentful Paint 首次内容绘制) 0.7s 0.7s LCP(Largest Contentful Paint 最大内容绘制) 6.2s 2.5s 248% TTI(Time to Interactive 可交互时间) 10.1s 2.1s 480% Speed Index(速度指数) 5.6s 1.8 311% TBT(Total Blocking Time 总阻塞时间) 820ms 120ms 683% 优化前后对比: 二、优化前 接下来就是介绍下优化前我们要做哪些事件: 了解性能指标及测量工具 分析需要优化的地方 1. 了解测量工具及性能指标 一开始我们只是感受...

经验分享:删掉 500 个产品待办事项后,我逃离了「假敏捷」

文章开始之前,我想先请大家思考几个问题: 你的产品待办列表中有多少项工作? 其中最早的待办事项是什么时候创建的? 你和 Scrum 团队多久会维护一次列表中那些从没进过迭代的「钉子户」事项? 我第一次问自己时,得到的答案是这样的: 产品待办列表中有 450 个待办事项; 最早的一项在三年零七个月前创建; 至少有 100 个事项被完善和评估,却从未被规划进迭代。 我开始反思产品待办列表(Product Backlog)和产品待办事项(Product Backlog Item)的奇怪现象,随后确定了一件事情:我没有理解「敏捷」的真正含义。 现在我将与你分享,为什么清理(甚至删除)产品待办列表可能让你拥抱更自由的敏捷。 01 笨重的产品待办列表是敏捷的劲敌 你能立刻说出「敏捷」的含义吗? 一千个人眼中有一千个哈姆雷特,而我的理解是:敏捷要更快地向用户和业务提供价值。 对于抽象的「价值」,大家或许也会有不同的解读。于我而言,「提供价值」意味着在帮助用户解决问题的同时,为业务带来回报。 从容地面对未知是践行敏捷的关键。 追本溯源,敏捷强调拥抱变化,在变化中学习。我们应该简单地创建假设、验证假设、...

相关文章

发表评论

资源下载

更多资源
优质分享App

优质分享App

近一个月的开发和优化,本站点的第一个app全新上线。该app采用极致压缩,本体才4.36MB。系统里面做了大量数据访问、缓存优化。方便用户在手机上查看文章。后续会推出HarmonyOS的适配版本。

Mario

Mario

马里奥是站在游戏界顶峰的超人气多面角色。马里奥靠吃蘑菇成长,特征是大鼻子、头戴帽子、身穿背带裤,还留着胡子。与他的双胞胎兄弟路易基一起,长年担任任天堂的招牌角色。

Nacos

Nacos

Nacos /nɑ:kəʊs/ 是 Dynamic Naming and Configuration Service 的首字母简称,一个易于构建 AI Agent 应用的动态服务发现、配置管理和AI智能体管理平台。Nacos 致力于帮助您发现、配置和管理微服务及AI智能体应用。Nacos 提供了一组简单易用的特性集,帮助您快速实现动态服务发现、服务配置、服务元数据、流量管理。Nacos 帮助您更敏捷和容易地构建、交付和管理微服务平台。

Sublime Text

Sublime Text

Sublime Text具有漂亮的用户界面和强大的功能,例如代码缩略图,Python的插件,代码段等。还可自定义键绑定,菜单和工具栏。Sublime Text 的主要功能包括:拼写检查,书签,完整的 Python API , Goto 功能,即时项目切换,多选择,多窗口等等。Sublime Text 是一个跨平台的编辑器,同时支持Windows、Linux、Mac OS X等操作系统。

用户登录
用户注册