FROM CACHE - jp_header

YouTub

ピコ
観光客
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
Community Manager
1164 273 484

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

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

Technical Partner Manager, Japan
ピコ
観光客
11 0 2

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

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

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

junichiokamura
Community Manager
Community Manager
1164 273 484

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

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

その可能性はあります。

Technical Partner Manager, Japan
junichiokamura
Community Manager
Community Manager
1164 273 484

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

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

Technical Partner Manager, Japan
_osamu_iwasaki_
Shopify Partner
130 33 168

これはどうでしょうか?

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

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

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

- Blog: https://note.com/osamuiwasaki
- Twitter: https://twitter.com/_osamu_iwasaki_