1. Drupal 8 : Introduction to
Big Pipe
Arunkumar K
Unimity Solutions Pvt Ltd
2. Agenda
1. Importance of website performance
2. Traditional page loading
3. Increasing Performance of pages
4. What is Big pipe ?
5. How it works
6. Big pipe in Drupal
7. Demo
3. 1. Importance of website performance
a. User Satisfaction
b. Improved Search Rankings
c. Mobile Users
6. 4. What is Big pipe ?
Developed by Facebook in 2009.
Implemented entirely using PHP and JavaScript.
Fundamental redesign of the dynamic web page serving system.
Decompose web pages into small chunks called pagelets.
Placeholders to replace response
Does not require changing existing web browsers or servers
7. 5. How it works
a. Browser sends an HTTP request
b. Server responses <head> tag includes BigPipe’s JavaScript library to interpret pagelet
<script type="text/javascript">
big_pipe.onPageletArrive({id: “pagelet_composer”, content=<HTML>, css=[..], js=[..], …})
</script>
a. Logical structure of page and the placeholders for pagelets.
b. JSON-encoded object that includes all the CSS, JavaScript resources.
c. Response is structured in browser and placeholders replaced by actual content
8. 5. How it works(Cont..)
Web Browser
Web Server
DB
9. 6. Big pipe in Drupal
Project : Big Pipe
URL : https://www.drupal.org/project/big_pipe
Published : 26th Oct 2015
Committers
Wim Leers
martin107
swentel
nod_
Fabianx
