/tags/netlify/Recent content in Netlify on Colinx BlogHugo -- gohugo.ioen-usSun, 25 Dec 2022 00:00:00 +0000/posts/2023%E9%9D%99%E6%80%81%E7%BD%91%E7%AB%99%E6%89%98%E7%AE%A1%E6%9C%8D%E5%8A%A1%E9%80%9F%E5%BA%A6%E5%AF%B9%E6%AF%94/Sun, 25 Dec 2022 00:00:00 +0000/posts/2023%E9%9D%99%E6%80%81%E7%BD%91%E7%AB%99%E6%89%98%E7%AE%A1%E6%9C%8D%E5%8A%A1%E9%80%9F%E5%BA%A6%E5%AF%B9%E6%AF%94/ <!-- # 2023 静态网站托管服务速度对比 --> <p>对几家喜闻乐见的静态网站托管服务商 Vercel、Netlify、Cloudflare Pages、Azure Static Pages 测个速</p> <p><img src="https://blog-1301127393.file.myqcloud.com/BlogImgs/202212252033118.png" alt="Pasted image 20221224164447"></p> <p><img src="https://blog-1301127393.file.myqcloud.com/BlogImgs/202212252033119.png" alt="Pasted image 20221224173040"></p> <p><img src="https://blog-1301127393.file.myqcloud.com/BlogImgs/202212252033120.png" alt="Pasted image 20221224164841"></p> <p><img src="https://blog-1301127393.file.myqcloud.com/BlogImgs/202212252033121.png" alt="Pasted image 20221224165726"></p> <p><strong>测速后结论：</strong></p> <ul> <li>Vercel 全部爆炸，大陆地区全部不通</li> <li>Netlify 对三家支持都比较不错，不过都有些不太稳定</li> <li>Cloudflare 对电信友好，联通次之，移动大规模连不上</li> <li>Azure 电信友好，联通次之，移动也是大规模连不上</li> </ul> <h2 id="特邀嘉宾腾讯云海外-cdn"> 特邀嘉宾：腾讯云海外 CDN <a href="#%e7%89%b9%e9%82%80%e5%98%89%e5%ae%be%e8%85%be%e8%ae%af%e4%ba%91%e6%b5%b7%e5%a4%96-cdn" class="h-anchor" aria-hidden="true">#</a> </h2> <p>号称「充钱就可以获得力量」，那么让我们来看下冲了钱后的效果</p> <p><img src="https://blog-1301127393.file.myqcloud.com/BlogImgs/202212252033122.png" alt="Pasted image 20221224181710"></p> <h5 id="腾讯云海外-cdn"> 腾讯云海外 CDN <a href="#%e8%85%be%e8%ae%af%e4%ba%91%e6%b5%b7%e5%a4%96-cdn" class="h-anchor" aria-hidden="true">#</a> </h5> <ul> <li>大陆地区大部分路由到香港，极少数华东地区路由到美国，全部为 AWS 节点</li> <li>移动除西北地区外都尚可，联通次之也是除西北外都还行，电信惨不忍睹</li> </ul> <blockquote> <p><strong>用腾讯云 CDN 被 D 怎么办？天价账单可付不起</strong> 小时结计费模式，欠费后保护期为 2 小时，还可以按流量或带宽单独设定防护策略</p> </blockquote> <p>接下来开始真正的试炼：检测晚高峰期间各家的性能，晚上这个点各大运营商的出口都比较拥堵，这个时候更能体现出各家的性能优劣</p> <h2 id="晚高峰测速结果"> 晚高峰测速结果 <a href="#%e6%99%9a%e9%ab%98%e5%b3%b0%e6%b5%8b%e9%80%9f%e7%bb%93%e6%9e%9c" class="h-anchor" aria-hidden="true">#</a> </h2> <p><img src="https://blog-1301127393.file.myqcloud.com/BlogImgs/202212252033123.png" alt="Pasted image 20221225190111"></p> <p>Azure 全线炸裂 ⬆️</p> <p><img src="https://blog-1301127393.file.myqcloud.com/BlogImgs/202212252033124.png" alt="Pasted image 20221225190148"></p> <p>Netlify 依然给力 ⬆️</p> <p><img src="https://blog-1301127393.file.myqcloud.com/BlogImgs/202212252033125.png" alt="Pasted image 20221225190325"> Vercel 依然一片红 ⬆️</p> <p><img src="https://blog-1301127393.file.myqcloud.com/BlogImgs/202212252033127.png" alt="Pasted image 20221225190510"> CF 跟白天差不多，电信联通勉强可用 ⬆️</p> <p><img src="https://blog-1301127393.file.myqcloud.com/BlogImgs/202212252033128.png" alt="Pasted image 20221225190728"></p> <p>TX 海外 CDN 红绿参半，不过可以看到很强的地域特性</p> <h4 id="其他补充信息"> 其他补充信息： <a href="#%e5%85%b6%e4%bb%96%e8%a1%a5%e5%85%85%e4%bf%a1%e6%81%af" class="h-anchor" aria-hidden="true">#</a> </h4> <h5 id="vercel"> Vercel <a href="#vercel" class="h-anchor" aria-hidden="true">#</a> </h5> <ul> <li>不能自定义 HTTPS 证书，走 Let‘s Encrypt</li> <li>有 Anycast，76.76.21.21，用 DNS 做负载均衡会比较方便</li> <li>使用分钟级监控看过，时不时有连不上的情况，比 Cloudflare 明显差些，不过免费没有 SLA 保障也正常</li> <li>大陆地区全部爆炸，不予考虑</li> </ul> <h5 id="netlify"> Netlify <a href="#netlify" class="h-anchor" aria-hidden="true">#</a> </h5> <ul> <li>可以自定义 HTTPS 证书</li> <li>无 Anycast，去年看都是 AWS 承载，今年看有近一半由 Google Cloud 承载</li> <li>移动可以优先 Netlify</li> <li>可以安装插件，网站更新可以自动推送 Google 比较方便</li> <li>全部路由到新加坡，北方用户可能延迟较高</li> </ul> <h5 id="cloudflare-pages"> Cloudflare Pages <a href="#cloudflare-pages" class="h-anchor" aria-hidden="true">#</a> </h5> <ul> <li>Cloudflare 可以自己签发证书，不像其他使用 Let‘s Encrypt 的必须要能解析到</li> <li>有 Anycast，可以直接解析到 1.1.1.1，做负载均衡方便</li> <li>移动 pass，电信联通尚可</li> <li>不太稳定，动不动就被墙，需要常检测更新节点联通性</li> </ul> <h5 id="azure-static-pages"> Azure Static Pages <a href="#azure-static-pages" class="h-anchor" aria-hidden="true">#</a> </h5> <ul> <li>可以通过 TXT 记录验证和自动申请 HTTPS</li> <li>无 Anycast，只有香港的节点，两个 IP，方便负载均衡</li> <li>移动 pass，电信联通尚可</li> <li>北方用户可能延迟较高</li> </ul> <h2 id="策略"> 策略 <a href="#%e7%ad%96%e7%95%a5" class="h-anchor" aria-hidden="true">#</a> </h2> <ul> <li>Vercel 全线不可用，Azure 晚高峰全部炸裂，大陆地区不考虑</li> <li>Netlify 做全局默认 fallback</li> <li>海外默认走 Cloudflare、Vercel</li> <li>电信走 Netlify，无可替代</li> <li>移动走 Netlify 和腾讯云海外 CDN</li> <li>联通走 Netlify、Cloudflare、腾讯云海外 CDN</li> </ul> <p>博客的几个镜像站点我也挂在了仓库的 README 页面，加了几个 badge 可以快速看到几个 mirror 的联通性情况。<a href="https://github.com/Colin-XKL/Colinx-Blog">https://github.com/Colin-XKL/Colinx-Blog</a></p> <p><img src="https://img.shields.io/website?label=netlify&amp;style=flat-square&amp;url=https%3A%2F%2Fcolins-blog.netlify.app" alt="Blog-Netlify"> <img src="https://img.shields.io/website?label=vercel&amp;style=flat-square&amp;url=https%3A%2F%2Fcolinx-blog.vercel.app" alt="Blog-Vercel"> <img src="https://img.shields.io/website?label=cloudflare%20pages&amp;style=flat-square&amp;url=https%3A%2F%2Fcolinx-blog.pages.dev" alt="Blog-CloudflarePages"> <img src="https://img.shields.io/website?label=azure%20static%20pages&amp;style=flat-square&amp;url=https%3A%2F%2Fnice-glacier-095b09e00.1.azurestaticapps.net" alt="Blog-AzureStaticPages"> <img src="https://img.shields.io/website?label=github%20pages&amp;style=flat-square&amp;url=https%3A%2F%2Fgh-pages.colinx.one" alt="Blog-GithubPages"> <img src="https://img.shields.io/website?label=tencent%20cdn&amp;style=flat-square&amp;url=https%3A%2F%2Fblog-txcdn.colinx.one" alt="Blog-TencentCDN"></p>/posts/%E5%9B%BD%E5%A4%96%E9%9D%99%E6%80%81%E7%BD%91%E7%AB%99%E6%89%98%E7%AE%A1%E5%9C%A8%E5%9B%BD%E5%86%85%E9%80%9F%E5%BA%A6%E5%AF%B9%E6%AF%94%E5%8F%8A%E7%BA%BF%E8%B7%AF%E4%BC%98%E5%8C%96/Thu, 05 May 2022 00:00:00 +0000/posts/%E5%9B%BD%E5%A4%96%E9%9D%99%E6%80%81%E7%BD%91%E7%AB%99%E6%89%98%E7%AE%A1%E5%9C%A8%E5%9B%BD%E5%86%85%E9%80%9F%E5%BA%A6%E5%AF%B9%E6%AF%94%E5%8F%8A%E7%BA%BF%E8%B7%AF%E4%BC%98%E5%8C%96/ <h1 id="国外静态网站托管服务商国内速度对比及线路优化"> 国外静态网站托管服务商国内速度对比及线路优化 <a href="#%e5%9b%bd%e5%a4%96%e9%9d%99%e6%80%81%e7%bd%91%e7%ab%99%e6%89%98%e7%ae%a1%e6%9c%8d%e5%8a%a1%e5%95%86%e5%9b%bd%e5%86%85%e9%80%9f%e5%ba%a6%e5%af%b9%e6%af%94%e5%8f%8a%e7%ba%bf%e8%b7%af%e4%bc%98%e5%8c%96" class="h-anchor" aria-hidden="true">#</a> </h1> <p>本文主要探讨 Netlify、Vercel、Cloudflare Pages、Azure Web Hosting 在国内的速度对比及线路优化</p> <p>以我的博客站点 blog.colinx.one 为例，使用 hugo 构建，选用的模板也很轻量没有太多奇奇怪怪的第三方组件，使用这些静态服务托管主要图个方便，不用备案而且基本流量不限。</p> <p>分别挂了四个服务商的 CI, 每次更新 Git 仓库都会自动触发构建。分别对四个默认分配的域名进行检测。</p> <h2 id="四家服务商默认设置国内速度测试对比"> 四家服务商默认设置国内速度测试对比 <a href="#%e5%9b%9b%e5%ae%b6%e6%9c%8d%e5%8a%a1%e5%95%86%e9%bb%98%e8%ae%a4%e8%ae%be%e7%bd%ae%e5%9b%bd%e5%86%85%e9%80%9f%e5%ba%a6%e6%b5%8b%e8%af%95%e5%af%b9%e6%af%94" class="h-anchor" aria-hidden="true">#</a> </h2> <p><strong>Netlify</strong></p> <p><a href="https://colins-blog.netlify.app">colins-blog.netlify.app</a></p> <p><img src="https://blog-1301127393.file.myqcloud.com/BlogImgs/20220505191719.png" alt="Netlify 在国内的速度检测"></p> <p><strong>Vercel</strong></p> <p><a href="https://colinx-blog.vercel.app">colinx-blog.vercel.app</a></p> <p><img src="https://blog-1301127393.file.myqcloud.com/BlogImgs/20220505191728.png" alt="Vercel 在国内的速度检测"></p> <p><strong>Azure</strong></p> <p><a href="https://nice-glacier-095b09e00.1.azurestaticapps.net">nice-glacier-095b09e00.1.azurestaticapps.net</a></p> <p><img src="https://blog-1301127393.file.myqcloud.com/BlogImgs/20220505191733.png" alt="Azure 在国内的速度检测"></p> <p><strong>CloudFlare Pages</strong></p> <p><a href="https://colinx-blog.pages.dev">colinx-blog.pages.dev</a></p> <p><img src="https://blog-1301127393.file.myqcloud.com/BlogImgs/20220505191738.png" alt="Cloudflare Pages 在国内的速度检测"></p> <p>emmm Cloudflare 这在国内的速度可太拉胯了，虽说可以通过自选节点的方式曲线救国，但想了想还是算了。利用好其他三家的节点应该足够国内大部分用户访问。</p> <p>&mdash;Update on 2022-05-22&mdash;</p> <p>又重新测了一下 cloudflare 的速度，这次倒是一片绿，看来还是要运气，不太稳定。电信和联通都嗖嗖的，移动基本上全挂了。。。</p> <p><img src="https://blog-1301127393.file.myqcloud.com/BlogImgs/202205221906656.png" alt="image-20220522190417139"></p> <p>这次能连接的节点主要就两个 172.66.45.34 和 172.66.46.222。</p> <p>&mdash;end&mdash;</p> <p>筛选后可用的节点</p> <pre tabindex="0"><code>Netlify 18.140.226.100 amazon SG 54.255.56.197 amazon SG 206.189.46.168 digital ocean SG Vercel 显示caronet，据说为AWS节点 (76.76.21.21 Anycast) 76.76.21.241 76.76.21.98 76.76.21.93 76.76.21.142 76.76.21.22 76.76.21.61 76.76.21.164 Azure 52.175.64.109 US MS 13.70.37.114 HK MS 51.124.12.35 UK </code></pre><h2 id="优化前"> 优化前 <a href="#%e4%bc%98%e5%8c%96%e5%89%8d" class="h-anchor" aria-hidden="true">#</a> </h2> <p>优化前使用了 dnspod 的解析服务做 4 个 A 记录的负载均衡，免费版套餐单记录单线路只能设置最多两个负载均衡记录，我这个是之前开通专业版套餐设置的，套餐到期了原有记录依旧保留，所以能设置四条同线路 A 记录负载均衡。</p> <pre tabindex="0"><code>before 206.189.46.168 digital ocean %netlify 76.223.126.88 %vercel 18.140.226.100 amazon %netlify 18.139.201.98 amazon %netlify </code></pre><p>检测一波，红了好几个省份</p> <p><img src="https://blog-1301127393.file.myqcloud.com/BlogImgs/20220505191745.png" alt="image-20220504222718997"></p> <p>慢点可以接受，线路不通可不能忍。之前粗略筛的几个节点，如今过了快两年了，线路估计也发生了变化，简单跑了一下这几条，发现这个线路现在的状况实在不咋地</p> <p><img src="https://blog-1301127393.file.myqcloud.com/BlogImgs/20220505191749.png" alt="trace"></p> <p>这圈子兜的也太大了些。。。哦原来是 Digital Ocean 的节点啊，那没事了。</p> <p>亚马逊的节点稍微好些，没有绕道日本这么离谱的行为</p> <p><img src="https://blog-1301127393.file.myqcloud.com/BlogImgs/20220505191834.png" alt="trace"></p> <p>再来看看 vercel 节点的表现</p> <p><img src="https://blog-1301127393.file.myqcloud.com/BlogImgs/20220505191933.png" alt="trace2"></p> <p>这里是自选的节点，直连东京节点，好评</p> <p><img src="https://blog-1301127393.file.myqcloud.com/BlogImgs/20220505192022.png" alt="trace3"></p> <p>但是默认的 AnyCast 节点这个路由就稍微绕路了，看来大中华区还是得自己动手调整下线路</p> <h2 id="优化后"> 优化后 <a href="#%e4%bc%98%e5%8c%96%e5%90%8e" class="h-anchor" aria-hidden="true">#</a> </h2> <p>after</p> <p><img src="https://blog-1301127393.file.myqcloud.com/BlogImgs/20220505192417.png" alt="image-20220505190011635"></p> <p>检测优化过程就不赘述了，都是拿几个基本的工具<code>ping</code>、<code>tcping</code>、<code>httping</code>、<code>traceroute</code>还有上文的全国网速检测网站对那几个节点挨个检测，直接上结论：</p> <ol> <li>Vercel 的 Anycast 基本上都是路由到日本，但是同一个地方可能会被路由到不同的路线，比如有些 IP 从上海出口转日本东京，有些是从广东出口转日本</li> <li>Netlify 的节点主要是在新加坡，提供商有 AWS 和 Digital Ocean，实测后者的节点经常性抽风，国内流量过去会绕个大圈子，还是 AWS 的靠谱些</li> <li>Azure 的静态网页托管服务现在是免费的，带宽和流量啥的妥妥够用，不过开账户有门槛，我是用 Github Education Pack 在 Azure 开了个 Azure for Students 订阅，每年 100 刀额度，到期可续</li> <li>Azure 能用的就香港节点，其他都是去往北美和欧洲的，直接 pass。对电信友好，移动和联通很不友好，饶了一大圈</li> <li>AWS 的节点对移动和联通挺友好，对电信支持略差</li> <li>Vercel 节点也是对移动和联通友好些</li> </ol> <p>其他附加信息</p> <ol> <li>Netlify 可自定义证书，Vercel 不可以。所以要保证 vercel 的服务器可以把域名解析到自家服务器，不然没法续签 SSL 证书</li> <li>Cloudflare 的 CI 啥的做的挺垃圾，起步晚，很多东西不完善</li> <li>Netlify 可以安装插件，推送 sitemap 和网站安全性检测这些我感觉挺好使</li> </ol> <p>最终线路设置</p> <ul> <li>电信和其他走 Azure 与 Vercel</li> <li>移动联通走 Netlify 的 AWS 节点，以及 Vercel 在 JP 的节点</li> <li>海外走 Vercel 的 Anycast IP</li> </ul> <h2 id="常用线路检测与优化工具链接"> 常用线路检测与优化工具链接 <a href="#%e5%b8%b8%e7%94%a8%e7%ba%bf%e8%b7%af%e6%a3%80%e6%b5%8b%e4%b8%8e%e4%bc%98%e5%8c%96%e5%b7%a5%e5%85%b7%e9%93%be%e6%8e%a5" class="h-anchor" aria-hidden="true">#</a> </h2> <p>Best Trace</p> <p><a href="https://apps.apple.com/us/app/best-trace/id1037779758?l=zh">https://apps.apple.com/us/app/best-trace/id1037779758?l=zh</a></p> <p>IP 批量查询</p> <p><a href="http://www.jsons.cn/ipbatch/">http://www.jsons.cn/ipbatch/</a></p>