为什么 Next.js 的站更快、SEO 更好？一篇给老板讲明白
做独立站，速度直接关系到赚不赚钱：手机端打开超过 3 秒，53% 的人直接走。这篇用大白话讲清楚 Next.js 比 WordPress、Shopify 快在哪、SEO 好在哪，以及什么情况下其实没必要上 Next.js。
做独立站，速度这件事很多老板没当回事，但它直接关系到你能不能赚到钱。先看几个谷歌的真实数据：
- 手机端打开超过 3 秒，53% 的人直接走人，根本等不到页面加载完；
- 加载时间从 1 秒涨到 3 秒，跳出率飙升 32%；涨到 5 秒，跳出率飙升 90%；
- 每多 1 秒加载延迟，转化率最多会掉 20%。
翻译成大白话：站慢一点，进来的客户有一半在看到你产品之前就跑了；你花钱投的 Google、Facebook 广告，钱烧出去了，人却没进站。慢，是在直接烧你的钱。
而 Next.js 做的站，恰恰就快在这件事上。下面讲清楚：为什么它比 WordPress、Shopify 更快、SEO 更好。
先搞懂：网页是怎么「生成」出来的
这是理解一切的关键，用点餐打个比方就懂了。网页呈现到访客面前，主要有两种方式：
- 现做（动态生成）。 访客每打开一个页面，服务器就现场去数据库查数据、把页面拼出来、再发给他。就像去餐厅点菜，厨师现接单现炒，人一多就排队、就慢。WordPress 和 Shopify 走的基本都是这个路子。
- 提前做好（静态生成）。 页面在你部署网站的那一刻就提前生成好了，存成一个个现成的 HTML 文件。访客一来，直接把成品发给他。就像便利店货架上的饭团，拿了就走，零等待。这正是 Next.js 最擅长的。
光这一个区别，就决定了速度上的天壤之别。再把三种技术拆开细看。
WordPress：PHP 动态生成 + 插件越堆越肿
WordPress 用 PHP，走的就是上面说的「现做」模式：每次访问现查数据库、现拼页面。
它最大的问题还不在这，而在于所有功能都靠插件堆。要询盘表单，装插件；要多语言，装插件；要做 SEO，装插件；要图片优化，装插件；嫌慢想提速，再装个缓存插件去补救……一个普通的 WP 站，装二三十个插件是常态。插件越多越臃肿，插件之间还经常打架。我们见过不少 WP 站，手机端 PageSpeed 只有三四十分（满分 100），首屏要两三秒甚至更久——「现做 + 插件肥胖」这个根子上的问题，靠再装缓存插件是治标不治本。
Shopify：Liquid 模板省心，但被生态绑住
Shopify 用它自家的 Liquid 模板语言。好处是托管省心、开店快，适合标准化卖货的 B2C。但它有两个硬伤：
- 前端被 Liquid 模板和 Shopify 生态绑死，你不能完全掌控代码，深度优化空间有限；
- 加功能靠装 App，很多还是按月订阅收费的。App 一多，就往你页面里塞一堆第三方 JS 脚本，跟 WP 堆插件一个道理，照样把速度拖下来。
对标准化的 B2C 卖货，Shopify 够用；但对重 SEO、要精细控制、要做工业品 B2B 询盘的站，它就不太够看了。
Next.js：前期多写代码，后期一劳永逸
先说句公道话：Next.js 的前期开发成本，确实比套 WP / Shopify 模板高——它要写代码、要程序员，不能拖拖拽拽自己搭。这是它的代价。
但代价换来的是实打实的好处：页面是提前生成好的静态 HTML，配合全球 CDN，访客从离他最近的节点直接取成品，就近秒开。需要动态的地方——比如提交询盘、后台管理——才单独走服务端，其余全是「成品」。同样一个站，从零写的 Next.js 静态站，手机端 PageSpeed 轻松上 90 分，首屏经常一秒以内。这跟前面那个三四十分、两三秒的 WP 站，完全不是一个量级。
那 SEO 为什么也跟着更好？
速度快只是结果之一，它和 SEO 是连在一起的。谷歌排名看的东西里，速度和体验占了很重的分量。讲三层逻辑：
第一层：速度本身就是排名因素。 谷歌有一套硬指标叫 Core Web Vitals（核心网页指标），专门量你的体验好不好：
- LCP（最大内容加载时间）：2.5 秒以内算好；
- INP（交互响应速度）：200 毫秒以内算好；
- CLS（页面布局稳不稳、会不会乱跳）：0.1 以内算好。
Next.js 静态站这三项天然容易达标，堆插件的 WP 站想全部达标非常吃力。这几项达不达标，谷歌是直接算进排名的。
第二层：速度影响停留和转化，间接影响排名。 回到开头那个数据——3 秒走掉 53% 的人。跳出率一高，谷歌会判断「用户在你这页待不住、没价值」，排名自然往下掉。（这层怎么把转化接住，见：独立站有流量没询盘？问题八成出在「接不住」）
第三层：静态页面对爬虫最友好。 Next.js 生成的页面，内容直接写在 HTML 里，谷歌爬虫一抓就拿到全部内容，不用等 JS 现场渲染（很多纯靠 JS 渲染的站，爬虫抓到的是一片空白，吃大亏）。再加上 Next.js 能精细控制每个页面的标题、描述、结构化数据、网站地图、多语言 hreflang 标签——这些都是 SEO 的真功夫，WP 靠插件做往往做不细。
对投广告的老板，这笔账更直接
如果你要投 Google、Facebook 广告，速度的影响是肉眼可见的真金白银：落地页慢，点进来的人还没等到加载完就跑了，钱白花；而且落地页体验差，平台给你的广告质量得分会低，同样的位置你要付更高的单次点击费。一边转化率被拖低，一边点击成本被抬高，两头亏。
三种技术，一张表看明白
| 对比项 | WordPress | Shopify | Next.js |
|---|---|---|---|
| 底层方式 | PHP 动态现做 | Liquid 模板现做 | 提前生成静态页 |
| 加功能靠 | 装插件 | 装 App（多为月费） | 写进代码 |
| 手机端速度（典型） | 30–50 分 | 40–60 分 | 90+ 分 |
| SEO 上限 | 一般 | 受限 | 高 |
| 上手难度 | 低（拖拽） | 低（拖拽） | 高（要写代码） |
| 适合谁 | 博客 / 简单展示 | 标准化 B2C | 重 SEO 的外贸 / B2B |
那是不是无脑选 Next.js？
也不是。Next.js 不是万能的，门槛就在那：前期要写代码、要程序员、开发周期比套模板长、成本也更高。
如果你只是要个一两页的简单展示页，预算很紧，也不怎么指望谷歌的自然流量，那 WP 或 Shopify 套个模板也能用，没必要上 Next.js。
但如果你正经靠网站获客——要靠 Google SEO 吃自然流量、要投广告看转化、要长期运营这个站——那 Next.js 这点前期投入，后面是稳赚的：站快、SEO 好、广告转化高、长期可维护。一次做对，比反复折腾、最后还得推倒重来划算得多。
做生意，站是你的脸面，也是你广告费和自然流量的承接器。它快一秒、慢一秒，背后都是实打实的转化和钞票。我们的几个出海站都是 Next.js 做的，速度和 SEO 这块踩过的坑、调过的参数还算有点心得——聊聊你的站。
延伸阅读