【スポンサーリンク】

[Cocoon] LiteSpeed Cacheを改めて使ってみる

とりあえずのメモホームページ運用
  • PageSpeed Insightsをみると、あとは「サーバーの応答時間」を改善するぐらいです。
  • 以前、サーバーキャッシュを設定したら、更新が反映されなかったり、ページ内のランダム要素が固定化したり、とかえって困ることがありました。
  • 改めて調べてみたら「LiteSpeed Cacheの不具合の少ない設定方法と使い方 | マニュオン」での解説がわかりやすかったので、LiteSpeed Cacheのプラグイン設定に再挑戦しました。
  • ただ、結果としては パフォーマンススコアが「85」→「86」。ほぼ誤差の範囲内でした。
  • ゲストモードにすると「95」まで上げられましたが、測定環境でだけ最適化にするのはちょっと「ズル」の感じもします。

やっぱり サーバキャッシュでどうにかなるものでもないのかも。

【スポンサーリンク】

現状の課題(85)

だいぶ PageSpeed Insightsのスコアも上がってきました。
あとは「LCP」を2.5秒以下におさめたいです。

LiteSpeed Cache を導入する前のパフォーマンスを計測しておきます。

Largest Contentful Paint が 3.3秒、
Total Blocking Time が 290 ミリ秒。

もう一息のところまで仕上がってきました。

LiteSpeed Cacheの設定してみた(95)

LiteSpeed Cacheの不具合の少ない設定方法と使い方 | マニュオン」をもとに概要を勉強してみました。

勉強になったこと
  • 「基本」の[プリセットの適用]。「高度(推奨)」を選ぶと、不具合が出やすい
  • [モバイルをキャッシュ]は、テーマのレスポンシブ対応具合によって変わる。CocoonはOFFで。
  • パージ(キャッシュクリア)はすべてON。一部だけだと、問題が起こったときの原因の切り分けが難しくなる。
  • ブラウザをスーパーリロード(キャッシュクリア)する方法
    Windows: Ctrl + F5
    Mac: Command + Shift + R
  • EWWW Image Optimizer」などの画像圧縮・WebPプラグインと機能が重複
  • [ドメインキーの要求]をしないと、画像の最適化(圧縮・WebP化)、ページの最適化(一部機能)、CDNなどを利用できません。
  • QUIC.cloud へのリンク 外部サービスにアカウント登録→ CDNを利用しないなら不要
  • CSS・JS最適化(圧縮・縮小化)は、デザイン崩れなどの不具合が多発するためOFF
  • [DNS プリフェッチ]は、Cocoonの[事前読み込み]機能と重複する
  • 画像等の遅延読み込みは、Cocoonテーマの機能を使用するから不要。
  • お問い合わせページをキャッシュから除外する
  • [ページの最適化][チューニング]から[ゲストモードのJSは除外](gtag/jsなど)

考え方として、「最適化を最小限にして必要なものだけ有効にすればよい」のですね。

ほぼ参考通りにいろいろ設定した後。

LiteSpeed Cache導入前導入後
First Contentful Paint1.51.4
Largest Contentful Paint3.32.9
Total Blocking Time2900
Cumulative Layout Shift00
Speed Index2.52.0

Total Blocking Timeが改善された感じだね。

「ゲストモード」によるJS最適化の不具合(70)

ただし、PageSpeed Insights での表示画面を見てみると、カルーセルが表示されていません。

しかし、自分でブラウザからサイトにアクセスすると、問題なく表示されています。

PageSpeed Insights と通常のサイト表示に違いがあるのは、「ゲストモード」のため。
LightSpeed Cache の「一般」ー「一般設定」に項目があります。

ゲストモードは、自動化されたゲストの初回訪問時に、常にキャッシュ可能なランディングページを提供し、その後、AJAXによってキャッシュの更新を試みます。

ゲストモードで指定しているユーザーエージェントに該当すると、自動で最適化処理が加わるのです。

ゲストモードだと、JS圧縮化やJS結合が有効になっています。
そのため、jQueryの読込み順序が変わり、カルーセルが表示されなくなっているのです。

CSSやJSの圧縮化・結合は、表示の不具合になりやすいんだよね。

ゲストモードをオフにしてみました。

これだと、元よりかえって遅くなりました。

LiteSpeed Cache導入前導入後ゲストモード オフ
First Contentful Paint1.51.41.7
Largest Contentful Paint3.32.93.6
Total Blocking Time2900810
Cumulative Layout Shift000
Speed Index2.52.03.0

クローラーがサーバー負荷をかけている(86)

Total Blocking Timeが プラグイン導入前より

どうも、クローラーの動作がサーバーに負荷をかけているようです。
「クローラー」は、サイトに訪問者が来る前にキャッシュを用意しておくためにプログラムがサイト内を巡回する仕組みです。

放っておいてもそのうち収まる気もしますが、不要なクローラーは無効化しておきます。
【LiteSpeed Cacheの設定方法】 – ソロ学」を参考にクローラーをオフにする設定をしました。

  • QUIC.cloudは外部サービスなので今回は使いません。
  • クローラーは設定するとサイトの負荷を高めるため使いません。
【LiteSpeed Cacheの設定方法】キャッシュプラグインでWordpressサイトを高速化! – ソロ学

クローラー設定の「概要」を見てみると、どうも サーバ設定でできていないようです。

警告

LiteSpeedサーバーでクローラー機能が有効になっていません。 サーバー管理者またはホスティングプロバイダーにお問い合わせください。

詳細情報は、 クローラーの有効化の概要を参照してください。

「LiteSpeed ドキュメント」によると、1

  • クローラーは大量のリソースを消費する
  • cPanelではデフォルトで無効になっている
  • 有効化するにはApache構成を編集する

クローラーが動作できないのに、指示を出しているために負荷がかかっているようです。

クローラーの動作の動作はオフにしました。

あと、QUIC.cloudを使うのをやめて、「EWWW Image Optimizer」プラグインでの画像圧縮に戻しました。サイト内の画像を圧縮していく処理も負荷になっている気がしたからです。

結果はこちら。

LiteSpeed Cache導入前導入後ゲストモード オフクローラー オフ
First Contentful Paint1.51.41.71.6
Largest Contentful Paint3.32.93.62.6
Total Blocking Time2900810400
Cumulative Layout Shift0000
Speed Index2.52.03.02.2

うーん。
ましにはなりましたが、結局、始めとそんなに変わっていないかも。

とりあえず、現在のLiteSpeed Cacheの設定ファイルをエクスポートしておきます。

["_version","5.5"]

["hash","bkRqEZLZmYSX0clLumnNvoAHkzDlWRQh"]

["auto_upgrade",true]

["api_key","33CF60E81621D85A530890B25C367434"]

["server_ip",""]

["guest",true]

["guest_optm",false]

["news",true]

["guest_uas",["Lighthouse","GTmetrix","Google","Pingdom","bot","PTST","HeadlessChrome"]]

["guest_ips",["208.70.247.157","172.255.48.130","172.255.48.131","172.255.48.132","172.255.48.133","172.255.48.134","172.255.48.135","172.255.48.136","172.255.48.137","172.255.48.138","172.255.48.139","172.255.48.140","172.255.48.141","172.255.48.142","172.255.48.143","172.255.48.144","172.255.48.145","172.255.48.146","172.255.48.147","52.229.122.240","104.214.72.101","13.66.7.11","13.85.24.83","13.85.24.90","13.85.82.26","40.74.242.253","40.74.243.13","40.74.243.176","104.214.48.247","157.55.189.189","104.214.110.135","70.37.83.240","65.52.36.250","13.78.216.56","52.162.212.163","23.96.34.105","65.52.113.236","172.255.61.34","172.255.61.35","172.255.61.36","172.255.61.37","172.255.61.38","172.255.61.39","172.255.61.40","104.41.2.19","191.235.98.164","191.235.99.221","191.232.194.51","52.237.235.185","52.237.250.73","52.237.236.145","104.211.143.8","104.211.165.53","52.172.14.87","40.83.89.214","52.175.57.81","20.188.63.151","20.52.36.49","52.246.165.153","51.144.102.233","13.76.97.224","102.133.169.66","52.231.199.170","13.53.162.7","40.123.218.94"]]

["cache",true]

["cache-priv",false]

["cache-commenter",false]

["cache-rest",false]

["cache-page_login",false]

["cache-favicon",true]

["cache-resources",true]

["cache-mobile",true]

["cache-mobile_rules",["Mobile","Android","Silk\/","Kindle","BlackBerry","Opera Mini","Opera Mobi"]]

["cache-browser",true]

["cache-exc_useragents",[]]

["cache-exc_cookies",[]]

["cache-exc_qs",[]]

["cache-exc_cat",[]]

["cache-exc_tag",[]]

["cache-force_uri",[]]

["cache-force_pub_uri",[]]

["cache-priv_uri",[]]

["cache-exc",["^contact$"]]

["cache-exc_roles",["administrator","author","contributor","editor","subscriber"]]

["cache-drop_qs",["fbclid","gclid","utm*","_ga"]]

["cache-ttl_pub",604800]

["cache-ttl_priv",1800]

["cache-ttl_frontpage",604800]

["cache-ttl_feed",604800]

["cache-ttl_rest",604800]

["cache-ttl_browser",31557600]

["cache-ttl_status",["403 3600","404 3600","500 3600"]]

["cache-login_cookie",""]

["cache-vary_group",{"administrator":"99","author":"0","contributor":"0","editor":"0","subscriber":"0"}]

["purge-upgrade",true]

["purge-stale",false]

["purge-post_all",true]

["purge-post_f",true]

["purge-post_h",true]

["purge-post_p",true]

["purge-post_pwrp",true]

["purge-post_a",true]

["purge-post_y",true]

["purge-post_m",true]

["purge-post_d",true]

["purge-post_t",true]

["purge-post_pt",true]

["purge-timed_urls",[]]

["purge-timed_urls_time",""]

["purge-hook_all",["switch_theme","wp_create_nav_menu","wp_update_nav_menu","wp_delete_nav_menu","create_term","edit_terms","delete_term","add_link","edit_link","delete_link"]]

["esi",false]

["esi-cache_admbar",true]

["esi-cache_commform",true]

["esi-nonce",["stats_nonce","subscribe_nonce"]]

["util-instant_click",false]

["util-no_https_vary",false]

["debug-disable_all",false]

["debug",0]

["debug-ips",["127.0.0.1"]]

["debug-level",false]

["debug-filesize",3]

["debug-cookie",false]

["debug-collaps_qs",false]

["debug-inc",[]]

["debug-exc",[]]

["debug-exc_strings",[]]

["db_optm-revisions_max",20]

["db_optm-revisions_age",0]

["optm-css_min",false]

["optm-css_comb",false]

["optm-css_comb_ext_inl",false]

["optm-ucss",false]

["optm-ucss_inline",false]

["optm-ucss_whitelist",[]]

["optm-ucss_file_exc_inline",[]]

["optm-ucss_exc",[]]

["optm-css_exc",[]]

["optm-js_min",false]

["optm-js_comb",false]

["optm-js_comb_ext_inl",false]

["optm-js_exc",["jquery.js","jquery.min.js"]]

["optm-html_min",false]

["optm-html_lazy",[]]

["optm-qs_rm",false]

["optm-ggfonts_rm",false]

["optm-css_async",false]

["optm-ccss_per_url",false]

["optm-ccss_sep_posttype",[]]

["optm-ccss_sep_uri",[]]

["optm-css_async_inline",false]

["optm-css_font_display",false]

["optm-js_defer",0]

["optm-emoji_rm",true]

["optm-noscript_rm",false]

["optm-ggfonts_async",true]

["optm-exc_roles",["administrator","author","contributor","editor"]]

["optm-ccss_con",""]

["optm-js_defer_exc",["jquery.js","jquery.min.js"]]

["optm-gm_js_exc",[]]

["optm-dns_prefetch",[]]

["optm-dns_prefetch_ctrl",false]

["optm-exc",[]]

["optm-guest_only",true]

["object",false]

["object-kind",false]

["object-host","localhost"]

["object-port",11211]

["object-life",360]

["object-persistent",true]

["object-admin",true]

["object-transients",true]

["object-db_id",0]

["object-user",""]

["object-pswd",""]

["object-global_groups",["users","userlogins","usermeta","user_meta","site-transient","site-options","site-lookup","blog-lookup","blog-details","rss","global-posts","blog-id-cache"]]

["object-non_persistent_groups",["comment","counts","plugins","wc_session_id"]]

["discuss-avatar_cache",false]

["discuss-avatar_cron",false]

["discuss-avatar_cache_ttl",604800]

["optm-localize",false]

["optm-localize_domains",["### some CDNs","https:\/\/ajax.aspnetcdn.com","https:\/\/ajax.cloudflare.com\/","https:\/\/ajax.googleapis.com\/ajax\/","https:\/\/cdn.jsdelivr.net\/","https:\/\/cdnjs.com\/","https:\/\/cdnjs.cloudflare.com\/","https:\/\/code.jquery.com\/","https:\/\/maxcdn.bootstrapcdn.com\/","https:\/\/netdna.bootstrapcdn.com\/","https:\/\/oss.maxcdn.com\/","https:\/\/stackpath.bootstrapcdn.com\/","### Popular scripts ###","https:\/\/a.optmnstr.com\/app\/js\/","https:\/\/cdn.onesignal.com\/sdks\/","https:\/\/cdn.optimizely.com\/","https:\/\/cdn.shopify.com\/s\/","https:\/\/css3-mediaqueries-js.googlecode.com\/svn\/","https:\/\/html5shim.googlecode.com\/svn\/","https:\/\/html5shiv.googlecode.com\/svn\/","https:\/\/maps.google.com\/maps\/api\/js","https:\/\/maps.googleapis.com\/maps\/api\/js","https:\/\/pagead2.googlesyndication.com\/pagead\/js\/","https:\/\/platform.twitter.com\/widgets.js","https:\/\/platform-api.sharethis.com\/js\/","https:\/\/s7.addthis.com\/js\/","https:\/\/stats.wp.com\/","https:\/\/ws.sharethis.com\/button\/","https:\/\/www.google.com\/recaptcha\/api.js","https:\/\/www.google-analytics.com\/analytics.js","https:\/\/www.googletagmanager.com\/gtag\/js","https:\/\/www.googletagmanager.com\/gtm.js","https:\/\/www.googletagservices.com\/tag\/js\/gpt.js","https:\/\/connect.facebook.net\/en_US\/fbevents.js","https:\/\/connect.facebook.net\/signals\/config\/"]]

["media-lazy",false]

["media-lazy_placeholder",""]

["media-placeholder_resp",false]

["media-placeholder_resp_color","#ffffff"]

["media-placeholder_resp_svg","<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"{width}\" height=\"{height}\" viewBox=\"0 0 {width} {height}\"><rect width=\"100%\" height=\"100%\" fill=\"{color}\"\/><\/svg>"]

["media-lqip",false]

["media-lqip_qual",4]

["media-lqip_min_w",150]

["media-lqip_min_h",150]

["media-placeholder_resp_async",true]

["media-iframe_lazy",false]

["media-add_missing_sizes",false]

["media-lazy_exc",[]]

["media-lazy_cls_exc",["wmu-preview-img","not-lazy-load"]]

["media-lazy_parent_cls_exc",[]]

["media-iframe_lazy_cls_exc",[]]

["media-iframe_lazy_parent_cls_exc",[]]

["media-lazy_uri_exc",[]]

["media-lqip_exc",[]]

["media-vpi",false]

["media-vpi_cron",false]

["img_optm-auto",false]

["img_optm-cron",false]

["img_optm-ori",false]

["img_optm-rm_bkup",false]

["img_optm-webp",false]

["img_optm-lossless",false]

["img_optm-exif",false]

["img_optm-webp_attr",["img.src","div.data-thumb","img.data-src","div.data-large_image","img.retina_logo_url","div.data-parallax-image","video.poster"]]

["img_optm-webp_replace_srcset",false]

["img_optm-jpg_quality",82]

["crawler",false]

["crawler-usleep",500]

["crawler-run_duration",400]

["crawler-run_interval",600]

["crawler-crawl_interval",302400]

["crawler-threads",3]

["crawler-timeout",30]

["crawler-load_limit",1]

["crawler-sitemap",""]

["crawler-drop_domain",true]

["crawler-map_timeout",120]

["crawler-roles",[]]

["crawler-cookies",[]]

["misc-heartbeat_front",false]

["misc-heartbeat_front_ttl",60]

["misc-heartbeat_back",false]

["misc-heartbeat_back_ttl",60]

["misc-heartbeat_editor",false]

["misc-heartbeat_editor_ttl",15]

["cdn",false]

["cdn-ori",[]]

["cdn-ori_dir",["wp-content","wp-includes"]]

["cdn-exc",[]]

["cdn-quic",false]

["cdn-cloudflare",false]

["cdn-cloudflare_email",""]

["cdn-cloudflare_key",""]

["cdn-cloudflare_name",""]

["cdn-cloudflare_zone",""]

["cdn-mapping",[{"url":false,"inc_img":"1","inc_css":"1","inc_js":"1","filetype":[".aac",".css",".eot",".gif",".jpeg",".js",".jpg",".less",".mp3",".mp4",".ogg",".otf",".pdf",".png",".svg",".ttf",".woff"]}]]

["cdn-attr",[".src",".data-src",".href",".poster","source.srcset"]]

["qc-token",""]

["qc-nameservers",""]

["_cache",true]

(補足)

  1. クローラーが大量のリソースを消費する可能性があるため、オン/オフのスイッチはサーバー管理者に委ねられています。cPanel などのコントロール パネル環境では、クローラーはデフォルトで無効になっており、Apache 構成を通じて管理者のみが有効にできます。- 管理者 | WordPress 用 LSCache | LiteSpeed ドキュメント
QRコードを読み込むと、関連記事を確認できます。
[Cocoon] LiteSpeed Cacheを改めて使ってみる
【スポンサーリンク】
タイトルとURLをコピーしました