Web 性能优化 - 好家伙，5k 的 css 阻塞页面 FCP 800ms

文章预览

点击 关注 公众号，“ 技术干货 ” 及时达！ TTFB 和 FCP 之间为什么这么大差距 在优化 Alibaba.com PC 新用户首页时候发现一个尴尬的问题，页面经过多轮优化 TTFB 已经相对而言可以接受，海外核心国家 90 分位数可以到 480ms 以内 理论上一个开启流式渲染、结构良好、 SSR 的页面，TTFB 和 FCP 之间的差距是可以控制在 2000ms 以内，而奇怪的是页面的 TTFB 和 FCP 的差距竟然达到 3000ms 也就是 HTML 推送到浏览器后没有第一时间上屏 看似没有什么问题的 HTML 那么问题一定是处在页面结构上了，HTML 源码简化之后大概是这样的 html > < html   lang = "en" > < head >    < meta   charset = "UTF-8" >    < meta   name = "viewport"   content = "width=device-width, initial-scale=1.0" >    < title > Alibaba.com title >    < link   rel = 'preconnect'   href = 'https://s.alicdn.com'  />    < link   rel = "preload"   href = "https:/ ………………………………