Discordコミュニティを作りました! 参加する

フォーラム

トピックを立てる前にチェック
  1. フォーラムガイドライン」に必ず目を通してください。
  2. バージョンアップデート後に表示がおかしくなった場合は、
    「SWELL設定」>「リセット」からキャッシュクリアを先にお試しください。
  3. フォーラム内検索で過去に同じようなトピックがないか検索してみてください。
Youtubeの埋め込みをすると読み込...
 
通知
すべてクリア

[解決済] Youtubeの埋め込みをすると読み込みが遅くなる

5 投稿
3 ユーザー
2 Likes
2,047 表示
weiser
(@weiser)
投稿: 62
メンバー
Topic starter
 

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

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

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

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

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

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

sp Lite youtube embed実装
PC Lite youtube embed実装
 
投稿済 : 12/06/2022 9:53 pm
skillsharejp
(@skillsharejp)
投稿: 1152
SWELL高速化顧問
 

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

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

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

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

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

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

SWELLフォーラムはユーザーフォーラムのため、開発者以外の回答は全て任意です。当アカウントによる回答もボランティアのため、ヒントの提供に留まる場合があります。

ご依頼のご相談・お問い合わせ窓口
https://kanripress.ne.jp/contact/
WordPress保守管理・セキュリティ対策
https://kanripress.ne.jp/wordpress-maintenance/

 
投稿済 : 13/06/2022 7:32 pm
skillsharejp
(@skillsharejp)
投稿: 1152
SWELL高速化顧問
 

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

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

SWELLフォーラムはユーザーフォーラムのため、開発者以外の回答は全て任意です。当アカウントによる回答もボランティアのため、ヒントの提供に留まる場合があります。

ご依頼のご相談・お問い合わせ窓口
https://kanripress.ne.jp/contact/
WordPress保守管理・セキュリティ対策
https://kanripress.ne.jp/wordpress-maintenance/

 
投稿済 : 13/06/2022 9:52 pm
weiser reacted
weiser
(@weiser)
投稿: 62
メンバー
Topic starter
 

@skillsharejp

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

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

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

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

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

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

Swell設定

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

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

 
投稿済 : 14/06/2022 10:31 am
了
 
(@loos_ryo)
投稿: 1264
メンバー Admin
 
投稿者:: @weiser

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

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

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

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

SWELL開発者です。

 
投稿済 : 15/06/2022 9:45 pm
weiser reacted
共有: