HTML Streaming

  • Add Head Elements

HTML at Publisher's Servers

< head >
██████████
███████
< style >
███████ ███ ███
███████ ███████████
███ ███ ███
< / style >
< script >
███████ ████ ███
█████████ █████
███ ███ ███
< / script >
< body >
███████ ████ ██████
██████ ██████
████████ █
████████ ███
███ ████
███████
██████ ████ ██
██████
██████████ █████
< / body >

Downloaded by browser

< head >
██████████
███████
< style >
███████ ███ ███
███████ ███████████
███ ███ ███
< / style >
< script >
███████ ████ ███
█████████ █████
███ ███ ███
< / script >
< body >
███████ ████ ██████
██████ ██████
████████ █
████████ ███
███ ████
███████
██████ ████ ██
██████
██████████ █████
< / body >

Web page as seen by user

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sncididunt qua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit.
 
  • button
  • button
  • button
0 Sec
 
HTML Streaming
Time to complete download
2.95s
6.5s
Time first content view
1.15s
4.1s
 
= Streaming used
 
= Streaming not used
Tutorial Video: Watch this!

The Playground has been designed to be best experienced on a high resolution screen, preferably on a laptop or newer tablet.

Please visit us again on a device with a larger screen, or resize your browser window to be full screen.

www.instartlogic.com/playground.