How to Optimize WordPress Website Cache to 99% Using LiteSpeed Web Server.
00:00 - 00:35 | Introduction & Overview.
00:35 - 00:49 | 01 - Use Advanced Pre-set + Custom Settings.
00:49 - 02:15 | 02 - Add QUIC Cloud DNS.
02:15 - 03:45 | 03 - General & CSS Settings.
03:45 - 04:09 | 04 - JS Settings.
04:09 - 07:15 | 05 - Debug CSS/JS in LiteSpeed.
07:15 - 08:45 | 06 - Tuning: Include/Exclude CSS/JS.
08:45 - 11:40 | 07 - HTML Minify, Prefetch & Preconnect.
11:40 - 17:30 | 08 - Media: Lazy & Eager Loading.
17:30 - 19:00 | 09 - Guest, Object & Browser Cache.
19:00 - 20:25 | 10 - Optimize Image in Bulk.
20:25 - 22:20 | 11 - Excluding Initial Viewport Assets.
22:20 - 22:50 | 12 Lighthouse & Server Locations.
22:50 - 23:20 | 13 Final Page Speed Scores.
23:20 - 23:44 | 14 - Advanced Dev Throttling.
23:44 - 25:48 | 15 - GTMetrix & Page Speed Analysis.
!!!! Please test these options thoroughly before enabling them on your production site! Be sure to Purge All after changing these settings.
Summary
1 - Keep Images Below 300KB On Whole Page
2 - Defer JS / Delay JS
3 - Minify Files
4 - CDN (QUICCloud, Cloduinary, RocketCDN & Similar).
5 - Object Cache
6 - Use MemCache/Redis Cache if exists.
7 - Eager Load Items in view port and lazy load outside viewport.
References
LiteSpeed - Memcache
https://www.litespeedtech.com/product...
Page Optimization
https://docs.litespeedtech.com/lscach...
CSS Settings
https://docs.litespeedtech.com/lscach...
JS Settings
https://docs.litespeedtech.com/lscach...
Debug LiteSpeed CSS/JS
https://docs.litespeedtech.com/lscach...
HTML Settings
https://docs.litespeedtech.com/lscach...
DNS Prefetch
https://docs.litespeedtech.com/lscach...
https://developer.mozilla.org/en-US/d...
DNS Preconnect
https://developer.mozilla.org/en-US/d...
DNS Preconnect and DNS Prefetch
/ dns-prefetch-preconnect-7-tips-tricks-and-...
Object Cache in LiteSpeed
https://blog.litespeedtech.com/2018/0...
GT Metrix
https://gtmetrix.com/
Page Speed Insights
https://pagespeed.web.dev/