Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

EPiServer page delivery to browser

1,405 views

Published on

Breakdown of how an EPiServer page is delivered to a user.

Published in: Technology
  • Be the first to comment

EPiServer page delivery to browser

  1. 1. EPiServer Web-Page Breakdown Breakdown of a web page components from web server and browser perspective
  2. 2. Request and Response URL HTML document
  3. 3. Inside the web server <ul><li>Match the requested URL to designated webpage (e.g. Flattened article URL maps to article page template) </li></ul><ul><li>Controls fetch data from other systems (e.g. RSS controls -> Movable Type, CCP, Community Server etc.) </li></ul><ul><li>Each control produce their HTML “parts” </li></ul><ul><li>HTML parts are positioned on the web page to form a complete HTML document </li></ul><ul><li>HTML document is sent to the browser </li></ul>
  4. 4. Inside EPiServer Web Page Gallery feed Navigation Advert banner Related blog posts Related articles Editor blog feed Latest news Advert skyscraper Movable Type Community Server CCP Feeds CCP Navigation CCP Adverts Zibb Rich text EPiServer Breadcrumb Rich text Lead article Forum Posts Popular articles EPiServer Web Page HTML document Latest video feed Brightcove
  5. 5. How Caching is working Gallery feed Navigation Advert banner Related blog posts Related articles Editor blog feed Latest news Advert skyscraper Movable Type Community Server CCP Feeds CCP Navigation CCP Adverts Zibb Rich text EPiServer Breadcrumb Rich text Lead article Forum Posts Popular articles HTML Caching HTML document Latest video feed Brightcove Control Caching
  6. 6. Inside the browser <ul><li>Request URL and Receive an HTML document </li></ul><ul><li>Download resources referenced in the HTML document(e.g. images, css, javascripts etc.) </li></ul><ul><li>Apply CSS styles and run Javascripts, widgets </li></ul>
  7. 7. Inside Browser JavaScript file(s) You tube player JavaScript(s) CSS file(s) Video player EPiServer Brightcove You tube Ad Tech Image(s) Community Server Image(s) CSS Image(s) Audio player Browser downloading resources CCP Image(s) Movable Type Static Image(s) Image(s) Flash files
  8. 8. Fiddler Demo

×