Site Speed Optimization for Elementor Websites
- 2. Web Performance How fast the web page is displayed to the user.
- 3. Web Performance is a Ranking Factor for Google
- 4. A great user experience A user expects a page to load in 2 seconds
- 5. I can build FAST WordPress websites I can build WordPress websites FAST
- 8. Make sure everything above the fold LOADS FIRST
- 9. Field Data and Lab Data
- 10. Audits
- 13. Theme: GeneratePress Suki Blocksy Kadence Hello (If you have CSS knowledge) Other themes you can use:
- 14. Page Builder: Elementor Pro
- 15. Resize and Compress Images Compress JPEG and Compress PNG Bulk Resize Photos
- 16. 2-3 Optimized Google Fonts Google WebFonts Helper Font Subsetter Convert WOFF to WOFF2 Upload in Custom Fonts
- 17. REMOVE Font Awesome and Elementor Icons Optimized Icons IcoMoon Fontello
- 18. Keep your build CLEAN Design with web performance in mind
- 19. Remove unused plugins with Asset CleanUp Perfmatters Plugin Organizer Others you can use:
- 22. Serve WebP images: ShortPixel Imagify Others you can use:
- 23. Caching plugin: WP Rocket FlyingPress WP Fastest Cache and Autoptimize (Free) Others you can use:
- 24. rencee.com
- 25. Rencee's Speed Optimization Checklist Choose a lightweight theme with header and footer functions Properly resize and compress images Use 2-3 optimized Google Fonts Use SVG icons Keep your build clean by reducing the use of unnecessary widgets Remove unused plugins per page Activate Elementor Experiments Settings Disable Font Awesome, Elementor Icons, Google Fonts with codes Serve WebP Images Use a great optimization and caching plugin like WP Rocket
- 26. THANK YOU! From: