重新加载网页时,cal.com 的"开始"按钮显示不流畅

你的提议和问题有关吗?

在重新装入 Cal.com 主页时,Get在顶端导航栏中启动按钮显示可视快闪/布局延迟(FOUC或水合滞后). 页面正在加载时,按钮在黑色背景,圆形边框,图标相接就位前出现不风格或错位,使初始页面负载感到口吃而未被打乱.

描述你想要的解决方案

*确保Navbar CTA按钮的关键CSS和基底样式是预发服务器侧(SSR),以防止客户端侧版式在水分化过程中被闪出.

• 将按钮的回落状态/ 初始 SSR 状态与其水合状态相匹配, 这样在刷新时过渡是无法接受的 。

描述你考虑过的其他选择

*保持客户端-侧式水合造型为-is,这导致布局转变和在较慢的网络连接上或冷负载上出现一罐相干视觉故障.

其他背景

• 可在主要桌面浏览器上看到初始负载和硬重载(Cmd+Shift+R' /Ctrl+F5')。
• 影响到右上角头部分(在'/开始')。

要求/文件

• 见所附的屏幕记录/显示按钮的GIF,使页面更新时出现滞后。

https://GitHub.com/user-attachments/assets/a2db2091-b054-43e6-9bc7-e0d432e38b21 页面存档备份,存于互联网档案馆