
Vercel 官網(wǎng)截圖
Vercel 是什么?
Vercel (之前也叫 Zeit 或 now.sh) 是一家提供靜態(tài)網(wǎng)站托管的云平臺(tái),支持從 Github, GitLab, Bitbucket 等代碼倉庫中自動(dòng)拉取代碼 然后進(jìn)行項(xiàng)目打包和部署等功能。
提速前后的對比圖


左圖: 部署在 Vercel 的網(wǎng)站測速結(jié)果; 右圖是提速后的測速結(jié)果。顏色代表網(wǎng)站的反饋時(shí)間,綠色代表快,越接近紅色代表極慢甚至沒法訪問。
可以看到 部署在 Vercel 的網(wǎng)站 在國內(nèi)的訪問速度很不理想 (左圖),大部份地區(qū)都是訪問極慢的(橙色)。
提速后的結(jié)果達(dá)到了可用的水平 (右圖較多的深綠色省份)
測試項(xiàng)目的源代碼
我們選了一個(gè) Hexo博客 作為測試對像。用了默認(rèn)的模板,沒有做額外的修改。
如何提高 Vercel 在國內(nèi)的訪問速度?
如果只是靜態(tài)網(wǎng)站,可以考慮存放在國內(nèi)云服務(wù)商的存儲(chǔ)空間,如 AWS 中國區(qū) 的 S3 或 阿里云的 OSS,基本上能保證網(wǎng)站的訪問速度。
部署在存儲(chǔ)空間的缺點(diǎn)也非常明顯: 初始化配置的比較多,如果要做成能持續(xù)部署(Git push自動(dòng)打包和部署),還需要更多的配置。
如果你不喜歡折騰,想找像 Vercel 一樣簡單的方案,可以把靜態(tài)網(wǎng)站托管在 21云盒子。
托管靜態(tài)網(wǎng)站在 21云盒子 的流程
1. 注冊成為21云盒子會(huì)員
2. 授權(quán) 21 云盒子訪問你要部署的代碼倉庫

示例圖: 在21云盒子選擇要部署的代碼倉庫
3. 配置 構(gòu)建(打包) 命令 和發(fā)布目錄

示例圖: 配置 Hexo 構(gòu)建(打包) 命令 和發(fā)布目錄
4. 點(diǎn)擊 “馬上部署”
不用一杯茶的時(shí)間,你的網(wǎng)站便完成了打包和部署到線上了。
你可以在 app_id.21yunbox.com 訪問你的項(xiàng)目 (app_id 是創(chuàng)建是定義的)。
如果你不確定怎么操作? 直接看操作視頻: https://www.bilibili.com/video/BV1uy4y1q7LL
21云盒子還能部署什么?
像后端的應(yīng)用框架 Python Django 或 PHP Laravel 這種是出了名部署起來比較復(fù)雜的,在21云盒子也能讓你在 3, 4分鐘完成打包上線生成一個(gè)唯一的二級(jí)域名。
數(shù)據(jù)庫呢? 當(dāng)然也給你簡化了,一鍵建數(shù)據(jù)庫(附上手視頻)
還有什么? 想了解更多? 可以查看幫助文檔
博客原文: https://www.21yunbox.com/blog/solutions/how-to-speed-up-vercel-in-china.html