PageSpeed Insights（ページスピードインサイト）は、Googleが提供する無料のウェブツールで、ウェブサイトの表示速度を測定し、改善点を見つけるのに役立ちます。
外部サイトからページ表示速度を測定するならば、PgeSpeed Insights が良いかなと思います。
href=”https://pagespeed.web.dev/
WEBページの読み込み時間を短くして、ページからの離脱を防ぐように心がけよう。
計測したページは、このサイトのトップページの https://karaie.com です。
ディスクトップの計測結果は、パフォーマンスで [ 99 ] で比較的良い結果となりました。
中程度の性能のモバイルデバイスと遅い4Gネットワークを基準にしています。
※ この基準は、世界中のユーザーの通信環境を考慮して設定されています。
携帯電話の計測結果は、[ 59 ] とあまり良くない結果です。
Apache2 Nginx OpenLitespeedのウエブサーバーを作成してページ表示の比較をしてみました。
OpenLiteSpeedでWordPressの場合は、専用のプラグイン「LiteSpeed Cache」を使用します。
Lighthouse」は、Googleが開発したオープンソースのWebサイト監査ツールです。Webページのパフォーマンス、アクセシビリティ、SEO、ベストプラクティスなどを評価し、改善点をレポートとして提供します。
ApacheBenchとはWebサーバのベンチマークを行うためのツールであり、WEBサーバの実行性能を測定できる。
Nginxでgzip ONにすることで圧縮通信を行って、通信量を減らすことでWEBページの表示の高速化が可能になります。
Elementorのアーカイブ ポストで設定するイメージレシオが投稿の11番目から機能しなくなった場合は、CSSから直接書き足す。
Post Cotent のタイトル、見出しに番号を階層で付けるには、CSSでは無理なのでJSで行ってみた。
