Optimize WordPress Performance with Litespeed Cache plugin and Litespeed Web Server

1. WordPress Speed
Optimization
Jakarta WordPress Meetup #14
Ivan Kristianto
@ivankristianto

2. Who Am I?
• My name is Ivan Kristianto
• Senior Web Engineer at 10up
• WordPress core contributor
• ElasticPress team member
• Jakarta WordPress Meetup Organizer

3. Who Love Fast Websites?
Why?

5. How Fast is Fast Enough?
• If your site loads in 5 seconds, it is faster than approximately 25% of the web
• If your site loads in 2.9 seconds, it is faster than approximately 50% of the web
• If your site loads in 1.7 seconds, it is faster than approximately 75% of the web
• If your site loads in 0.8 seconds, it is faster than approximately 94% of the web
SOURCE: HTTPS://WWW.SEMRUSH.COM/BLOG/HOW-FAST-IS-FAST-ENOUGH-PAGE-LOAD-TIME-AND-
YOUR-BOTTOM-LINE/

6. How to have site load < 3s?

7. Server Side
1. Server Specification ( CPU, RAM, Network Speed, SSD , Location )
2. Server Services & Settings:
i. Web Server: Apache, Nginx, Litespeed, etc.
ii. Database Server: MySQL, MariaDB
iii. Cache ( Redis, Memcache, Varnish, Litespeed Cache, etc.. )
iv. PHP Version and Modules

8. WordPress side
1. Object Caching ( https://codex.wordpress.org/Class_Reference/
WP_Object_Cache )
2. DB Query Cache
3. Page Cache
4. Minification: JS, CSS and HTML

9. The Challenge

10. Shared Hosting

11. Server Specification
• Location: Singapore
• CPU Core: 20. Avg Load: 2.89
• Memory Average load: 21%
• Swap Used: 38%
• Disk Usage: 29%
• Web Server: Litespeed
• Database: MariaDB 10.2.14
• PHP Version: 7.1
• Memcache

12. WordPress Plugins
• LiteSpeed Cache*
• Query Monitor
• WooCommerce
• Gutenberg
• EWWW Image Optimizer

13. LiteSpeed Cache Plugin

14. Object Cache: Memcache
LiteSpeed Cache Advance Settings

15. Optimize Settings
LiteSpeed Cache [5] Optimize
• CSS Minify, Inline CSS Minify, CSS Combine, CSS HTTP/2 Push: On
• JS Minify, Inline JS Minify, JS Combine, JS HTTP/2 Push: On
• HTML Minify: On
• Load CSS Asynchronously: Off
• Load JS Deferred: On

16. Tuning Settings
LiteSpeed Cache [6] Tuning
• Combined CSS Priority: On
• Combined JS Priority: On
• Remove Query Strings: On
• Load Google Fonts Asynchronously: On
• Remove WordPress Emoji: On

17. Media Settings
LiteSpeed Cache [7] Media
• Lazy Load Images: On
• Lazy Load Images: On
• Only Request WebP: On
• Preserve EXIF data: Off*

18. CDN
LiteSpeed Cache [8] CDN

19. Results

20. GTmetrix
https://gtmetrix.com/reports/14.wpjktmeetup.com/H0PnxvEu

21. Pingdom
https://tools.pingdom.com/#!/b4mGjr/https://14.wpjktmeetup.com/

22. WebPageTest
https://www.webpagetest.org/result/180512_E1_25d257eddf29ee1472bde608b6949f10/

23. Load Stress Test

24. 1000 Requests / Min
loader.io

25. 2000 Requests / Min
loader.io

26. 5000 Requests / Min
loader.io

27. 10000 Requests / Min
loader.io

28. Test on Slow Network

29. WebPageTest on Mobile with 3G Network
https://www.webpagetest.org/result/180513_GC_c81a0a7201d2ea1ee94c24d91cc36c0e/

30. WebPageTest on Mobile with Slow 3G Network
https://www.webpagetest.org/result/180513_ME_89a321ce83239742324d349807e1c384/

31. WordPress is Fast on Share hosting!

32. Disclaimer
This results test is for demo and research purpose only. It’s running on
real share hosting account and have demo content to match real life
example as close as possible.
The optimisation settings may or may not work for your site and may
required tweaking based on your site conditions.
The test results number may vary and I’m not guarantee that number for
your sites.
And if You decide to use this knowledge, do with your own risk. And
please backup yours site before You start anything.

33. Q&A