在 Netlify、Vercel 和 Digital Ocean 之间进行选择
不久前,我跳上了炒作列车,并尝试在 Netlify 上托管Learn JavaScript 的营销页面— 我想加入酷孩子。在被收费后,我切换到 Vercel 并被收费(再次)。我终于回到了美好的旧数字海洋。
在本文中,我想详细介绍在 Netlify、Vercel 和 Digital Ocean 上托管之间的区别,以及我在此过程中的经历。
什么是Netlify、Vercel、Digital Ocean?
Netlify和Vercel是无服务器平台。它们让您无需摆弄服务器即可将网站放到网络上。如果您对它是什么感到好奇,您可以阅读更多关于serverless的信息。
Vercel 和 Netlify 之间几乎没有区别(据我所知)。他们只是提供相同东西的竞争对手。
Digital Ocean是专用服务器。与 Vercel/Netlify 相比,使用 Digital Ocean 建立站点更难,因为您需要更多关于 Linux 和 Nginx 的知识。
在这些平台之间进行选择
在这些平台之间进行选择时,需要考虑两个主要因素:
-
易用性
-
定价。
易用性
Vercel 和 Netlify 对于纯前端项目更容易。您可以链接到 Github 存储库,然后您的网站就已经准备就绪。
如果您需要服务器功能,您仍然可以通过 Netlify 和 Vercel 使用无服务器功能。您必须了解无服务器功能的工作原理,但与 Digital Ocean 相比,它们仍然非常简单。
Digital Ocean 可让您设置服务器。它更难使用,因为您需要知道:
-
一种服务器语言(Node、PHP、Ruby、Python 等)
-
一点Linux(操作系统)
-
一点Nginx(服务器语言)
-
如何设置 HTTPS
尽管数字海洋更难建立,但回报是值得的。 (请参阅下面的定价部分)。
定价
Netlify 定价
根据您使用的带宽量 Netlify 价格。例如,您可以通过 Netlify 免费获得 100GB。

100GB 似乎很多,不是吗?
我也是这么想的,所以我把Learn JavaScript 的营销站点放到 Netlify 上进行测试运行。在我进行测试的当月,该网站平均有 5,101 名访问者。
[
](https://res.cloudinary.com/practicaldev/image/fetch/s--qEJOsu-K--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://zellwk .com/images/2021/netlify-vercel-and-digital-ocean/website-visitor-chart.png)
大约一周(或两周)后,我突然收到一张超过带宽的 20 美元账单。又过了一周(或两周),我又收到了第二张 20 美元的钞票。
所以 100GB 毕竟很少,因为 200GB 只支持大约 2,700 名访问者。

我在这一点上拔掉了 Netlify 的插头,因为我为此付出了太多。我只需在 Digital Ocean 上支付 10 美元即可获得更多访问者!
Vercel 定价
乍一看,Vercel 似乎永远是免费的。定价页面上没有显示任何限制。

我对此表示怀疑——这似乎太好了,不可能是真的。但我抓住了机会,在 Netlify 之后在 Vercel 上托管了 Learn JavaScript 的营销网站。
一段时间后,我收到一封电子邮件,说我违反了合理使用政策。
[
](https://res.cloudinary.com/practicaldev/image/fetch/s--aQdAUCG4--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://zellwk。 com/images/2021/netlify-vercel-and-digital-ocean/vercel-email-fair-usage.png)
我很震惊——我违反了政策?!我总是努力遵守规则并真诚行事。被告知我违反了感觉非常不舒服。
进一步询问后,我发现 Vercel 的免费套餐也有 100GB 带宽的上限。此信息隐藏在合理使用政策页面中(不在定价页面上)。
在这一点上,我完全放弃了无服务器架构,回到了良好的旧数字海洋。
数字海洋定价
Digital Ocean的定价乍一看似乎很复杂,因为涉及的因素很多。
[
](https://res.cloudinary.com/practicaldev/image/fetch/s--JC327tHR--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://zellwk.com /images/2021/netlify-vercel-and-digital-ocean/digital-ocean-pricing.png)
但事实并非如此。
对于 Digital Ocean,您可以想象您正在租用一台计算机,并且所述因素是每台计算机的规格。
您不需要用于服务器的超快速计算机。大多数时候,5 美元或 10 美元的计划就足够了。
例如,我在一个 10 美元的计划上运行以下两个站点,到目前为止我没有发现任何问题。
-
这个网站——每月有 103,112 名访问者
-
Learn JavaScript 的营销网站——每月 5,101 名访问者
我不知道我正在使用多少带宽,但这并不重要,因为 Digital Ocean 不会根据带宽收费。
判决
如果你有一个小项目:使用 netlify。
如果您有更大的项目:使用 Digital Ocean。
由于那种深色模式的定价策略,我不会再选择 Vercel。
顺便说一句,如果您想试用 Digital Ocean,请使用此链接获得 100 美元的免费赠金。快乐的服务器(少)-ing!
更新
Jason Lengstorf 联系了我并提到他在learnwithjason上只为 32,000 名访问者使用了 7GB。我们谈了一点,我们怀疑大量带宽使用是由于两件事:
1.Learn JavaScript是一个资产非常重的网站。主要原因可能是主页上的 GIF。
- 我还没有在网站上包含延迟加载——所以这会导致那些还没有向下滚动的人不必要的下载。
我现在愿意再试一次 Netlify,但我仍然对“带宽”缺乏透明度以及我无法在每个页面或每个资源的基础上对其进行调试感到沮丧。杰森说他会在团队内部提出这个问题,这真的很有帮助!
当带宽更加透明时,我期待再次尝试 Netlify。
谢谢阅读。本文最初发布于我的博客。订阅我的时事通讯如果您想要更多文章来帮助您成为更好的前端开发人员。
更多推荐



所有评论(0)