Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

WordPress Optimization with Litespeed Cache #wpjkt14

509 views

Published on

Optimize WordPress Performance with Litespeed Cache plugin and Litespeed Web Server

Published in: Engineering
  • Be the first to comment

  • Be the first to like this

WordPress Optimization with Litespeed Cache #wpjkt14

  1. 1. WordPress Speed Optimization Jakarta WordPress Meetup #14 Ivan Kristianto @ivankristianto
  2. 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. 3. Who Love Fast Websites? Why?
  4. 4. 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/
  5. 5. How to have site load < 3s?
  6. 6. 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
  7. 7. 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
  8. 8. The Challenge
  9. 9. Shared Hosting
  10. 10. 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
  11. 11. WordPress Plugins • LiteSpeed Cache* • Query Monitor • WooCommerce • Gutenberg • EWWW Image Optimizer
  12. 12. LiteSpeed Cache Plugin
  13. 13. Object Cache: Memcache LiteSpeed Cache Advance Settings
  14. 14. 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
  15. 15. 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
  16. 16. Media Settings LiteSpeed Cache [7] Media • Lazy Load Images: On • Lazy Load Images: On • Only Request WebP: On • Preserve EXIF data: Off*
  17. 17. CDN LiteSpeed Cache [8] CDN
  18. 18. Results
  19. 19. GTmetrix https://gtmetrix.com/reports/14.wpjktmeetup.com/H0PnxvEu
  20. 20. Pingdom https://tools.pingdom.com/#!/b4mGjr/https://14.wpjktmeetup.com/
  21. 21. WebPageTest https://www.webpagetest.org/result/180512_E1_25d257eddf29ee1472bde608b6949f10/
  22. 22. Load Stress Test
  23. 23. 1000 Requests / Min loader.io
  24. 24. 2000 Requests / Min loader.io
  25. 25. 5000 Requests / Min loader.io
  26. 26. 10000 Requests / Min loader.io
  27. 27. Test on Slow Network
  28. 28. WebPageTest on Mobile with 3G Network https://www.webpagetest.org/result/180513_GC_c81a0a7201d2ea1ee94c24d91cc36c0e/
  29. 29. WebPageTest on Mobile with Slow 3G Network https://www.webpagetest.org/result/180513_ME_89a321ce83239742324d349807e1c384/
  30. 30. WordPress is Fast on Share hosting!
  31. 31. 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.
  32. 32. Q&A

×