Great article! Images are a huge bandwidth hog. There is absolutely no need to send desktop sized images to mobile users just to be down scaled by browsers. While new markup standards such as srcset (href="http://www.w3.org/html/wg/drafts/srcset/w3c-srcset) and the picture element (http://www.w3.org/community/respimg/) are trying to help, they still place an additional and unnecessary workload on designers...and they primarily consider screen resolution and size.
Designers should let the server side start helping them solve front end problems.
We've developed Pixtulate (http://www.pixtulate.com) to right size and optimize images on the fly before they are sent over the wire. Each visitor, mobile or not, gets the right image for them.
The author is right though, lazy loading of content is key!
Designers should let the server side start helping them solve front end problems.
We've developed Pixtulate (http://www.pixtulate.com) to right size and optimize images on the fly before they are sent over the wire. Each visitor, mobile or not, gets the right image for them.
The author is right though, lazy loading of content is key!