- Is it jQuery?
- Is it from third-party code?
- Is it from your page builder?
You should also look at your third-party code report which we’ll get into in the 3rd tip.
Depending on which plugin you choose, enable test mode in Asset CleanUp or the script manager in Perfmatters.
- Disable slider plugins everywhere but pages that use sliders.
- Disable contact form plugin everywhere but pages with forms.
- Disable plugins that are only on the blog “everywhere but posts.”
- Disable page builder features if you’re not using it (see image below).
Open your “third-party code” report in PageSpeed Insights and look at each third-party domain’s transfer size and blocking time.
Host Third-Party Code Locally On Your Server – Google Fonts, Google Analytics, and Google Tag Manager can all be hosted locally using plugins like OMGF or Flying Analytics. Once Google Fonts are hosted locally, you can further optimize your fonts by preloading them, using font-display:swap, combining fonts files, and setting a longer cache expiration (e.g. 180 days or 6 months) so you can the serve static assets with an efficient cache policy item. Once Google Analytics is hosted locally, you also set a longer cache expiration, use a smaller tracking code size, and disable remarketing/advertising features to prevent a second request to DoubleClick.
Prefetch And Preconnect Third-Party Domains – for third-party code you’re not able to host locally, consider using prefetch and preconnect to establish an early connection to their domains. See this list of common domains to prefetch. You can add prefetching by adding the prefetch code manually in your header or by using plugins like WP Rocket and Perfmatters.
Lazy Load Videos And Replace Iframe With A Preview Image – lazy loading videos, iframes, and replacing the iframe with a preview image can help optimize embedded videos, maps, and other iframes. WP Rocket, WP YouTube Lyte, and other lazy loading plugins will let you do this.
7. Use GZIP Or Brotli
8. Enable Improved Asset Loading In Elementor
If using Elementor, Improved Asset Loading only loads elements where they are actually used (JS files in Elementor Core widget handlers, and Swiper in Elementor + Elementor Pro). You can enable this in Elementor’s settings. I have a tutorial specifically written to speed up Elementor.
Frequently Asked Questions
Hope this helped! Drop me a comment if you have any questions.