Posts with tag bigpipe

It’s been some time since I posted the tutorial to implement Facebook’s BigPipe using Microsoft ASP.Net MVC. And since then, Razor view engine has increased its presence for providing a way to implement cleaner views and make it easy to avoid ending up with spaghetti code.

Though now I am focused on PHP, in my previous job we decided to migrate to Razor as soon as possible since it is a more convenient way to implement ASP.NET MVC views, while you can keep your models and controllers code the same. However, Razor does not behave well with the proposed BigPipe solution due to its way of managing the partial views code. You can’t write to the output in your inner views using Response.Write() nor flush because Razor renders pages from inside out. Thus, the inner most view is rendered and written to a buffer, and then the partial view / content place holder where it is defined, and so, until the outer most layout is reached. Then, the content of the buffer is written and flushed to the browser.

It’s been several weeks since I wrote a tutorial to implement BigPipe using C# and ASP.Net MVC. And I have just read a PDF from a presentation at Velocity China in which Changhao Jiang, from Facebook, explains some details about Bigpipe, as well as other techniques they use to improve Time to interact (both real and perceived), as well as data savings. These techniques (named Quickling and PageCache) are based on hijax and an intelligent update of specific content of the page instead of the whole page when data changes.

Parts of the tutorial

1. Introduction to BigPipe
2. How ASP.Net MVC fits in the model. Registering and generating pagelets
3. Browser implementation of BigPipe. Loading pagelets and their resources effectively
4. Check out the demo Visual Studio solution

In this third part of the tutorial to carry out a technique similar to BigPipe I will cover the browser side. BigPipe is not only focused on server side, but it also sets how the different resources that our pagelets need have to be requested and loaded in the document.

Parts of the tutorial

1. Introduction to BigPipe
2. How ASP.Net MVC fits in the model. Registering and generating pagelets
3. Browser implementation of BigPipe. Loading pagelets and their resources effectively
4. Check out the demo Visual Studio solution

In the previous post of this tutorial I made an overview explaining how Bigpipe works and why it can improve users’ perceived speed when loading our pages.

Parts of the tutorial

1. Introduction to BigPipe
2. How ASP.Net MVC fits in the model. Registering and generating pagelets
3. Browser implementation of BigPipe. Loading pagelets and their resources effectively
4. Check out the demo Visual Studio solution

Through a series of posts I will explain how we can implement BigPipe Facebook using ASP.Net MVC.