Elementor: Maximise PageSpeed Insight scores with these settings

Here are the optimal settings for an Elementor website to achieve the highest PageSpeed Insights scores to ultimately increase Core Web Vitals. If you don’t use Google’s PageSpeed Insights tool, then, this will also improve your GTMetrix score as well.

Cache & Optimizer Settings

Enable the following:

• Cache
• Optimizer

JavaScript

Enable these options:

• Minify JavaScript tags
• Minify JavaScript files
• Combine all JavaScript

For the “Combine all JavaScript” setting, clear all values so it’s blank.

Set “Load combined JavaScript file as Delayed (awaits user interaction)”.

Disable “Load JavaScript deferred”.

Enable “Delay JavaScript execution” and clear all values so it’s blank.

Activate “Apply after combine JS is loaded” under “Double click fix for mobile” to prevent users from double-clicking the menu.

CSS

Enable “Minify inline styles”.

Even if you see “Eliminate render-blocking resources”, you will likely get a better score without changing the settings beyond what’s shown in the screenshot.

To improve your score further, disable Google Fonts if you don’t mind using a system font.

Media

Include your logo (if it’s an image) and any other images for mobile, desktop, or both.

Extra Options

Enable the “Optimize HTML (DOM Reducer)” feature.

Elementor > Settings > Advanced

Review and apply Elementor optimization settings.

Elementor > Settings > Features

Locate all options labeled “Performance” and set them to “Active“.