サイドバーのプロフィール欄にある、お問い合わせボタンについて

[ダイチ]

サイドバーのプロフィール欄にある、お問い合わせボタンを表示させたら、page speed insightで画像のように診断されました。

どれだけ調べても、どれだけ試行錯誤しても、改善に至りません。

手を貸していただけないでしょうか。

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

---

マニュアル確認済み
キャッシュクリア済み
プラグイン全停止済み
WordPressのバージョン : 5.8.2
ご利用のサーバー名 : エックスサーバー
PHPのバージョン : PHP7.4.25
OS : MacBook Air (13-inch, 2017)
ご利用のブラウザ : Safari
該当サイトのURL : https://patalog.net

[Ryota]

@ダイチ さん

お世話になっております。
Ryotaです。

該当箇所を調べてみたんですが、サポートされていないCSSプロパティにpadding-leftはないんですよね。。
実際の表示速度的には個人的には問題ないと思うのでCLSにそこまで執着する必要もないかと思います。。

また、僕の環境で同じようにお問い合わせボタンを表示させても同じエラーは出てきませんでした。

ただ、該当している箇所には確かにtransitionプロパティがCSSで追加されているのでそれに対応するやり方を一つ。。
（これで直れば良いのですが。。）

追加CSSに

.my-profile .profile-sns-menu ul li a {
    will-change: transition;
}

これを追加して確認してみてください。
お手数おかけいたしますが、宜しくお願いしますー！！

[ダイチ]

@Ryota さん、丁寧な解説ありがとうございます。

追加して確認してみましたが、変わらず表示されていました…

おっしゃる通り、そこまで執着する必要はないのですが、質問させていただきました‍️