标签:性能优化

2021年前端性能检查清单

前端性能检查清单 是由LogRocket的团队产出的,从2016年开始每年都有更新。LogRocket 本身提供了一个前端性能监控的服务,他们通过跟踪主要指标,分析内存占用等措施来给出网站性能改进建议。这份清单,对前端开发者来说,可以提供一些实战性的经验和参考,帮助开发者更好地做...

我们是如何提升SmashingMag网站性能的

SmashingMag 是一个技术博客网站,使用React编写的前端页面。他们最近做了一些web性能优化,提升了核心页面指标(Core Web Vitals)参数。 作为一个技术博客网站,数据基本上都是静态的数据,如CSS、图片、JavaScript,还有一些评论等。 在这些要优...

Microdiff: 构建最快的对象和数组差异化

我维护着 Microdiff,这是一个针对深层对象差异化进行了性能和尺寸优化的库。有人在一个 Microdiff 的问题 中发表了一个帖子,要求我写一篇关于我如何使 Microdiff 变得快速的博客文章。 我相信,对于你注意到的其他库存在的效率低下以及你是如何克服它们的...

Vue 3中的状态管理:为什么你应该尝试Pinia

他们说编程中有两件难事:命名和缓存失效。我想再增加一项:现代 Web 应用中的状态管理! 今天,我们将深入探讨 Vue 中的状态管理策略,并介绍直观的存储库 Pinia。 Vue 状态管理:注意事项和限制 从 Vue 2 开始的时代起,我们使用 data 选项来定义一个方法,该方...

DevTools,Chrome 124 中的新功能

新的自动填充面板 此版本为 DevTools 带来了全新的 自动填充 面板。Chrome 自动填充 提供了一种方便的方式,在网站上自动填充已保存地址的表单。新的 自动填充 面板允许您检查表单字段、预测的自动填充值和已保存数据之间的映射关系。 在此 演示页面 上尝试新面板和测试数据...