[优化博客的累计布局偏移（CLS）问题](https://blog.skk.moe/post/fix-blog-cls/) > 什么是 CLS？ 当用户浏览一个页面的时候，若是想要点击一个按钮或者其他交互时，页面的布局突然出然抖动，可以会造成用户的交互行为造成期望之外的结果。大多数情况下，这些体验只 本项目已启用 Astro View Transitions，提供平滑的页面切换体验。 ```html <ClientRouter /> ``` > 启用视图过渡动画（SPA 模式） > 导入 `<ClientRouter />` 组件并将其添加到公共 `<head>` 或共享布局组件中。Astro 项目采用**双层适配器模式**来支持开发和生产环境的不同数据源： ``` ┌─────────────────────────────────────────────────────────┐ │ 应用层