WordPress Speed

Optimization Ivan Kristianto

@ivankristianto
Jakarta WordPress Meetup #14
 Who Am I?
• My name is Ivan Kristianto

• Senior Web Engineer at 10up

• WordPress core contributor

• ElasticPress team member

• Jakarta WordPress Meetup Organizer

Who Love Fast Websites?
Why?
 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/
How to have site load < 3s?
 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

 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

The Challenge
Shared Hosting
 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
 WordPress Plugins
• LiteSpeed Cache*

• Query Monitor

• WooCommerce

• Gutenberg

• EWWW Image Optimizer

LiteSpeed Cache Plugin
Object Cache: Memcache
LiteSpeed Cache Advance Settings
• 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

Optimize Settings
LiteSpeed Cache [5] Optimize
• Combined CSS Priority: On

• Combined JS Priority: On

• Remove Query Strings: On

• Load Google Fonts Asynchronously: On

• Remove WordPress Emoji: On

Tuning Settings
LiteSpeed Cache [6] Tuning
• Lazy Load Images: On

• Lazy Load Images: On

• Only Request WebP: On

• Preserve EXIF data: Off*

Media Settings
LiteSpeed Cache [7] Media
 CDN
LiteSpeed Cache [8] CDN
Results
 GTmetrix
https://gtmetrix.com/reports/14.wpjktmeetup.com/H0PnxvEu
 Pingdom
https://tools.pingdom.com/#!/b4mGjr/https://14.wpjktmeetup.com/
 WebPageTest
https://www.webpagetest.org/result/180512_E1_25d257eddf29ee1472bde608b6949f10/
Load Stress Test
1000 Requests / Min
loader.io
2000 Requests / Min
loader.io
5000 Requests / Min
loader.io
10000 Requests / Min
loader.io
Test on Slow Network
 WebPageTest on Mobile with 3G
Network
https://www.webpagetest.org/result/180513_GC_c81a0a7201d2ea1ee94c24d91cc36c0e/
 WebPageTest on Mobile with Slow 3G
Network
https://www.webpagetest.org/result/180513_ME_89a321ce83239742324d349807e1c384/
WordPress is Fast on Share hosting!
 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.
Q&A