前端渲染VS后端渲染 – 网站优化必须知道的事

最近不少朋友都遇到了这个问题 – 原本应该是后端渲染的页面,在开发过程中却变成了前端渲染的网站。这种情况往往会带来一些问题。

前端渲染 vs 后端渲染

如果建站之初就没有明确前后端渲染的需求,很有可能最后要推倒重来。虽然把一个前端渲染的网站改成后端渲染的工作量不算太大,但开发工程师也可能会抱怨”为什么不在一开始就说清楚”。

为什么要后端渲染?原因很简单 – 搜索引擎友好。如果你的网站想从Google等搜索引擎获取免费流量,就必须遵循它们的规则。谷歌的爬虫只会抓取HTML代码,而不会运行JavaScript,所以如果你的网页内容是通过前端渲染的,它是无法获取到实际内容的。

有人可能会说,谷歌不也能渲染JS页面吗?是的,但是谷歌凭什么要额外耗费资源去渲染你的小网站呢?如果你的”脸”不够大,谷歌是不会给你特殊优待的。所以,还是老老实实改成后端渲染吧。

那么如何判断一个网页是前端渲染还是后端渲染呢?很简单:

1. 打开Chrome浏览器,右击网页空白处,选择”查看网页源代码”。
2. 观察URL前是否有”view-source:”字样,表示我们正在查看HTML源码。
3. 用Ctrl+F搜索网页上显示的文字,看看是否出现在HTML源码中。
4. 如果文字出现在JSON数据中,也算是前端渲染;只有出现在HTML标签中,才算是后端渲染。

总的来说,后端渲染就是需要网页主体内容跟随HTML代码一起返回,这样谷歌爬虫才能抓取到你的网页内容,参与排名。而前端渲染则需要依赖JavaScript运行才能显示内容,谷歌爬虫无法获取。

所以,如果你的网站需要从搜索引擎获取免费流量,一定要选择后端渲染!否则,你的网站将难以被搜索引擎收录和索引。