arthurh88
asked on
Mobile phone and Web Page size help
This page here: http://bit.ly/1ac17jJ uses a responsive design (bootstrap). the hero image is not showing up on mobile devices, which is good.
validator.w3.org/mobile/¿ says that the mobile page is nearly 500kb large, so it gives me a critical error. Google is telling me its much better than what validator says for mobile phones.
I was hoping that a mobile device would not actually load the hero image (which is 400kb). But the mobile checker at validator.w3.org is saying it does. is this true, and if so, anything I can do to change that? Ideally, I want mobile phones not to load the hero image, since it doesn't display anyway.
validator.w3.org/mobile/¿ says that the mobile page is nearly 500kb large, so it gives me a critical error. Google is telling me its much better than what validator says for mobile phones.
I was hoping that a mobile device would not actually load the hero image (which is 400kb). But the mobile checker at validator.w3.org is saying it does. is this true, and if so, anything I can do to change that? Ideally, I want mobile phones not to load the hero image, since it doesn't display anyway.
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
I think we are saying the same thing but differently. If you use your console via chrome browser or firefox, you can see what is loaded. When using my sample code, if the browser is at full width, I can see in the console the image is there. When I narrow my browser, the image is still there of course (just hidden). Now when I keep the browser narrow and refresh, the image does not load.
When you have the image coded in the html as you do, when the browser narrows, it just gets hidden, but it still loads no matter what the browser width is.
When you have the image coded in the html as you do, when the browser narrows, it just gets hidden, but it still loads no matter what the browser width is.
ASKER
yes i see now. Thank you Padas. I think maybe the solution is to write some script that will check the size of the screen and then load (or not load) based on that. I love hero images, but on a mobile phone, having them load makes no sense.
thanks for your help
thanks for your help
ASKER