AI技术
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: smooth` 提供平滑滚动体验,结合动效偏好与锚点控制,保证可访问性与性能。
Interaction to Next Paint(INP):交互响应指标与优化
---
title: Interaction to Next Paint(INP):交互响应指标与优化
keywords:
- INP
- PerformanceEventTiming
- 交互延迟
- web-vitals
- 优化策略
description: 采集并优化 INP(交互到下一次绘制),通过 PerformanceObserver 或 web-vitals 库监测交互延迟,结合长...
CSS scroll-behavior:平滑滚动与可访问协作
说明 `scroll-behavior` 的平滑滚动效果与用户偏好协作,结合 `prefers-reduced-motion` 与锚点控制,提升导航体验并兼顾可访问性。
