![[Cocoon] LiteSpeed Cacheを改めて使ってみる](https://chiilabo.com/wp-content/uploads/2023/07/image-3-89.jpg)
- PageSpeed Insightsをみると、あとは「サーバーの応答時間」を改善するぐらいです。
- 以前、サーバーキャッシュを設定したら、更新が反映されなかったり、ページ内のランダム要素が固定化したり、とかえって困ることがありました。
- 改めて調べてみたら「LiteSpeed Cacheの不具合の少ない設定方法と使い方 | マニュオン」での解説がわかりやすかったので、LiteSpeed Cacheのプラグイン設定に再挑戦しました。
- ただ、結果としては パフォーマンススコアが「85」→「86」。ほぼ誤差の範囲内でした。
- ゲストモードにすると「95」まで上げられましたが、測定環境でだけ最適化にするのはちょっと「ズル」の感じもします。
![[Cocoon] LiteSpeed Cacheを改めて使ってみる](https://chiilabo.com/wp-content/uploads/2021/08/sakurotu-ga-ru2.jpg){kind=icon}
やっぱり サーバキャッシュでどうにかなるものでもないのかも。
1. 現状の課題（85）
だいぶ PageSpeed Insightsのスコアも上がってきました。
あとは「LCP」を2.5秒以下におさめたいです。
LiteSpeed Cache を導入する前のパフォーマンスを計測しておきます。
Largest Contentful Paint が 3.3秒、
Total Blocking Time が 290 ミリ秒。
もう一息のところまで仕上がってきました。
2. LiteSpeed Cacheの設定してみた（95）
「LiteSpeed Cacheの不具合の少ない設定方法と使い方 | マニュオン」をもとに概要を勉強してみました。
考え方として、「最適化を最小限にして必要なものだけ有効にすればよい」のですね。
ほぼ参考通りにいろいろ設定した後。
| LiteSpeed Cache | 導入前 | 導入後 |
|---|---|---|
| First Contentful Paint | 1.5 | 1.4 |
| Largest Contentful Paint | 3.3 | 2.9 |
| Total Blocking Time | 290 | 0 |
| Cumulative Layout Shift | 0 | 0 |
| Speed Index | 2.5 | 2.0 |
Total Blocking Timeが改善された感じだね。
2-1. 「ゲストモード」によるJS最適化の不具合（70）
ただし、PageSpeed Insights での表示画面を見てみると、カルーセルが表示されていません。
しかし、自分でブラウザからサイトにアクセスすると、問題なく表示されています。
PageSpeed Insights と通常のサイト表示に違いがあるのは、「ゲストモード」のため。
LightSpeed Cache の「一般」ー「一般設定」に項目があります。
ゲストモードは、自動化されたゲストの初回訪問時に、常にキャッシュ可能なランディングページを提供し、その後、AJAXによってキャッシュの更新を試みます。
ゲストモードで指定しているユーザーエージェントに該当すると、自動で最適化処理が加わるのです。
ゲストモードだと、JS圧縮化やJS結合が有効になっています。
そのため、jQueryの読込み順序が変わり、カルーセルが表示されなくなっているのです。
CSSやJSの圧縮化・結合は、表示の不具合になりやすいんだよね。
ゲストモードをオフにしてみました。
これだと、元よりかえって遅くなりました。
| LiteSpeed Cache | 導入前 | 導入後 | ゲストモード オフ |
|---|---|---|---|
| First Contentful Paint | 1.5 | 1.4 | 1.7 |
| Largest Contentful Paint | 3.3 | 2.9 | 3.6 |
| Total Blocking Time | 290 | 0 | 810 |
| Cumulative Layout Shift | 0 | 0 | 0 |
| Speed Index | 2.5 | 2.0 | 3.0 |
2-2. クローラーがサーバー負荷をかけている（86）
Total Blocking Timeが プラグイン導入前より
どうも、クローラーの動作がサーバーに負荷をかけているようです。
「クローラー」は、サイトに訪問者が来る前にキャッシュを用意しておくためにプログラムがサイト内を巡回する仕組みです。
放っておいてもそのうち収まる気もしますが、不要なクローラーは無効化しておきます。
「【LiteSpeed Cacheの設定方法】 – ソロ学」を参考にクローラーをオフにする設定をしました。
【LiteSpeed Cacheの設定方法】キャッシュプラグインでWordpressサイトを高速化！ – ソロ学
- QUIC.cloudは外部サービスなので今回は使いません。
- クローラーは設定するとサイトの負荷を高めるため使いません。
クローラー設定の「概要」を見てみると、どうも サーバ設定でできていないようです。
警告
LiteSpeedサーバーでクローラー機能が有効になっていません。 サーバー管理者またはホスティングプロバイダーにお問い合わせください。
詳細情報は、 クローラーの有効化の概要を参照してください。
「LiteSpeed ドキュメント」によると、1
- クローラーは大量のリソースを消費する
- cPanelではデフォルトで無効になっている
- 有効化するにはApache構成を編集する
クローラーが動作できないのに、指示を出しているために負荷がかかっているようです。
クローラーの動作の動作はオフにしました。
あと、QUIC.cloudを使うのをやめて、「EWWW Image Optimizer」プラグインでの画像圧縮に戻しました。サイト内の画像を圧縮していく処理も負荷になっている気がしたからです。
結果はこちら。
| LiteSpeed Cache | 導入前 | 導入後 | ゲストモード オフ | クローラー オフ |
|---|---|---|---|---|
| First Contentful Paint | 1.5 | 1.4 | 1.7 | 1.6 |
| Largest Contentful Paint | 3.3 | 2.9 | 3.6 | 2.6 |
| Total Blocking Time | 290 | 0 | 810 | 400 |
| Cumulative Layout Shift | 0 | 0 | 0 | 0 |
| Speed Index | 2.5 | 2.0 | 3.0 | 2.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]こちらもどうぞ。
LiteSpeed CacheがアップデートされてJQueryが遅延読込みされている 【ただしサイトスピードは高速化】
ほとんどタイトルが全てなんですが、LiteSpeed Cacheプラグインのアップデートについてメモしておきます。 プラグインのアップデート一つでこんなに変わるんですね。 LiteSpeed Cacheのバージョンが3.5.0.1にアップグレードされた LiteSpeed CacheはWordPressのプラグインで、mixhostサーバーではサイトスピード向上のために利用することができます。 最近（2020年9月29日）バージョンが3.4.2→から3.5にアップデートされま...
chiilabo.com
LiteSpeed Cacheプラグインをオン・オフで比較してみた
LiteSpeed Cache（v3.6.4）プラグインの「キャッシュ機能」のオン・オフでどれぐらい違うのか、比較してみました（2021年3月23日現在）。 もしかして、誤差の範囲……？ もう少し詳しく比較してみましょう。 比較 無効のとき プラグインが無効のときも比べてみます。 オフのとき オンにした直後 オンにして再分析 比較結果 モバイルのラボデータ無効オフオン（直後）オン（2回目）First Contentful Paint（秒）2.32.12.12.1Speed I...
chiilabo.com
やっとLiteSpeed Cache 3.5.2がリリースされたので更新してみた 【Javascript読込みの最適化設定】
ここまでのあらすじを振り返ってみると、LiteSpeed Cache 3.5.0.1がリリースされたのが、2020年9月29日でした。 その後、すぐに（2020年9月30日）JQueryの遅延読みで不具合が見つかり、LiteSpeed Cache 3.5.0.2として以前のバージョンにいったん戻されます。 当初はすぐに修正される見通しでしたが、しばらく、そのままになっていました。 最近ようやく動きがありましたので、メモしておきます。 LiteSpeed Cacheの更新履歴を...
chiilabo.com
（補足）
- クローラーが大量のリソースを消費する可能性があるため、オン/オフのスイッチはサーバー管理者に委ねられています。cPanel などのコントロール パネル環境では、クローラーはデフォルトで無効になっており、Apache 構成を通じて管理者のみが有効にできます。- 管理者 | WordPress 用 LSCache | LiteSpeed ドキュメント
QRコードを読み込むと、関連記事を確認できます。
![[Cocoon] LiteSpeed Cacheを改めて使ってみる](https://api.qrserver.com/v1/create-qr-code/?data=?size=200x200&data=https%3A%2F%2Fchiilabo.com%2F2023-07%2Fcocoon-litespeed-cache-try-set-again%2F)
