• 書く上でのキモチ
    ブログが続かない・記事を書けない…時に読む5つのかんたんな解決方法
  • WordPressのプラグインのこと
    ワードプレスのビジュアルモードで直接htmlタグを打ち込む便利なプラグイン【Paste Raw HTML】
  • オンライン通話
    【相談・話し相手・フリートーク・飲み会・お茶会】オンライン通話をしませんか?
  • ツール
    ZOOMの使い方と参加方法『PC・スマホで入れない時はこれ読んで!』 ※ オンラインビデオ通話
  • サービス一覧
    ブログ好き好き.comサービス一覧
  • Twitterを使う
    ブログのPV数(アクセス数)を自動で伸ばす簡単な方法とは?【設定10分】
  • PCのこと
    Wi-Fiの読み方を教えてください。ウィーフィー? フィーフィ? 
WordPressブログのヘッダーで動画と画像の表示スピードの違い どっちが早いの?遅いの? テーマDiver編

ブログ好き好き.comサービス一覧

無料ブログ相談…0円

これからブログを始めたい人・ブログを始めたばかりでわからないことが多い人向け

オンラインコワーキングスペース…月額2000円

オンラインでブロガーが集う場所です。ブログを続けたい!記事を書きたい人に最適

ブログコンサルタント…58000円

1ヶ月の集中コンサルタントです。絶対にアクセスUPさせます。

超初心者向けPC・スマホのサポート…60分 6000円

パソコン・スマホでわからないことを教えます。

ブログ相談・サポート…60分 6000円

ブログ運営でわからないこと、煮詰まっていることなんでも相談に乗ります。

おもしろ記事の書き方サポート…60分 6000円

他の記事とちょっと変わった面白い記事の書き方を教えます。

ワードプレスのテーマ変更代行サービス…10000円〜

テーマの変更・設定をさせていただきます。

当ブログ使用テーマ


WordPressのテーマDiverではヘッダーに動画を簡単に設定できます。

とりあえず見て下さい。

このブログが監修しているサイトです。

どぞ!

GIFなので画質荒くてすみません。 まぁイメージとしてこんな感じってことで。

 

ヘッダーに動画(YouTube)を設定する方法は↓に記載しております。

ヘッダーにYouTube動画を設置する方法。 ワードプレスのテーマ『Diver』編
2018.2.19
WordPressでトップページなどのファーストビュー(ヘッダー部分)に動画を置きたいって思いませんか? はい、僕は思います。 この、ヘッダーに動画を置く方法をいつも探していました。 明け方の街、...

 

ヘッダーに動画を設定すると重たくなって表示スピードが遅くなるんじゃないか?問題

普通に抱く疑問ですよね?

 

では検証してみましょう!

 

ヘッダー動画 VS ヘッダー画像

 

ゴング!!!

 

ヘッダー動画のスピード計測結果 (パソコン)

ヘッダーにYouTube動画を設定(テーマDiver使用)

 

いざ表示スピード計測!

動画の場合、41ポイント!

 

ヘッダー画像のスピード計測結果(パソコン)

ヘッダーに画像を設定 2000PX×800PX 351KB 圧縮済み (テーマDiver使用)

いざ表示スピード計測!

画像の場合、38ポイント

 

結果発表〜〜〜!  (はまちゃん風に)

 

動画の勝利

 

今回の検証結果としては、ヘッダーに動画を設定した場合のほうが表示速度が早かったです。

 

いろんな環境差はあると思いますが、このような結果になりました。

 

このようにWordPressのDiverは簡単にヘッダー部分に動画を設定できて、かつ表示スピードにも影響が出ない(今回の検証では出にくかった)ので超オススメです。

 

インパクトのある動画ヘッダーで他と差を付けたいなら、Diverを強く推します(^^)

 

 

 

ヘッダーにYouTube動画をはめる場合は、著作権等にお気をつけ下さい。

検証サイトで使用している動画は、作者に使用申請済みでございます。

 

絶対にアクセスが上がる無料E-BOOKプレセント中!

 

 

 

 

 

関連キーワード
  • WordPressテーマDiver(ダイバー)のサポートは神レベル。問い合わせして対応してくれるまでの時間は?
  • WordPressブログのヘッダーで動画と画像の表示スピードの違い どっちが早いの?遅いの? テーマDiver編
  • 【STORK・エレファント2・sango・Diver】ほぼ同じ条件で表示速度を計測し比較してみた。WordPressの人気の有料テーマで一番早いのはどれ?
  • WordPressのテーマ『Diver(ダイバー)』はアフィリエイトで成果が出ない? だってそもそも記事が…(自粛w)
  • Diver(WordPressテーマ)で画像を縦に並べた時に隙間を埋める方法。
  • ヘッダーにYouTube動画を設置する方法。 ワードプレスのテーマ『Diver』編
  • WordPressのテーマDiver(ダイバー)のタイトル入力欄下にタイトル文字数が表示されるんだって。
  • テーマを変えたらショートコードむき出しで困った!そんな時はSearch Regexで一気に書き換えちゃえ!って記事 ※STORK→Diver編
  • WordPressテーマDiverの『関連記事挿入ボタン』が簡単すぎて便利。使い方をわかりやすく教えるね。
  • ブログで会話(吹き出し)形式を超簡単に作りたい場合は大人気テーマの『Diver(ダイバー)』におまかせ。