Skip to content
Sample Express-based server app that demonstrates progressive rendering with Marko
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
pages
.browser-refresh-ignore
.gitignore
.jshintrc
Procfile
README.md
package.json
server.js

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

You can’t perform that action at this time.