文章预览
在前端开发领域,单页应用(SPA)因其优秀的用户体验而备受青睐。但是 SPA 一直存在一个痛点:不利于搜索引擎优化(SEO)。本文将介绍如何使用 Prerender.io 解决这个问题,让 SPA 既保持良好的用户体验,又能被搜索引擎完美收录。 传统方案的困境 服务端渲染(SSR) 传统的 SSR 虽然对 SEO 友好,但存在以下问题: 每次页面更新都需要完整刷新 前后端代码耦合度高 开发维护成本大 // SSR 示例 // server.js app.get( '/' , (req, res) => { const html = ReactDOMServer.renderToString( < App /> ); res.send( ` ${html} ` ); }); 新时代的解决方案:动态渲染 Google 在2015年宣布其爬虫已经能够解析客户端动态页面,这为 SPA 的 SEO 带来了转机。但为了更好的抓取效果,Dynamic Rendering(动态渲染)应运而生。 工作原理 // 爬虫检测
………………………………