AI技术
Interaction to Next Paint（INP）：交互响应指标与优化
---
title: Interaction to Next Paint（INP）：交互响应指标与优化
keywords:
- INP
- PerformanceEventTiming
- 交互延迟
- web-vitals
- 优化策略
description: 采集并优化 INP（交互到下一次绘制），通过 PerformanceObserver 或 web-vitals 库监测交互延迟，结合长...
Largest Contentful Paint（LCP）：测量与优化路径
---
title: Largest Contentful Paint（LCP）：测量与优化路径
keywords:
- LCP
- PerformanceObserver
- 优化路径
- preload
- fetchpriority
description: 使用 PerformanceObserver 采集 LCP 并围绕服务器与前端的关键路径进行优化，涵盖资源提示、优...
MediaStreamTrack applyConstraints：分辨率与帧率动态调整
---
title: MediaStreamTrack applyConstraints：分辨率与帧率动态调整
keywords:
- applyConstraints
- frameRate
- width/height
- advanced
- 约束策略
description: 使用 MediaStreamTrack 的 applyConstraints 在会话中动态调整...
CSS scroll-behavior：平滑滚动与可访问协作
说明 `scroll-behavior` 的平滑滚动效果与用户偏好协作，结合 `prefers-reduced-motion` 与锚点控制，提升导航体验并兼顾可访问性。
CSS scroll-behavior：平滑滚动与可访问性实践
使用 `scroll-behavior: smooth` 提供平滑滚动体验，结合动效偏好与锚点控制，保证可访问性与性能。
Element Timing 关键元素渲染观测：elementtiming 与自定义指标实践
使用 Element Timing 为关键元素打点并通过 PerformanceObserver 收集渲染时序，构建自定义指标，辅助优化首屏与关键内容加载。
LCP 深入解析：Largest Contentful Paint 的定位与优化
---
title: "LCP 深入解析：Largest Contentful Paint 的定位与优化"
keywords:
- LCP
- 最大内容绘制
- RUM
- 优化路径
- DevTools
- 渲染
description: "系统解析 LCP 的定义、形成机制与定位方法，结合 RUM/CrUX 与 DevTools 子阶段拆解，给出四大类优化路径与验证参考...
MDX v3 await 语法实战与注意事项
---
标题: MDX v3 await 语法实战与注意事项
关键词:
- MDX v3
- await 支持
- ES2024 语法
- Node 16+
- 框架协作
描述: 结合 MDX v3 的现代语法支持，说明在 MDX 中使用 await 的实践前提与注意事项，并提供框架兼容性验证建议，附中文文档验证。
categories:
- 文章资讯
- 技术教程
---
引言
- ...
LangChain与LlamaIndex：检索与工具编排对比
---
title: LangChain与LlamaIndex：检索与工具编排对比
keywords:
- LangChain
- LlamaIndex
- RAG
- 工具调用
- 检索链路
description: 比较两大常用框架在检索链路与工具编排上的抽象与生态，指导项目选型与落地。
categories:
- 文章资讯
- 技术教程
---
# LangChain与LlamaIn...
