On Sat, Sep 10, 2011 at 5:42 PM, Rick Lecoat <li...@sharkattack.co.uk> wrote:
> Hi all;
>
> With the current interest in mobile-first responsive design, I have a
> question that I’ve been unable to fully answer. Here’s the scenario:
>
> Assuming that I use the same page for both desktop and mobile (ie. NOT a
> separate mobile site or subdomain) then I will most likely streamline the
> mobile experience by having some sections of the page initially hidden using
> display: none. (User can click/tap to reveal that section as required).
>
> My question then, pertains to minimising bandwidth requirements, and it is
> this: if an element has a background image -- eg. background-image:
> url(/myImage.png); -- and *also* has display: none applied, does the browser
> download that image or not?
Monitor your web server log and load the page using each mobile
browser you want to test. That will give you a clear answer.
On Linux, for example, this could be done with the following command:
tail -f /var/log/apache2/access.log
>
> (Obviously the most relevant browsers for this question are the mobile
> browsers).
>
> I couldn’t see anything in the spec
> (http://www.w3.org/TR/2011/REC-CSS2-20110607/) to clarify this, so can anyone
> here shed any light on the matter?
> Thanks.
>
> --
> Rick Lecoat
--
Ghodmode
http://www.ghodmode.com/blog
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
