WebサイトにYouTubeの動画を大量に埋め込んでも重くならないようにする方法 ｜ 株式会社ティウェブ
こんにちは、ティウェブ藤園です。 動画を埋め込んだWebサイトをよく見かけるようになりました。 Webサイトに動画を埋め込むにあたっては、 YouTubeに動画をアップして、それをWebサイトに 表示させる方法がよく使われている手法と思います。 ですが先日、１ページに80個以上（！）の YouTube動画を一覧化して埋め込む案件があり、 加えてスマートフォンサイトということで、 いかに軽量化するかを考える必要がありました。 ※ちなみに、80個以上のYouTube動画を 通常の埋め込み方法であるiframeタグの貼り付けで行うと、 ページが重すぎて読み込みエラーとなり、ページ自体が表示されませんでした。。。 ■動画のサムネイル画像を使う 実は、YouTubeはサムネイル画像は簡単に取得できることをご存知でしょうか？ – サムネイル画像呼び出し例 – サムネイル画像を埋め込むコード 「YouT
Youtube 動画でブログが重い時の対策4つ【プラグインを使わずに高速化】
Youtube 動画を表示させると重くなる理由ブログの表示速度を改善する方法 3 つiframe の遅延読み込みが標準に【追記：2021 年 4 月】 Youtube 動画などをブログに貼り付けたりすると、表示速度がものすごく遅くなることがあります。 SEO 的にも表示速度が遅いのは致命的になってしまうので、しっかりと改善しておくましょう。 それでは、解説をスタートします。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
