Youtubeの埋め込みをすると読み込みが遅くなる - ご要望

RE: Youtubeの埋め込みをすると読み込みが遅くなる

Wed, 15 Jun 2022 12:45:36 +0000

投稿者:: @weiser

これファーストビューのiframe云々って書いてありますけど、

すみません、ここのファーストビューの意味はそのページを初回表示するとき、という意味です。（画面遷移時の高速化ではないよ、という意味です）。

ややこしいので消しておきました。

基本的にlazyloadがちゃんと動いていればYouTube埋め込み一つでそこまで悪化することはないはずです。何かほかプラグインとlazyloadがバッティングしてたりしないでしょうか。

RE: Youtubeの埋め込みをすると読み込みが遅くなる

weiser — Tue, 14 Jun 2022 01:31:24 +0000

@skillsharejp 様

それGoogle先生が怒るからアカンやつかと🙅独立してくれたら良いのに。 🤣

テーマ説明 のこちらの機能の事ですか？これファーストビューのiframe云々って書いてありますけど、lazy-loadって基本的にファーストビュー以外で働くんじゃなかったです？(ネイティブだけの話ですかね？)。 😣

サーバーサイドでも似たり寄ったりの設定が出来るのでSwellに有るから逆に混乱するこの頃です。

もちのろんファーストビュー以外のコンテンツならswell設定で遅延設定して下さいって事ですね。

ネイティブlazy-load（コアの方だと思いますけど）はWP5.9以降で仕様変更って有りましたけど、swellとは無関係でswell設定のはAPI+jsで実装してるものですよね？いずれにせよクローラの画像認識の問題が有り、lazy-load はデメリットが大きい気がします。(若しくはフックでせめてファーストビューだけ除くか)

知らずに環境はこんな設定でしたけれど。。。(笑) 😝

1163

プラグインについても、Youtube如きで増やせないのでもう少し改変して調整してみます。ありがとうございます 😋

要望提出はうーん 🤔 …後ろ向きに検討します。🐈

RE: Youtubeの埋め込みをすると読み込みが遅くなる

skillsharejp — Mon, 13 Jun 2022 12:52:36 +0000

WPで実装するならサードパーティですが下記プラグインもあります。

https://wordpress.org/plugins/mihdan-lite-youtube-embed/

RE: Youtubeの埋め込みをすると読み込みが遅くなる

skillsharejp — Mon, 13 Jun 2022 10:32:28 +0000

YouTubeを買収して開発陣の給与を倍にしてフル稼働してもらう・・・というのが最も不可能に近く、また最も合理的な方法ではないか？と思います。

さて半分冗談の本気はさておき・・・

iframeなので一般的にlazyloadされていればYouTubeによる影響は受けません。SWELLには既に同機能が実装されています。

ブロックエディターの要望はWordPressへ

YouTube埋め込み方式の要望はYouTubeへ

それぞれ窓口が異なってますのでぜひ要望を出してみてください。

Youtubeの埋め込みをすると読み込みが遅くなる

weiser — Sun, 12 Jun 2022 12:53:39 +0000

😊お世話になります。
Youtubeの埋め込みをしたら、驚くほど読み込みが遅くなったので困っています。 🤣

ブロックエディターだからこんな仕様なのでしょうか？遅延読み込みとか小細工抜きで根本的に何かしら改善して頂ける内容が有ればご検討ください。 😋

例えば、Lite youtube embed のように必要記事だけ読み込ませて、ショートコードで動画ID指定して尚且つクリック1回分はコード上でクリックイベント強制発火させることで動作的にはYoutube埋め込みに限りなく近づきました。結局 Lite youtube embed を使った訳ですが。。。 😣
図は改善後の様子で画像処理をあまりしていないので、パフォーマンスが落ちていますがYoutubeの影響は消えました。ブロックエディターの埋め込みだとモバイルはさらに下回ります。スペックも考慮しないといけませんが。。。

➊パフォーマンスと➋必要記事の条件分岐の考慮が有るので、出来るなら実装して欲しいと思いました。

今ショートコード2つ（①外部PHPファイル（必要なCSSとJS読み込み）と②Lite youtube embedの2つのショートコード）で対応してるのでちょっと不格好な訳です。

おまけ扱いで埋め込み方法➋的な。。。ショートコードに動画IDの指定入力欄がある、自動再生、再生開始位置とかのパラメータも細かく指定できるブロックを希望します。 🥂

1157 1156