Unnecessary images on the documentation page #1420

Closed
ghost opened this Issue Jun 17, 2012 · 4 comments

Projects

None yet

2 participants

@ghost

The documentation page http://documentcloud.github.com/backbone/, is loading a total of 42 images. Of them, 40 are the screen shots of the applications that are using backbone.

Now if I just want to see a piece of documentation during development, I will need to quickly load the page. And at that time, I don't need to load all those images. But every time I load up the page, it eats my bandwidth unnecessarily.

Make the loading of examples optional.

@braddunbar
Collaborator

Good morning @greengit! Thanks for pointing this out.

While I agree that there are a great deal of images on the documentation site, they are all cached, resulting in a typical payload that's very small and fast loading. Are you working with caching disabled or in some other similar situation?

@jashkenas
Owner

Let's do this the smart way -- change the images to be lazily-loaded by JavaScript as your viewport scrolls down to 'em.

For a good example of an image-oriented site that does this, see: http://butdoesitfloat.com/

@jashkenas
Owner

@braddunbar: did you cherry-pick this change over to gh-pages as well?

@braddunbar
Collaborator

I have now. :) Had to step out before pushing it earlier.

@GerHobbelt GerHobbelt pushed a commit to GerHobbelt/backbone that referenced this issue Jul 29, 2012
@braddunbar braddunbar Fix #1420 - Lazy load example images. 4523c81
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment