The document breaks down the components of a web page from the perspectives of the web server and browser. It explains that the web server matches the requested URL to a page template, fetches data from other systems, and combines HTML parts to form a complete HTML document sent to the browser. Inside the browser, the HTML document is received and resources like images, CSS, and JavaScript are downloaded and applied to render the page. Caching is also discussed, where HTML and controls can be cached to improve performance.

1. EPiServer Web-Page Breakdown Breakdown of a web page components from web server and browser perspective

2. Request and Response URL HTML document

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

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. Fiddler Demo