Hey guys, here’s a situation I’d like to discuss:
When creating this website I need two different versions of the same pages, one for smartphones and another version for tablets and above. For example, when I access the home page on smartphones, I should be looking at specific mobile-only images and elements, and when I’m on a tablet or above, I should see the “full site”.
The question I have is this: should I build these two different versions on the same page, but stating different responsive behaviors for the different resolutions? The main concern I have is that if I do this, when I’m on mobile the page is too heavy to load. Does “mobile-only visibility” means that a) non-mobile-only elements don’t load or b) all elements load but non-mobile only remain hidden.
Hope this is clear. In case this is not viable, please let us know what options do I have. Thanks.