4
4

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

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

Last updated at Posted at 2019-01-18

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は構築が大変なうえに、転送が遅いことで、もう採用することはないなと思ってしまった・・・。

4
4
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
4
4

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?