#126 delay avatar loading
Opened 8 years ago by garrett. Modified 8 years ago

As there are hundreds of avatars loading at the same time as the rest of the page, it drags the performance of anything unfortunate to be loaded afterward.

jquery-async-gravatar looks like a good, ready-to-use solution:
https://github.com/llaumgui/jquery-async-gravatar


Blog posts on this topic:


The reason why this is important is due to "head of line blocking" and the limited number of simultaneous connections in browsers.

number of open parallel connections in a browser:

IE 6 and 7:      2
IE 8:            6
IE 9:            6
IE 10:           8
IE 11:           8
Firefox 2:       2
Firefox 3:       6
Firefox 4 to 17: 6
Opera 9.63:      4
Opera 10:        8
Opera 11 and 12: 6
Chrome 1 and 2:  6
Chrome 3:        4
Chrome 4 to 23:  6
Safari 3 and 4:  4

...additional requests are blocked a connection is freed


FWIW: HTTP pipelining also helps too (in addition to delaying the loading of certain resources like avatars), and is included as one of the many improvements in HTTP/2.

Log in to comment on this ticket.

Metadata