Thanks Ismael,
I think it will be done by EWWW Image Optimizer which does the lazy load stuff. I will however test this on my testing page little bit later and let you know.

Jaro.

Actually I fixed my issue differently. Good to close this ticket. If you have some quick code how to hide footer menu, it would be maybe good to mention it anyway here for future search :)

Jaro.

Thanks Mike,
Is the above code to be placed to functions.php of child theme? Or where is proper place to put it?

Jaro

Thanks Mike, Feel free to close this one when it’s reported to devs

Thanks a lot Mike for getting this resolved,
This seems to work perfectly and no more complains about big image being downloaded on mobile phone. I’m sending some love for this :)
Feel free to close this out.

Jarol

Thanks Ismael for checking it further.
This is a clean install with Enfold and simple full screen slider. Then pagespeed is run.
This should be possible to reproduce easily for developers to debug/fix. Will it be debugged by them or what path forward you see here?

Also one thing I noticed it is reported only on mobile phone test not desktop. Maybe specific code for mobile needs to be checked?

Thanks
Jaro.

• This reply was modified 1 year, 7 months ago by Sovietovic.

Thanks Ismael for closer view on this. I hate redirects as it slows stuff so still trying to figure this out.
I found this old thread on forum from 2017. Do you think it could be applicable here?
https://kriesi.at/support/topic/enfold-background-image-remove-on-mobile/

The code part there suggests to add custom ID, adding function and then applying CSS. I expect some stuff to be outdated in script (f.e. .av-paralax)? I’ve also hit issue with using it “Uncaught ReferenceError: jQuery is not defined”

function remove_bg(){
?>
<script>
jQuery(window).load(function(){ 
	if (jQuery(window).width() < 768) {
		jQuery("#unique-id").css("background-image", "");    
	} 
});
</script>
<?php
}
add_action('wp_footer', 'remove_bg');

+ then css change

@media only screen and (max-width: 480px) {
#unique-id > .av-parallax {
    background-image: none !important;
}}

Just want to be super sure if something like this could work with minimum effort to adjust or I would need to figure this out somehow from scratch.
Thanks

Thanks Ismael,
It seems this option is also available in Performance tab of Enfold under advanced. I’ve set it there now.
Feel free to close this one.

Thanks Ismael,
Didn’t know this.

Additional questions:
1. Is it possible somehow possible patch this css code for mobile with different url (so it won’t download anything). The main thing I want to achieve is to force Enfold to not download that image (or download some different 1kb one) on mobile platform.
I’ve tried something myself but was not able to adjust URLWITHIMAGE part of below code. It seems it is some element.style which I have no clue how to adjust using CSS.

element.style {
    background-position: center center;
    background-image: url("URLWITHIMAGE"); 
    visibility: visible;
    opacity: 1;
    transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s;
    transform: translateZ(0px);
}

2. I also have different slider gallery on homepage for desktop which is hidden for mobile, but those images are not downloaded. Is it configured differently for that gallery?

jfyi: As workaround I found a way to have separate page for mobile view where this component is not added. However I would like somehow 1. to apply.

function redirect_mobile_devices() {
    if ( wp_is_mobile() && is_front_page() ) {
        wp_safe_redirect( get_site_url(). '/home-mobile', 301 );
        exit;
    }
}
add_action( 'wp', 'redirect_mobile_devices' );

Thanks
Jaro.

Thanks Rikard,
This worked nicely.

Feel free to close this one ;)

I’ve fixed this by using simple plugin Meta Tag Manager where I was able to add proper meta description to all the pages.
Feel free to close this one

Thanks for detailed instructions Guenni,
It worked perfectly. I will do some fun with it :)

Much appreciated.Feel free to close this one.
Jaro

I can see it in documentation https://kriesi.at/documentation/enfold/contact-form/#toggle-id-9. Not required anymore.
Thanks . Feel free to close this one

Thanks Ismael,
Could these false positives be because I have menu on top of page but also in footer? And of these are not proper?
Because the same happens when I run the tests with pagespeed.web.dev. Not sure then if they are false positives. Something must be triggering it.

EDIT:
I’ve removed the bottom menu from homepage and re-run tests and the issues seems to be gone. So it seems the issue is with that menu only.
Now I enabled it back and again it reports issues. So something is wrong with that Aria menu.
I’ve put the menu differently on bottom now which seems to solve those 3 errors.

Jaro.

It seems once I downloaded Cabin font family from
https://fonts.google.com/specimen/Cabin

And used that one, all seems to be fine now :) We should be good then

Thanks