現在の環境は下記の通りです。
WordPress のバージョン:6.0.2
Welcart のバージョン: 2.8.3
php 8.x.x
Welcart専用の拡張プラグイン:
ご利用のテーマ:voll(子テーマ)
画面は2カラム仕様
サーバー:(会社名、サービス名)xserver
SSLの利用:(独自 常時SSL)
宜しくお願い致します。
PageSpeed Insightsにおいて商品詳細ページを調べると下記の問題点がリストされます。
課題1
ウェブフォント読み込み中のテキストの表示
フォント表示の CSS 機能を使用して、Web フォントの読み込み中にユーザーがテキストを読めるようにしてください。
URL
…v25/Qw3PZQNVE….woff2(fonts.gstatic.com)減らせるデータ量10 ms
…font-awesome/fontawesome-webfont.woff2?v=4.3.0(themes.welcart.info)減らせるデータ量200 ms
上記の問題は、welcart basic内での設定なので個々に対応する方法が解りません。
できればフォントを必要最小限にして改善方法教えて下さい。
課題2
Largest Contentful Paint の画像が遅延読み込みされています
スクロールせずに見える範囲にある画像が遅延読み込みによってページのライフサイクルの後半にレンダリングされると、Largest Contentful Paint の遅延につながります。
![wcVL170508](https://themes.welcart.info/basic-voll/wordpress/wp-content/uploads/2018/0…)
上記画像以外にサムネイル画像も登録されています。
スマホ画面だと上記のメイン画像以外にもサムネイル画像の一部も
最初に表示される画面に表示されます。
loading=”lazy”はwordpressの仕様なのかもしれませんが、
内の画像に下記の設定はできないでしょうか。
loading=”eager”
対応方法を御教示下さいますようお願いします。