央视新闻
使用前端框架(如Vue、React)中的SSR特性,配合懒加载和代码分割技术,避免一次性加🌈载过多客户端JavaScript
动态岛屿式SSR+CSR混合渲染,是一种将服务端渲染(SSR)与客户端渲染(CSR)优势相结合的技术方案
动态岛屿的JavaScript执行应控制在合理范围内,过大的JS包会抵消SSR带来的性能增益
其核心思路是将页面划分为若干个“静态岛屿”和“动态岛屿”:静态岛屿在服务端完成渲染,直接输出完整的HTML,有利于搜索引擎爬虫快速抓取和理解内容;动态岛屿则交由客户端JavaScript激活,实现交互功能与实时更新,避免全量刷新带来的性能浪费