rediscovering progressive html rendering with marko templates and node.js
DESCRIPTION
Progressive HTML rendering is a technique to improve the performance of websites that involves sending an HTTP response for an HTML page in multiple flushes. This improves both the actual load time, as well as the perceived load time. In this talk we show how this can easily be applied using Marko Templates (an asynchronous, streaming templating engine) and Node.js. In addition, we illustrate an advanced technique of flushing HTML chunks out-of-order and using JavaScript on the client-side to move fragments into the proper order in the DOM. Learn more about Marko on Github: https://github.com/raptorjs/marko View demo: https://marko-progressive-rendering.herokuapp.com/ Demo source: https://github.com/raptorjs-samples/marko-progressive-renderingTRANSCRIPT
