【実験】大容量GIFアニメーションは、PageSpeedにどう影響するか? | ウェブマーケテイングの ちから。 ウェブライティングの ちから。

【実験】大容量GIFアニメーションは、PageSpeedにどう影響するか?

今回は、大容量gifアニメーションファイルが、サイトの表示速度にどう影響するかを確認(実験)です。サイトに.gifアニメーションファイルをアップしようとしたら

ef65-09-1280-720 -62.4-63.2MB-front-wheel.gif は、このサイトのアップロードサイズ上限を超えています。

だって、

(このブログから大容量gifアニメーションは無くなってしまった場合は、あしからず!)

  1. レンタルサーバで大容量Gifアニメーションを使う?
    1. MP4をGIFに変換
      1. GIFを圧縮
      2. Gif圧縮サイト色々
  2. 大容量.gifアニメーションを使おうと思ったが!
    1. 1つ目の.gif
      1. 1つ目の.mp4
    2. もう一つのGIF
      1. 2つの.mp4
    3. このページのPageSpeedInsightsの結果は?
    4. 結論
      1. 22.6MBのGIFアニメーションを追加してもPageSpeedInsightsに影響なし
      2. YouTube動画サイトのパフォーマンス
      3. YouTube-モバイルでの結果
      4. YouTube-パソコンでの結果

レンタルサーバで大容量Gifアニメーションを使う?

MP4動画ならYouTubeの高性能サーバを利用できるのでPage Speed(PageSpeedInsightsを意識する必要(サイトの表示速度が遅くなることを気にする必要)は無いのだが・・・

MP4をGIFに変換

YouTubeに上げる程でもない動画(30秒から2分程度のMP4)を自分のブログで利用するためにGIFアニメーションに変換してみた。

 

YouTube動画サイトのパフォーマンス

但し、同じ動画でもYouTubeサイトのPageSpeedInsightsの評価(スピード)が必ずしも高いものではありません(以下は、YouTubeサイトでの実測値)