Sample Express-based server app that demonstrates progressive rendering with Marko
HTML JavaScript CSS
Switch branches/tags
Nothing to show
Clone or download
Latest commit e2ce905 Jul 18, 2017
Permalink
Failed to load latest commit information.
pages Fix 'Github' typos Jun 23, 2017
.browser-refresh-ignore Lots of improvements Dec 2, 2014
.gitignore Initial commit Nov 5, 2014
.jshintrc Initial commit Nov 5, 2014
Procfile Initial commit Nov 5, 2014
README.md Fix 'Github' typos Jun 23, 2017
package.json marko-migrate: marko v3 Feb 26, 2016
server.js Lots of improvements Dec 2, 2014

README.md

Async Fragments Demo using Marko

To run locally:

npm install
node server.js

You can also check out the live demo of this app on Heroku: https://marko-progressive-rendering.herokuapp.com/

Progressive HTML rendering is a technique that improves the performance of websites that involves sending an HTTP response for an HTML page in multiple chunks. This improves both the actual load time, as well as the perceived load time. In this demo Node.js app we apply this technique using Marko Templates (an asynchronous and 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: github.com/raptorjs/marko

More reading: StrongLoop Blog: Bypassing Express View Rendering for Speed and Modularity