テーマはDebutを使用しており、(セクションの動画より)youtubeを5本ほど掲載しています。
ページの読込に時間がかかっているので改善したいです。
どなたかご教示ください。
因みに「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
こちらはテーマのコード編集などで挿入された挿入されたものか、テーマのカスタマイズでエディタ上で設定されれたものか、どちらでしょうか?
具体的にどのページかわかるとサポートしやすいと思います。
トップページのテーマのカスタマイズでエディタ上で設定しているものと
ブログ記事のコンテンツにHTMLで直接設定したものものがあります。
よろしくお願い致します。
テーマのカスタマイズの方は、下記の回答で解決するかと思います(自動再生をさせない方法で)。
https://community.shopify.com/post/919039
ブログ記事に直接埋め込んだ方は、その埋め込まれたコードをご共有いただけると、指摘しやすくなると思います。
ありがとうございます。初期再生させない方法で改善されました。
しかし、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
試していただきたいのが、仮に5本の動画を1本にした場合どうですか?
表示される項目は変わりますか? それと、他に改善点は指摘されていませんか?
これはどうでしょうか?
方法①:iframe動画の遅延読み込み
方法②:そもそも動画読込無しで代替画像を表示しておく
https://myscreate.com/youtube-defer/