现在公司大部分前端项目都切换到 React 了，社区、论坛类，电商商品详情页都有 SEO 需求，然鹅 SPA 应用 SEO 确实是个麻烦事，经过前期实践后总结出我们的 SEO 方案。可以看看下文，欢迎感兴趣的小伙伴讨论下～
PS：安利下公司的一个任务管理神器，TaskHub 文件式任务管理
› React
This topic created in 2286 days ago, the information mentioned may be changed or developed.
 |
1
点链接进去超过 10 秒了还是白屏。广告就应该有个广告的亚子
|
1 |
thronsAug 3, 2020
3
线上环境没关 Redux DevTools?
 |
|
thronsAug 3, 2020
5
另外， [登陆] 用得不对吧，正常应该使用 [登录] 讨论： https://www.zhihu.com/question/19570377
|
 |
robinlovemaggieAug 3, 2020
6
@zhdsuperm 先不着急关哈，让我们一窥究竟～
|
 |
phpfpmAug 3, 2020
7
这又是从 ssr 到 case study 的示范么
|
 |
keepeyeAug 3, 2020
8
要 seo 的干啥要做成 spa ？
|
 |
iXingoAug 3, 2020
9
图用什么画的
|
 |
airflingAug 3, 2020
10
第一次打开确实是需要十秒左右
|
 |
11
|
|
12
|
 |
gitjavascriptAug 3, 2020
13
我打开挺快的
|
 |
dartabeAug 4, 2020
14
有点收获 但是我觉得应该是 ssr 和 csr 混合吧 不是什么 spa
|
 |
zqxAug 4, 2020 via Android
15
所以结论是 nginx 判断 ua，是爬虫就代理到 node 服务，是人就返回静态资源
但是 ssr 还有个优点是内容到达时间更短，首屏渲染快，人就享受不到了 |
 |
yeeptAug 4, 2020
16
10 多秒还没打开呢。
|
 |
crazyrockAug 4, 2020
17
关掉翻墙，秒开，赞
|
 |
ddzyAug 4, 2020
18
不支持 Markdown?
|
 |
ljpCNAug 4, 2020 via Android
19
打听一下，Gatsby 是不是类似构建时渲染？
|
 |
maichaelAug 4, 2020
20
sourcemap 不去掉？
|
|
robinlovemaggieAug 4, 2020
21
@zhdsuperm 前端源码写的蛮不错的（真❤️赞），就是部署这个 npm run dev 模式有点裸奔的味道～
|
 |
yrjAug 4, 2020 via iPad
22
看了文章，动态渲染确实是性能消耗最小的。但我有几点疑问：你只问了谷歌，其他搜索引擎是否会判定作弊未知。渲染页面的方式为什么不用框架自身的 ssr 机制，性能上会不会更好一些。
|
 |
jziwenchenAug 4, 2020
23
服务器渲染不可以吗？
|
|
24
@ljpCN #19 这也许是你想要的渲染原理： https://www.gatsbyjs.org/docs/gatsby-internals/
|
|
26
@robinlovemaggie 不是 dev 哦 是 react 脚手架默认就是开启 sourcemap 要自己关一下 唉:-( 丢人丢到家了 以前这个项目前端是我写的 用的 react 老版本 后来让小伙伴升级新版本 代码搬了过去 为了调试方便他们都裸奔搞的 :-( 唉
|
|
27
@jziwenchen @yrj 其实这个就是改良版的服务端渲染，不过只渲染给爬虫看，如果你想首页渲染优化，用文章里面的 puppeteer 配合 nginx 也是可以做的 api 丰富。主要是这个方案代码改动最小，插件一样存在，随时插拔。至于其他搜索引擎会不会判断为作弊行为的问题，动态渲染方案其实不是新东西，出来很久了，百度这边我们没有发现有问题，自己不作弊就行了
|
Select Language