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.

Essential Steps to a Superior Page Speed Score

459 views

Published on

LiteSpeed Technologies presentation given by Eric Leu at WordCampNYC 2018. A 15-minute talk about improving your page speed score using popular WordPress plugins.

Published in: Technology
  • Be the first to comment

Essential Steps to a Superior Page Speed Score

  1. 1. Essential Steps to a Superior PageSpeed Score Eric Leu Systems Engineer LiteSpeed Technologies, Inc.
  2. 2. Poorly performing site
  3. 3. Common Page Scoring Sites PageSpeed Insights GTmetrix Pingdom
  4. 4. Common Issues Suggested by Scoring Sites PageSpeed GTmetrix Pingdom
  5. 5. ● Improve server response time ● Leverage browser caching ● Enable compression Minify ● Minify HTML ● Minify CSS ● Minify JavaScript ● Remove render-blocking JavaScript ● Optimize CSS Delivery Image ● Image Optimize ● Webp Remove ● Remove query strings ● Remove WP Emoji Summary
  6. 6. Testing Environment ● LiteSpeed Web Server ● Apache ● W3 Total Cache 09.7 ● WP Rocket 3.0.5.1 ● WP Fastest Cache 0.8.8.3 + Premium 1.5.0 ● LiteSpeed Cache 2.4.1 ● WP Super Cache 1.6.2 ● DigitalOcean $10/mo ● WordPress 4.9.8 ● Woocommerce 3.4.4
  7. 7. Page Speed Scores Before Caching or Optimization Score Sites Scores PageSpeed Insights GTmetrix Pingdom
  8. 8. ● Improve server response time ● Leverage browser caching ● Enable compression Minify ● Minify HTML ● Minify CSS ● Minify JavaScript ● Remove render-blocking JavaScript ● Optimize CSS Delivery Image ● Image Optimize ● Webp Remove ● Remove query strings ● Remove WP Emoji
  9. 9. Popular Cache Plugins
  10. 10. When 100 users visit a site, cache dramatically helps reduce response time. After enabling cache response time: 2.5s 0.2s Full Page Caching & Response Time
  11. 11. Caching Enabled with Basic Settings (FPC, browser cache, gzip) WP Fastest1 LSCache WP Rocket2 WP Super W3 total PageSpeed Insights GTmetrix Pingdom Plugins Score 1: WP Fastest Cache has paid for parts. 2: WP Rocket is a paid plugin. Cache Minify Image Remove
  12. 12. ● Improve server response time ● Leverage browser caching ● Enable compression Minify ● Minify HTML ● Minify CSS ● Minify JavaScript ● Remove render-blocking JavaScript ● Optimize CSS Delivery Image ● Image Optimize ● Webp Remove ● Remove query strings ● Remove WP Emoji
  13. 13. CSS/JS/HTML Minify
  14. 14. CSS/JS Combine
  15. 15. CSS/JS/HTML Optimization WP Fastest1 LSCache WP Rocket2 WP Super W3 Total PageSpeed Insights GTmetrix Pingdom Plugins Score 1: WP Fastest Cache has paid for parts. 2: WP Rocket is a paid plugin. Cache Minify Image Remove
  16. 16. Popular Optimization Plugins
  17. 17. Minify ● Minify HTML ● Minify CSS ● Minify JavaScript ● Remove render-blocking JavaScript ● Optimize CSS Delivery Image ● Image Optimize ● Webp Remove ● Remove query strings ● Remove WP Emoji ● Improve server response time ● Leverage browser caching ● Enable compression
  18. 18. Image Optimization
  19. 19. Image Optimization WP Fastest1 LSCache WP Rocket2 WP Super W3 total PageSpeed Insights GTmetrix Pingdom Score 1: WP Fastest Cache has paid for parts. 2: WP Rocket is a paid plugin. Plugins Cache Minify Image Remove
  20. 20. Popular Image Optimization Plugins
  21. 21. Minify ● Minify HTML ● Minify CSS ● Minify JavaScript ● Remove render-blocking JavaScript ● Optimize CSS Delivery● Improve server response time ● Leverage browser caching ● Enable compression Remove ● Remove query strings ● Remove WP Emoji Image ● Image Optimize ● Webp
  22. 22. Removing Unnecessary Elements WP Fastest1 LSCache WP Rocket2 WP Super W3 total PageSpeed Insights GTmetrix Pingdom Score 1: WP Fastest Cache has paid for parts. 2: WP Rocket is a paid plugin. Plugins Cache Minify Image Remove
  23. 23. Popular Query String Removal Plugins
  24. 24. ● Improve server response time ● Leverage browser caching ● Enable compression Minify ● Minify HTML ● Minify CSS ● Minify JavaScript ● Remove render-blocking JavaScript ● Optimize CSS Delivery Image ● Image Optimize ● Webp Remove ● Remove query strings ● Remove WP Emoji
  25. 25. All Plugin Optimization Features Enabled WP Fastest1 LSCache WP Rocket2 WP Super W3 total PageSpeed Insights PS-Mobile GTmetrix Pingdom Score Plugins Cache Minify Image Remove 1: WP Fastest Cache has paid for parts. 2: WP Rocket is a paid plugin.
  26. 26. Page Size (KB) After Optimization WP Fastest1 LSCache WP Rocket2 WP Super W3 Total GTmetrix Pingdom Score 1: WP Fastest Cache has paid for parts. 2: WP Rocket is a paid plugin. Plugins Cache Minify Image Remove
  27. 27. ● Integrated CDN ● Object Caching ● Cache Crawler ● Mobile Caching ● HTTP/2 Server Push ● Instant Click Extra Functions of Cache Plugins
  28. 28. ● Better compatibility with existing plugins and theme ● Better compression ● Mobile view friendly ● Variety of built-in features, e.g. CDN, Crawler ● Friendly interface How to Choose a Cache Plugin
  29. 29. eleu@litespeedtech.com

×