静的ファイルのホスティングの性能評価

firebaseかnetlifyかどちらの方が、転送が早いのか検証してみた。

結論

firebaseのほうが転送は高速。

検証結果

Google Chromeにて、数十KBのJSONファイルをaxios(XHR)の読み込みで検証。

• firebase
  • 初回: 300-400ms
  • 二度目以降: 20ms
• netlify
  • 初回: 500-600ms
  • 二度目以降: 80ms

余談

個人的な愚痴だが、「netlifyは簡単だ」と言われるが、結構しんどかった。

• netlifyはGitHubとBitbucketとGitLabしか対応してない
  • Azure DevOpsは対応してない
• yarnコマンドが失敗する
• npm installを毎回しないとビルドができない
  • cd ◯◯◯ && npm i && npm run generateってコマンドをビルドコマンドにしている
  • つまり時間がかかる
• Nuxtのgenerate（npm run generate）にも時間がかかる
• Nuxtのサーバーサイドレンダリングでaxiosの通信が失敗する
  • 以下のログを参照
  • 127.0.0.1:3000ってIPなんか知らんわ
  • よって、サーバーサイドレンダリングは失敗する

ERROR  [Axios] Response error: connect ECONNREFUSED 127.0.0.1:3000
 at TCPConnectWrap.afterConnect [as oncomplete] (net.js:1191:14)

netlifyは構築が大変なうえに、転送が遅いことで、もう採用することはないなと思ってしまった･･･。