Hey there!
To accelerate a website it´s possible to use visibility.hidden or display:none on mobile devices..
But if there are some images eg. inside this hidden elements, the browser will load them too because they are in DOM. They just will not be rendered..
Do you know any solutions to use something like a Media-Query for PHP to drop an element by ID from parsing on server-side below a defined pixel-width ?
It would be also nice to display a hidden Element by ID for the dropped one.
I wanna exchange some heavy loading color-sections on mobile devices with light-weighted ones..
Thanks, cheers!
Hey Bruno!
There is a is_mobile conditional within WordPress but we don’t have anything in place to implement it within individual page layouts. As far as I know the css route is the only way to switch out sections in page layouts right now.
Regards,
Devin