CSS Typed OM 如何消除字符串解析：从单位换算到性能提升
CSS Typed OM 将样式值表示为类型化对象，替代字符串读写。本文以动画中频繁操作 transform 和 width 为例，对比传统 style 字符串操作与 attributeStyleMap 的差异，说明其性能优势、浏览器支持边界及与 Houdini 的关系。
#性能优化
共 8 篇文章
CSS 动画与合成器提升：为什么 transform 和 opacity 动画不触发重排
本文以首屏轮播图为例，解释浏览器如何将 transform 和 opacity 动画提升到合成器线程，避免主线程的布局与绘制。通过对比修改 width/left 与 transform 的渲染路径，说明合成层的创建条件、层爆炸风险及性能影响，帮助前端开发者做出合理的动画性能优化决策。
JVM 内在函数：C2 编译器如何用 CPU 指令替换热点方法
为什么 Math.sqrt 和 System.arraycopy 会被 JIT 替换为 CPU 指令？本文聚焦 HotSpot C2 编译器的内在函数机制，解释识别与替换过程、常见内在函数、诊断方法，以及手写代码与内在函数的性能差异，帮助你利用内在函数优化数值计算和数组操作。
JVM 内联缓存与多态调用：从 monomorphic 到 megamorphic 的退化路径
本文以接口多实现的高频调用为场景，剖析 HotSpot 内联缓存的单态、多态与巨态状态转换机制，解释多态退化为何损失性能，以及如何通过 -XX:+PrintInlining 观察和避免退化。
CUDA Graph 如何消除大模型推理中的 Kernel 启动开销
本文以在线大模型服务为场景，深入解析 CUDA Graph 通过捕获并重放 GPU Kernel 序列来减少 CPU 启动开销和内核间延迟的机制。文章分析了其与动态形状、批处理大小变化、PagedAttention 等技术的兼容性，讨论了捕获成本、内存占用和适用边界，并通过对比表格和流程图帮助读者理解何时使用 CUDA Graph 能获得显著收益。
强制同步布局与布局抖动：为什么读取 offsetWidth 会拖慢页面
本文解释浏览器布局的惰性机制，以及脚本在写入样式后立即读取布局属性如何触发强制同步布局（FSL），连续操作导致布局抖动。以长列表交互为例，给出批量读写、避免在循环中读取布局属性的实践，并说明如何通过 DevTools 检测。
V8 的隐藏类与内联缓存：对象形状如何影响 JavaScript 性能
本文从 V8 引擎的隐藏类与内联缓存机制出发，解释对象形状如何影响属性访问性能，并通过数据处理场景展示动态添加属性、delete 等操作导致的去优化，给出保持形状一致等实践建议。
JVM压缩指针的零基址优化：堆大小与对象地址编码的边界条件
本文围绕HotSpot压缩指针（Compressed OOPs）的零基址（Zero-Based）编码展开，解释为何堆超过32GB时压缩指针失效，以及如何通过-XX:ObjectAlignmentInBytes调整对齐边界。结合容器化微服务的内存规划场景，给出堆大小、对齐参数与压缩模式的决策方法。