40 likes | 153 Views
Fragment 1. Fragment 2. Client-Side Includes: Fast Access to Dynamic Content. Uses open ESI language to fragment pages Exception handling Conditional inclusion Variable substitution Downloads changed fragments only Reassembles the page at the browser. Improved Performance. Browser.
E N D
Fragment 1 Fragment 2 Client-Side Includes: Fast Access to Dynamic Content • Uses open ESI language to fragment pages • Exception handling • Conditional inclusion • Variable substitution • Downloads changed fragments only • Reassembles the page at the browser
Improved Performance Browser Edge server Origin server GET /index.html GET /index.html No ESI: full page full page Page reassembly GET /index.html GET /frag2.html ESI: frag2 full page (Boilerplate, frag1 cached) Page reassembly GET /frag2.html GET /frag2.html CSI: frag2 frag2 (Boilerplate, frag1 cached)
GET CSI Javascript (cacheable, same for all pages) Obtain fragments using ActiveX Obtain fragments Using HTTP Implementation Browser Edge server Origin server GET /home.html wrapper (cacheable, immutable for given page) Typically satisfied from client’s cache
Benefits • Improves user experiences. • Reduces amount of content transferred over the last mile • No browser modifications or reconfiguration • Reduces total cost for content providers by: • Reducing bandwidth consumption of origin server • reducing amount of content served by CDN’s edge servers