之前为了在首页实时同步这个频道的动态,把渲染模式切到了 SSR。结果发现每次大家访问首页,Vercel 都得当场去扒 Telegram 的接口,不但导致页面 TTFB延迟极高(卡白屏),还把首页的打字机特效给牵连出了幽灵 Bug(切个页面回来打字机直接人间蒸发)。 连夜查了下性能报告,做了一波大清洗:
1 直接给首页挂上了 Vercel 的 SWR (Stale-While-Revalidate) 边缘缓存策略。现在前端直接从各地 CDN 捞缓存,50ms 极致秒开!新动态则会在后台偷偷异步抓取更新,完美白嫖。
2 彻底重写了跟 Swup 无刷新路由打架的生命周期钩子,把打字机和 CSS 动画的加载时序全给梳理顺了。
现在博客不仅秒开,动画也丝滑了。
 
 
Back to Top