How to Speed up WordPress Website 2020

Table of Contents

Speed up WordPress website is not rocket science, just follow these 16 steps to improve your page speed.

Everyone loves fast loading WordPress Website. Furthermore, page speed has become a ranking factor. Fast loading website will get better Search Engine Results Pages (SERP) ranking. 

Where to test the loading speed of your website?

https://gtmetrix.com/
https://tools.pingdom.com/
https://www.webpagetest.org/

But I don’t really care about Google PageSpeed Insights. 
You may check up this article from WP Rocket: The Truth about Google Pagespeed Insights

Here are the 18 ways to speed up your WordPress website in 2020

  1. Get a Good web hosting provider
  2. Use lightweight WordPress theme
    • GeneratePress, Neve, OceanWP, Astra, Hello (if you use Elementor page builder)
  3. Reduce page size
  4. Use Image Optimiser
  5. Use WebP format
  6. Use PHP 7.3, 7.4
  7. Use HTTP/2, HTTP/3
  8. Use GZIP / Brotli Compression 
  9. Use Cache plugin
  10. Use CDN 
  11. Reduce external scripts
  12. Optimise WordPress Database
  13. Reduce HTTP request
  14. Use Web Safe Font
    • Remove Google Font
  15. If you use Google Font
  16. Host Google Analytics Locally
  17. Get Rid of Slow WordPress Plugins
    • Replaced Contact Form 7 with WP Fluent Forms
    • Replaced Yoast with SEOPress
    • Replaced WordFence with Malcare
    • Replaced Updraft Plus with Malcare
    • Replaced EWWW Image Optimiser with ShortPixel
    • Replaced Social Warfare to Social Snap
  18. Get Rid of Slider
    • Remove all Slider plugin

Here are the extra miles to speed up if you use Elementor Page Builder

Replace Font Awesome with SVG Graphic

And use https://vecta.io/nano to compress your SVG Graphic

Reduce external scripts with Code Snippet

For Google Fonts:

add_filter( 'elementor/frontend/print_google_fonts', '__return_false' );

For Font Awesome:

add_action( 'elementor/frontend/after_register_styles',function() {  foreach( [ 'solid', 'regular', 'brands' ] as $style ) {  wp_deregister_style( 'elementor-icons-fa-' . $style );  } }, 20 );

For Eicons: 

add_action( 'wp_enqueue_scripts', 'remove_default_stylesheet', 20 ); 
function remove_default_stylesheet() { 
 wp_deregister_style( 'elementor-icons' ); 
}

Migrated from GoDaddy WordPress Hosting to my High-Performance LEMP Stack
Rebuild from Visual Composer to Elementor & optimised to loads in 1.2sec
WordPress Optimised to loads in 1.6sec

Need assist on your WordPress Website?

WordPress

Tips, Tutorials & Resources

FREE Stock Images

Here are some sites that I look for Free Stock Images, Vector Graphic, Icons. Free Stock Images Unsplash Best among others, the FREE Images are

Read More
Share via
Copy link