1. 1 Client-Side Includes: Fast Access to Dynamic Content Fragment 1 Fragment 2 Uses open ESI language to fragment pages –Exception handling –Conditional inclusion –Variable substitution Downloads changed fragments only Reassembles the page at the browser Uses open ESI language to fragment pages –Exception handling –Conditional inclusion –Variable substitution Downloads changed fragments only Reassembles the page at the browser

2. 2 Improved Performance BrowserEdge serverOrigin server GET /index.html full page GET /index.html full page frag2 GET /frag2.html No ESI: ESI: CSI: GET /frag2.html frag2 (Boilerplate, frag1 cached) Page reassembly

3. 3 Implementation Typically satisfied from client’s cache BrowserEdge serverOrigin server Obtain fragments Using HTTP Obtain fragments using ActiveX GET /home.html wrapper ( cacheable, immutable for given page) GET CSI Javascript (cacheable, same for all pages)

4. 4 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 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