如何提高 Vercel 在國內(nèi)的訪問速度?

Vercel 官網(wǎng)截圖

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)站測速結(jié)果; 右圖是提速后的測速結(jié)果。顏色代表網(wǎng)站的反饋時(shí)間,綠色代表快,越接近紅色代表極慢甚至沒法訪問。

左圖: 部署在 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云盒子選擇要部署的代碼倉庫

示例圖: 在21云盒子選擇要部署的代碼倉庫

3. 配置 構(gòu)建(打包) 命令 和發(fā)布目錄

示例圖: 配置 Hexo 構(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 DjangoPHP 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

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容