ヤマアラシのジレンマ

速度計測や調査に使ったサイト

PageSpeed Insights
https://developers.google.com/speed/pagespeed/insights/?hl=ja

WEBPAGETEST
https://www.webpagetest.org/

---

余分なCSS読み込みを削る

wp-includes/css/dist/block-library/style.min.css
wp-includes/css/dist/block-library/theme.min.css
　Luxeritasの設定：WordPressのブロックライブラリ用CSS→CSSをHTMLに埋め込む、で埋め込みに

wp-content/themes/luxech/style.min.css
　Luxeritasの設定：テーマのCSSをHTMLに埋め込む→ON、で埋め込みに

wp-includes/css/dashicons.min.css
　How to remove dashicons.min.css from frontend?
　https://wordpress.stackexchange.com/questions/161476/how-to-remove-dashicons-min-css-from-frontend/161482
　functions.php にコードを追加し、ログインしていないときには読み込まないように変更

Formzuプラグインの削除（インラインフレームの埋め込みに変更した）

Autoptimzeプラグインの採用
　CSSやJSをまとめて読み込むようにした。

---

その他（Luxeritasの設定）

　子テーマの Javascript ( luxech.js ) を読み込まない→ON
　WordPress の絵文字用スクリプトを読み込まないようにする
　アイコンの読み込み方法→SVG with JavaScript ( SVG で表示 )を選択
　Javascript の読み込み元→CDN

---

参考サイト：
Yomerumoのスマホページの表示速度が約半分にまでなった話