## 一、背景 古茗会员体系升级需要在小程序首页接入炫酷的动画，通过技术选型最终敲定了阿里出品的`@galacean/effects`，编译后体积`599.3KB`，小程序主包限制最大也就只有`2MB

今天我们就扒开 Chrome 的外衣，从底层架构的角度，看看它到底是由什么组成的。看完这篇文章，你不仅能理解为什么 Chrome 这么“吃”内存，还能明白为什么它比当年的 IE 稳如老狗。

下午茶时间，我给隔壁的后端老哥发了个链接。 他毫无防备地点开了。 三秒钟后，我听到他那台 16G 内存的 MacBook Pro 风扇开始狂啸，仿佛要起飞🤣。 五秒钟后，他的鼠标指针变成了彩虹圈，卡在

用 Vite 做项目的应该都有感觉：开发体验一直很顺，但生产构建这块，项目一大就开始拉胯。 问题出在 Vite 的双引擎架构——开发用 esbuild，生产用 Rollup。两套东西，行为不一致，偶尔

在互联网时代，网站性能的好坏直接影响用户体验和转化率。对投放的广告页面而言，如何在保证视觉效果和功能的同时提升加载速度，成为了开发者必须面对的挑战。

跟普通的文本传输相比，富媒体可以直观的让用户了解到消息内容，但是在传输过程中也面临着文件大、内存消耗大、传输过程漫长等问题。

H5秒开优化是一个老生常谈的问题，于是得物联合了客户端和H5共同发力。本文将逐步介绍如何通过客户端 + H5 的优化手段（1+1>2）把秒开从 30% 提升到 75% ？

运行时性能表现（runtime performance）：当页面在浏览器中运行时的性能表现。当然我们得有一个网站来使用。这里我用平时的开发页面进行分析。在chrome的 `performance tab` 点击（start profiling and reload page）。…

上滑加载（触底加载）是 H5 常见的功能，今天我们来看下如何实现。 效果如下：分页请求开始前，列表滚动，加载动画出现在屏幕中；分页请求过程中，加载动画一直旋转；分页请求完成后，加载动画被挤出视口。