Upload
unimitysolution
View
121
Download
0
Embed Size (px)
Citation preview
Drupal 8 : Introduction to Big Pipe
Arunkumar KUniMity Solutions Pvt Ltd
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
1. Importance of website performance
a. User Satisfaction
b. Improved Search Rankings
c. Mobile Users
2. Traditional page loadingWeb Browser
Web Server
DB
3. Increasing Performance of pages
Database optimization
Memcache
Opcode cache
Reverse proxy
CDN(Content Delivery Network)
Static page cacheESI Tags
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
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>
c. Logical structure of page and the placeholders for pagelets.
d. JSON-encoded object that includes all the CSS, JavaScript resources.
e. Response is structured in browser and placeholders replaced by actual content
5. How it works(Cont..)
Web Browser
Web Server
DB
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
7. Demo
http://localhost/drupal-8.0.5/
Youtube Links:https://www.youtube.com/watch?v=JwzX0Qv6u3Ahttps://www.youtube.com/watch?v=X34MFjXNzzkhttps://www.youtube.com/watch?v=Diec6tRziNg