Recommended
More Related Content
Viewers also liked
Viewers also liked (14)
Similar to Bigpipe
Similar to Bigpipe (20)
Recently uploaded
Recently uploaded (20)
Bigpipe
- 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
- 4. 2. Traditional page loading Web Browser Web Server DB
- 5. 3. Increasing Performance of pages Database optimization Memcache Opcode cache Reverse proxy CDN(Content Delivery Network) Static page cache ESI Tags
- 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