如何提高 Vercel 在國內的訪問速度?


Vercel 官網截圖

Vercel 官網截圖

Vercel 是什么?

Vercel (之前也叫 Zeit 或 now.sh) 是一家提供靜態網站托管的雲平台,支持從 Github, GitLab, Bitbucket 等代碼倉庫中自動拉取代碼 然后進行項目打包和部署等功能。

提速前后的對比圖

左圖: 部署在 Vercel 的網站測速結果; 右圖是提速后的測速結果。顏色代表網站的反饋時間,綠色代表快,越接近紅色代表極慢甚至沒法訪問。

左圖: 部署在 Vercel 的網站測速結果; 右圖是提速后的測速結果。顏色代表網站的反饋時間,綠色代表快,越接近紅色代表極慢甚至沒法訪問。

左圖: 部署在 Vercel 的網站測速結果; 右圖是提速后的測速結果。顏色代表網站的反饋時間,綠色代表快,越接近紅色代表極慢甚至沒法訪問。

可以看到 部署在 Vercel 的網站 在國內的訪問速度很不理想 (左圖),大部份地區都是訪問極慢的(橙色)。

提速后的結果達到了可用的水平 (右圖較多的深綠色省份)

測試項目的源代碼

我們選了一個 Hexo博客 作為測試對像。用了默認的模板,沒有做額外的修改。

如何提高 Vercel 在國內的訪問速度?

如果只是靜態網站,可以考慮存放在國內雲服務商的存儲空間,如 AWS 中國區 的 S3 或 阿里雲的 OSS,基本上能保證網站的訪問速度。

部署在存儲空間的缺點也非常明顯: 初始化配置的比較多,如果要做成能持續部署(Git push自動打包和部署),還需要更多的配置。

如果你不喜歡折騰,想找像 Vercel 一樣簡單的方案,可以把靜態網站托管在 21雲盒子

托管靜態網站在 21雲盒子 的流程

1. 注冊成為21雲盒子會員

2. 授權 21 雲盒子訪問你要部署的代碼倉庫

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

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

3. 配置 構建(打包) 命令 和發布目錄

示例圖: 配置 Hexo 構建(打包) 命令 和發布目錄

示例圖: 配置 Hexo 構建(打包) 命令 和發布目錄

4. 點擊 “馬上部署”

不用一杯茶的時間,你的網站便完成了打包和部署到線上了。

你可以在 app_id.21yunbox.com 訪問你的項目 (app_id 是創建是定義的)。

如果你不確定怎么操作? 直接看操作視頻: https://www.bilibili.com/video/BV1uy4y1q7LL

21雲盒子還能部署什么?

像后端的應用框架 Python Django 或 PHP Laravel 這種是出了名部署起來比較復雜的,在21雲盒子也能讓你在 3, 4分鍾完成打包上線生成一個唯一的二級域名。

數據庫呢? 當然也給你簡化了,一鍵建數據庫(附上手視頻)

還有什么? 想了解更多? 可以查看幫助文檔

博客原文: https://www.21yunbox.com/blog/solutions/how-to-speed-up-vercel-in-china.html


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM