SEOコンサルタントの運営するSEO最新情報・SEOのサイトです。SEO最新情報、SEO業者の紹介など。運営者はSEOコンサルタント・白石竜次(「世界一わかりやすいSEO対策 最初に読む本(技術評論社)」他)です。お気軽にお問合せください。

SEOコンサルタント.com

Googleエンジニア「アニメーションGIFをvideo要素に変えると表示が早くなる」

投稿日:

Googleエンジニア「アニGIF使ってる人は意識低すぎ」

「アニGIF使ってる人は、意識低すぎ」グーグルのエンジニアがダメ出し🙅

もう待ったなし! グーグルが全サイトをMFIに強制移行へ(2020年9月予定)【SEO情報まとめ】[Web担当者Forum]

『アニメーションGIF(アニGIF)は、(場合によっては)使うべきではない』

グーグルのエンジニアが、このように警告している。理由は、アニメーションGIFのファイルサイズだ。油断すると非常にファイルサイズが大きくなりがちで、そうなると、ページの表示時間を著しく遅くしてしまうのだ。

アニメーションGIFではなくMP4動画形式を使えば、同じ内容でもファイルサイズを80%~90%ほど減らせる。ページ表示がずっと軽くなるのは間違いないし、「ギガが減る」と嫌われることも少なくなるだろう。

※Web担編注 ツイートしているオスマニ氏は、前述のような表現ではなく、「大きなサイズのアニメーションGIFをvideo要素に変えると、表示が早くなるよ」ということを穏当に提言している。ここで少し過激に表現しているのは編集部の判断による。

アニメーションGIFからMP4への変換方法やタグの構成については技術ドキュメントを参照してほしい。

ドキュメントではコマンドラインで変換しているが、「gif mp4 変換」などで検索すれば、オンラインでブラウザから変換できる無料サービスもたくさんみつかる(変換するデータの扱いなどに関しては各サービスの解説をしっかりと確認してほしい)。

SEOコンサルタントのまとめ

[word_balloon id=”1″ position=”L” size=”M” balloon=”talk” name_position=”under_avatar” radius=”true” avatar_border=”false” avatar_shadow=”false” balloon_shadow=”true”]アニメーションGIFは軽そうなイメージがありましたけど、MP4のほうが軽いんですね。[/word_balloon]

  • B!