YouTub

ピコ
観光客
11 0 1
テーマはDebutを使用しており、(セクションの動画より)youtubeを5本ほど掲載しています。
ページの読込に時間がかかっているので改善したいです。
どなたかご教示ください。
 
因みに「PageSpeed insights」によると
Time to Interactiveは14.8 秒で
改善できる項目として使用していない以下の JavaScriptの削除を勧められます。
どうしたらよいでしょうか?
 
転送サイズ454.9 KiB、減らせるデータ量334.1 KiB
0 件の「いいね!」
junichiokamura
Community Manager
Community Manager
1013 234 383

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

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

Technical Partner Manager, Japan
0 件の「いいね!」
ピコ
観光客
11 0 1

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

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

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

0 件の「いいね!」
junichiokamura
Community Manager
Community Manager
1013 234 383

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

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%...

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

Technical Partner Manager, Japan
0 件の「いいね!」
ピコ
観光客
11 0 1
ありがとうございます。初期再生させない方法で改善されました。
しかし、PageSpeed insightsによるとモバイルの評価が悪く31点です。
 
以下のjsですが使用していない JavaScriptとして削除を勧められます。
youtube動画を入れることで読み込んでしまうのでしょうか?
 
転送サイズ454.9 KiB、減らせるデータ量334.1 KiB
0 件の「いいね!」
junichiokamura
Community Manager
Community Manager
1013 234 383

その可能性はあります。

Technical Partner Manager, Japan
0 件の「いいね!」
junichiokamura
Community Manager
Community Manager
1013 234 383

試していただきたいのが、仮に5本の動画を1本にした場合どうですか?

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

Technical Partner Manager, Japan
0 件の「いいね!」
_osamu_iwasaki_
開拓者
85 21 116

これはどうでしょうか?

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

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

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