Progressive Rendering - jellyfish-tom/TIL GitHub Wiki

[SOURCES]

• https://stackoverflow.com/questions/33651166/what-is-progressive-rendering

Progressive rendering is the name given to techniques used to render content for display as quickly as possible.

It used to be much more prevalent in the days before broadband internet but it's still useful in modern development as mobile data connections are becoming increasingly popular (and unreliable!)

Examples of such techniques :

• Lazy loading of images where (typically) some javascript will load an image when it comes into the browsers viewport instead of loading all images at page load.

• Prioritizing visible content (or above the fold rendering) where you include only the minimum css/content/scripts necessary for the amount of page that would be rendered in the users browser first to display as quickly as possible, you can then use deferred javascript (domready/load) to load in other resources and content.