Frontend / Engineering

SEO 从 0 开始:搜索引擎如何理解一个网页

前言SEO 是 Search Engine Optimization 的缩写,中文通常叫“搜索引擎优化”。 很多人一听 SEO,会以为它是“堆关键词”“骗搜索引擎”“想办法排第一”。这其实是很旧、也很危险的理解。 更准确地说,SEO 解决的是: 让搜索引擎更容易发现、理解、收录和展示你的内容,同时让真正的用户更愿意点击和阅读。 如果一篇文章写得很好,但搜索引...

SSR SSG 前端工程化 SEO 搜索引擎
Frontend / Engineering

一文讲清 CSR、SSR、SSG:前端页面到底在哪里渲染?

前言前端页面最终都会变成浏览器里的 HTML、CSS 和 JavaScript。 但问题是: 这份 HTML 是在哪里生成的? 是在浏览器里由 JavaScript 临时生成?是在服务器收到请求时实时生成?还是在项目构建时提前生成好? 这三个答案,分别对应了前端里最常见的三种渲染模式: CSR:Client-Side Rendering,客户端渲染 SSR:...

CSR SSR SSG ISR 前端渲染
Frontend / React

一文搞懂 SSR 水合(Hydration):从"能看"到"能点"

一文搞懂 SSR 水合(Hydration):从”能看”到”能点”如果你第一次听到”水合”这个词觉得莫名其妙,那很正常——它是 Hydration 的直译,本身是个比喻。这篇文章从零开始,把这个概念拆开讲清楚:它解决什么问题、具体发生了什么、为什么会出问题、以及业界怎么优化它。 一、先从两种渲染方式说起要理解水合,得先理解 CSR 和 SSR 各自的流程。 ...

SSR React Hydration 性能优化