youtube,動画,読み込み,スピードアップ

Word Press

WordPressにyoutube動画簡単埋め込み方法!レスポンシブ対応で高速化

更新日:

スポンサーリンク

 

WordPressの記事でYou Tubeの埋め込み動画の表示が重いのを解決する「Youtube SpeedLoad」 !!

素晴らしいプラグインです!
しかもブログ記事のYoutube動画表示が高速化されるだけでなくレスポンシブにも対応していて、インストールするだけ!!

設定は1つチェックを入れるだけであとはお任せ!
埋め込み動画のせいでページ表示スピードが遅いと嘆いている方には朗報ですよ!

動画をたくさん載せているサイトにも絶対おすすめプラグインですっ!!

youtube埋め込み動画を高速表示してくれる「Youtube SpeedLoad」

もし、あなたがブログ内にyoutube動画を埋め込んでいて

表示速度が遅い場合は注意!!
表示が遅いページはGoogle先生にますます嫌われますよ。

具体的な数字でいうと表示が2秒遅いだけで直帰率が

50%も増加するんです。

そうなる前に「Youtube SpeedLoad」 で読み込みが重い症状を解決しましょう!!

手順は簡単!!
インストールして、設定の画面で1箇所チェックを入れるだけ!!
初心者でもできます!!大丈夫です!

表示速度が速くなるだけでなくスマホなどのレスポンシブ対応も

してるので至れり尽くせりですよーー。
それでは設定方法です。

 

「Youtube SpeedLoad」 のインストール

Youtube SpeedLoad,埋め込み動画,高速化

「プラグイン」の「新規追加」でYoutube SpeedLoad と検索!

 

Youtube,埋め込み動画,読み込み,速く

有効化したあとに「設定」から「Youtube SpeedLoad」を選択。

 

Youtube,表示速度,高速,解決

左の設定メニューから設定画面にいって

「Responsive embeds」の横にチェックを入れるだけ!

これで設定終了です!実に簡単すぎる!!

 

記事内に動画を埋め込む方法!!

Youtube,埋め込み動画,重い,解決

動画の埋め込み方も本当に簡単なんですっ!!!!!
埋め込みたいyoutubeのURLもしくは共有のコードを

記事内にコピペするだけ!!
しかもビジュアルモートでも

テキストモードでもどちらでもOKです!
You Tube動画の再生ボタンが濃い緑で表示されるようになります。

New Pagani Huayra driven; 720bhp, 230mph - Autocar

New Pagani Huayra driven; 720bhp, 230mph - Autocar

 

Youtube SpeedLoad なぜ表示速度が速くなる?

動画の読み込みがなぜ表示が速くなるのかというと、ページが表示されると埋め込み動画のサムネイルを画像として表示し、再生ボタンを押したら読み込みを始めるみたいです。

あなたもワードプレスのブログにyoutube動画を埋め込む際にはぜひ使ってくださいねー。

人,人間,集中力,集中する方法
時間を区切ってすぐ集中力アップ!人間の集中力は15分が限界?
カフェイン中毒,カフェイン,摂取量,アレルギー,副作用
【警告】コーヒー好きはカフェイン中毒の危険!毎日4以上飲む人は…!
photoshop,キラキラブラシ,無料,素材
Photoshop無料キラキラブラシ!商用可で高品質!役立つフリー厳選素材10選!

閲覧ありがとうございました!

Illustratorテクニック木目調自作編!ウッドテクスチャチュートリアル... イラストレーターで木目調のテクスチャを自作で作るチュートリアルを今回はご紹介! 自分で描き方をマスターすれば、木目の画像を探す手間やライセンスフリーかどうかを確認する時間を節約できますよ。 写真素材を探すときって案外時間がかかりますからね。 それに解像度は使う基準に充分対応しているか確認した...
朝食の塩分が高血圧の引き金?血圧を下げるための塩無し味付け調理法!... 朝8時に食べる朝食の塩分量が多いと血圧が上がるだって!!! 日本人の朝食の定番と言えば「ごはん」「焼き魚」「みそ汁」「おひたし」「のり」「漬け物」と思う人は多いのでは! よくよく考えてみるとご飯以外に全て塩分が含まれているじゃないかー!! 時間栄養学に基づいた研究によると、朝8時ごろの塩分が...
Illustratorのエフェクトで地面テクスチャの作り方チュートリアルステップ... Illustrator(イラストレーター)のエフェクトで地面テクスチャをサクッと作るチュートリアルです。 テクスチャをPhotoshopで作ったり、画像をWEB検索で見つけるのもいいですけど、イラレの底力をなめてませんか? テクスチャだって、簡単に作れちゃうんだからっ!!!! しかもこの地面テ...
危険!リファラスパム!アナリティクス設定で除外する方法紹介!... 来たっ!! ついに来たーーー!!! 来てほしくないアイツが来たーー!! 2015年に入ってから、数多く確認されているリファラスパムに遭遇しました! と言ってもこのサイトではないのですが、運営している別のサイトにリファラスパムが来ました。 リファラスパムに遭遇したのは初めてだったので、...
イラレCCの使い方!文字サイズに応じて変わる吹き出しの設定方法!... イラストレーターCCの使い方文字篇!! フォント(テキスト)の文字サイズに合わせて自動で変わる吹き出しの設定方法をご紹介!! 文字と吹き出しを別々のオブジェクトにすると文字サイズを変更するたびに吹き出しの大きさも変えるという煩わしい作業から、これで解放されるのです! ぜひマスターして明日から...
イラレでマップ制作時に役立つエフェクト!質感を簡単にアップする方法... Illustratorの簡単エフェクトチュートリアル!! 今回は、地図やアクセスマップを作る際に、道路や地面などの質感を上げるエフェクトです。 案内リーフレットやパンフレットで地図が中面に見開きで掲載するときってありますよね?? ただ単にマップを作って配置していては、絵的にもたない時があると思...
お正月イラスト無料素材集 可愛い年賀状や門松、羽子板パーツまとめ... お正月のチラシ・ポスター・DM・フライヤーをデザインするのに何か良い正月素材がないか悩んでいるデザイナーさん。 管理人が仕事でよく使わせてもらっている無料イラストサイトのお正月パーツをあなたにだけ、こっそり紹介しちゃいます。 無料とは思えないほどの高品質イラスト素材なので、あまりいろんな人に教え...

スポンサーリンク



-Word Press

error: Content is protected !!

Copyright© BUZZ GEEK MAGAZINE , 2018 All Rights Reserved.