YouTub

[ピコ]

テーマはDebutを使用しており、(セクションの動画より)youtubeを５本ほど掲載しています。

ページの読込に時間がかかっているので改善したいです。

どなたかご教示ください。

因みに「PageSpeed insights」によると

Time to Interactiveは14.8 秒で

改善できる項目として使用していない以下の JavaScriptの削除を勧められます。

どうしたらよいでしょうか？

https://www.youtube.com/s/player/4c375770/player_ias.vflset/en_US/base.js

転送サイズ454.9 KiB、減らせるデータ量334.1 KiB

[junichiokamura]

こちらはテーマのコード編集などで挿入された挿入されたものか、テーマのカスタマイズでエディタ上で設定されれたものか、どちらでしょうか？

具体的にどのページかわかるとサポートしやすいと思います。

[ピコ]

トップページのテーマのカスタマイズでエディタ上で設定しているものと

ブログ記事のコンテンツにHTMLで直接設定したものものがあります。

よろしくお願い致します。

[junichiokamura]

テーマのカスタマイズの方は、下記の回答で解決するかと思います（自動再生をさせない方法で）。

https://community.shopify.com/c/%E6%8A%80%E8%A1%93%E7%9A%84%E3%81%AAQ-A/video-liquid%E3%82%92%E3%82%...

ブログ記事に直接埋め込んだ方は、その埋め込まれたコードをご共有いただけると、指摘しやすくなると思います。

[ピコ]

ありがとうございます。初期再生させない方法で改善されました。

しかし、PageSpeed insightsによるとモバイルの評価が悪く31点です。

以下のjsですが使用していない JavaScriptとして削除を勧められます。

youtube動画を入れることで読み込んでしまうのでしょうか？

https://www.youtube.com/s/player/4c375770/player_ias.vflset/en_US/base.js

転送サイズ454.9 KiB、減らせるデータ量334.1 KiB

[junichiokamura]

その可能性はあります。

[junichiokamura]

試していただきたいのが、仮に５本の動画を１本にした場合どうですか？

表示される項目は変わりますか？　それと、他に改善点は指摘されていませんか？

[_osamu_iwasaki_]

これはどうでしょうか？

方法①：iframe動画の遅延読み込み

方法②：そもそも動画読込無しで代替画像を表示しておく

https://myscreate.com/youtube-defer/