WordPress Page Speed Optimization 2024 - Elementor and Non-Elementor Sites

Learn how to optimize WordPress page speed for both Elementor and non-Elementor sites using free tools in this comprehensive 2024 tutorial. Discover essential techniques including configuring media settings, utilizing WebP images, custom font loading, and Elementor-specific optimizations. Explore powerful plugins like PhastPress, WP Fastest Cache, and WP Meteor to further enhance performance. Implement advanced code snippets and evaluate your progress using page speed scores. Master the art of WordPress optimization to create faster, more efficient websites that provide an improved user experience and better search engine rankings.

Introduction
Webpage to be Tested
Initial Basic Plugins
Basic Page Building Good Practice
Carousels/Videos in Hero are not good
Rundown of what’s to come
Pepsi Max Intermission
WordPress Basic Tip 1: Media Settings
WordPress Basic Tip 2: WebP Images
Using BulkResizePhotos
Other WebP Solutions
WordPress Basic Tip 3: Custom Load Fonts
Use Woff2 instead of TTF fonts
Using FontSquirrel for Woff2 conversion
Elementor specific Tips
Don’t always blame the tool
Elementor Settings
Elementor Features to be Activated
Page Speed Score so far
What is a good score?
Extra Optimisation Plugins
PhastPress Settings
WP Fastest Cache Settings
WP Meteor Settings and when to use
Code Snippets’ Snippets :
Page Speed Score after Optimisation
One Stop Performance Solutions
Try out the Tips
Conclusion