-
Posts
-
website – https://injuryattorney.net/
I am scoring only a 23 on mobile speed test. why is that and how can I increase that number?
screenshot – https://ibb.co/FH4DQVh
My host is siteground.
Hey navindesigns,
Thank you for the inquiry.
Have you done any basic optimization to the site such as image compression, database cleanup and cache configuration? The following guides in page speed optimization should help.
// https://kriesi.at/archives/scoring-100-100-in-google-pagespeed-insights-gtmetrix-pagespeed-and-yslow
// https://gtmetrix.com/wordpress-optimization-guide.htmlBest regards,
IsmaelHey navindesigns, I too use SiteGround and use their SG Optimizer plugin for caching. We typically enable Dynamic Caching right out of the box. Do you also have File-Based Caching and Memcached enabled? Are you also using their nelwy released CDN? I also checked your site in GTMetrix and PageSpeed alongside ours and they were pretty closed to each other – on the NOT GREAT side.
@navindesigns
A lot to unpack here
I specialise in optimised Enfold sites.
Enfold with a handful of plugins is capable of scoring 90+ in web vitals without premium plugins or a CDN.
Using WP-Rocket and their delay execution of JS and defer JS feature will see most Enfold sites score 95+/100 if the rest is done correctly.It looks like all of the options under Enfold > Performance are turned off.
JS is being loaded first
No minification
Imagery loads after all other scripts
Multiple tracking codes and third party resources loaded.My recommendation would be to enable all Enfold performance features and re-test. Assuming your host offers server side caching you wont need a caching plugin.
The popup you have on pageload will also affect load times.Otherwise I recommend WP-Rocket to users who are not familliar with speed optimisation because it does all of the work for you.
They also provide bespoke exclusions specifically for Enfold on their support pages.If you use Google tag Manager to manage multiple tracking metrics then this can impact speed scores especially if they all fire ahead of pageload.
I hope this helps.
I currently have 50+ enfold sites scoring 90+ under lab conditions on mobile and 100 on desktops.
Some of the sites I design and host below if you wanted to run your own tests.
https://www.stanspals.co.uk/
https://www.forensic-testing.co.uk/
https://www.thehealthworkshop.co.uk/
The three above do not use WP-Rocket but I am expecting to add this on a developer license very soon.I must add – Always run a few test. Especially if you are using page speed insights via your browser and not in chrome dev tools. You will not always get a clean test run.
have you good advices for WP-Rocket Settings? Do you put on top to Enfold merging / minification the WP-Rocket Optimization, or do you switch off those enfold performance tools.
Hey @guenni007,
The best settings for Enfold and WP-Rocket
Note that you may have to add more exclusions to the JS settings depending on the Enfold features used.Also note that this is set up for compatibility. You may find that you can defer or delay more JS and your site still loads properly.
In most setups I would merge and minify CSS and JS – then use critical css to load above the fold content. But because WP-Rocket provide a set of exclusions in their documentation specifically for Enfold it is probably better to just serve items minified only instead of merged so scrips can be excluded.
My advice would be play around with the CSS settings to see if you get a better result with CSS merged and minifed or just minified. Site design will play a part in how well this works.
Enfold > Performance
Turn off Enfold Script merge and minify
Enable only load used elementsWP-Rocket
(From the top down)Cache
Enable caching for mobile devicesFile Optimization
Minify CSS
Optimize CSS delivery (Load Asynchronously)Minify JS
Exclude:
/wp-includes/js/jquery/jquery.min.js
/wp-includes/js/jquery/jquery-migrate.min.jsLoad Javascript deferred
Exclude:
/wp-includes/js/jquery/jquery.min.js
/wp-includes/js/jquery/jquery-migrate.min.js
google-analytics.com/analytics.js
ga\( ‘
ga\(‘
/gtag/js
gtag\(
/gtm.js
/fbevents.jsDelay Javascript execution:
/jquery-?[0-9.](.*)(.min|.slim|.slim.min)?.js
/jquery-migrate(.min)?.js
/dynamic_avia/avia-footer-scripts-(.*).js
var avia_is_mobile
/enfold/js/avia.js
/enfold/js/shortcodes.js
/enfold/config-templatebuilder/avia-shortcodes/
/enfold/js/avia-compat.js
layerslider
google-analytics.com/analytics.js
ga\( ‘
ga\(‘
/gtag/js
gtag\(
/gtm.js
/fbevents.jsFeel free to tweak depending on your theme setup. You may have to exclude some plugins from this. You can keep google analytics from loading until interaction if you want but this may through your metrics off slightly if you live in the US and do not need to ask users to opt-in to cookies (bounce rate).
Media
Enable lazyload for images
Enable for iframes and videos
Add missing image dimensionsPreload
Activate PreloadHeartbeat
Control heartbeatAll other aspects I normally deal with manually or using a different plugin including loading fonts locally.
@thinkjarvis : thanks – with no third party caching tools i prefer merging css but only minify the js files for standard enfold installations.
On my recaptcha / borlabs construction i had to exclude the script from merging – otherwise it will not block properly the google addons.
with your detailed instructions i will try now the wp rocket on a testinstallation.@guenni007 No problem.
I would normally merge scripts as well on a standard Enfold install. However guidance has been updated for http2.0 servers where script merge can actually slow down load times FCP and LCP due to time spent waiting for the merged scripts vs several smaller scripts.
Excluding CSS issues – This is what the delay execution of JS deals with. it stops a majority of the JS firing on pageload.
If you wanted a combination to experiment with. Turn on merge and minify CSS in Enfold and also still turn on the CSS settings in WP-Rocket as above.
I am considering adding WP-Rocket on top of my current performance stack. I had a site fail web vitals in real data (clientbase uses 3G/slow 4G in poor signal areas regularly) even though it scores 95/100 on mobiles and 100/100 on desktops (This is without WP-Rocket). So I have been looking at WP-Rocket to add defer and delay JS in a reliable way.
Alternatively Flying Scripts is a free plugin that can delay and defer JS executions but I have not tried it with Enfold. I may try this first but I will likely just pay for the studio license of WP-Rocket because it also offers reliable critical css generation.
- You must be logged in to reply to this topic.