FROM CACHE - jp_header

YouTub

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

junichiokamura
Community Manager
1200 280 506

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

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

Senior Partner Solutions Engineer
ピコ
Shopify Partner
11 0 2

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

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

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

junichiokamura
Community Manager
1200 280 506

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

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

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

Senior Partner Solutions Engineer
ピコ
Shopify Partner
11 0 2
ありがとうございます。初期再生させない方法で改善されました。
しかし、PageSpeed insightsによるとモバイルの評価が悪く31点です。
 
以下のjsですが使用していない JavaScriptとして削除を勧められます。
youtube動画を入れることで読み込んでしまうのでしょうか?
 
転送サイズ454.9 KiB、減らせるデータ量334.1 KiB
junichiokamura
Community Manager
1200 280 506

その可能性はあります。

Senior Partner Solutions Engineer
junichiokamura
Community Manager
1200 280 506

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

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

Senior Partner Solutions Engineer

_osamu_iwasaki_
Shopify Partner
185 47 193

これはどうでしょうか?

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

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

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