SlideShare a Scribd company logo

EPiServer page delivery to browser

Download as PPT, PDF
K
Karl Schneider

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.

Technology
1 of 8
Download to read offline
1
2
3
4
5
6
7
8
EPiServer Web-Page Breakdown Breakdown of a web page components from web server and browser perspective
Request and Response URL HTML document
Inside the web server Match the requested URL to designated webpage (e.g. Flattened article URL maps to article page template) Controls fetch data from other systems (e.g. RSS controls -> Movable Type, CCP, Community Server etc.) Each control produce their HTML “parts” HTML parts are positioned on the web page to form a complete HTML document HTML document is sent to the browser
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
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
Inside the browser Request URL and Receive an HTML document Download resources referenced in the HTML document(e.g. images, css, javascripts etc.) Apply CSS styles and run Javascripts, widgets
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
Fiddler Demo

More Related Content

PPTX
Bezlio - Server Administration and Security
Eli Remington
 
PDF
Sitecore MVC Forms Localization
Tobias Studer
 
PPTX
Using the Cascade Server Web Service API, by Artur Tomusiak
hannonhill
 
PPTX
Windows Azure
NascentDigital
 
PPTX
Improving web site performance and scalability while saving
mdc11
 
KEY
Using an in-house WordPress framework
peterwilsoncc
 
PPT
Web server
Priyanka Kundu
 
PPTX
Intro to OctoberCMS
Kenton Spence
 
Bezlio - Server Administration and Security
Eli Remington
 
Sitecore MVC Forms Localization
Tobias Studer
 
Using the Cascade Server Web Service API, by Artur Tomusiak
hannonhill
 
Windows Azure
NascentDigital
 
Improving web site performance and scalability while saving
mdc11
 
Using an in-house WordPress framework
peterwilsoncc
 
Web server
Priyanka Kundu
 
Intro to OctoberCMS
Kenton Spence
 

What's hot (20)

PPTX
Single Page Web Applications with WordPress REST API
Tejaswini Deshpande
 
PPTX
Entity Framework Core 2.1: Simple, Powerful Data Access for .NET
Microsoft Tech Community
 
PPTX
RESTFul Web API Services @ DotNetToscana
Matteo Baglini
 
PDF
Website Launch Tips
Optimum 7
 
PPTX
Securing Your WordPress Website
RightMix Technologies LLP
 
PDF
MediaWiki for ALM
Abhishek Chikane
 
PDF
Import Requirements Document
Eccam
 
PDF
Webservices ingo
Uttam Gandhi
 
PPTX
Building RESTfull Data Services with WebAPI
Gert Drapers
 
PPTX
Rest assured
Yaniv Rodenski
 
PPTX
REST and ASP.NET Web API (Tunisia)
Jef Claes
 
PPTX
SharePointArchitecture2
Bipin Pankhania
 
PPTX
Windows Azure Service Bus
Return on Intelligence
 
PPTX
Redux: server side rendering and hot code reload for single-page applications
Alex Bumbu
 
PDF
Offline Review of Requirements Documents in ReqIF Format
Eccam
 
PPTX
REST and ASP.NET Web API (Milan)
Jef Claes
 
PPTX
The ASP.NET Web API for Beginners
Kevin Hazzard
 
PPTX
Creating php cloud applications
Cory Fowler
 
PDF
Using Microsoft Azure as cloud file server
jimliddle
 
PPTX
Alfresco Tech Talk Live (Episode 70): Customizing Alfresco Share 4.2
Richard Esplin
 
Single Page Web Applications with WordPress REST API
Tejaswini Deshpande
 
Entity Framework Core 2.1: Simple, Powerful Data Access for .NET
Microsoft Tech Community
 
RESTFul Web API Services @ DotNetToscana
Matteo Baglini
 
Website Launch Tips
Optimum 7
 
Securing Your WordPress Website
RightMix Technologies LLP
 
MediaWiki for ALM
Abhishek Chikane
 
Import Requirements Document
Eccam
 
Webservices ingo
Uttam Gandhi
 
Building RESTfull Data Services with WebAPI
Gert Drapers
 
Rest assured
Yaniv Rodenski
 
REST and ASP.NET Web API (Tunisia)
Jef Claes
 
SharePointArchitecture2
Bipin Pankhania
 
Windows Azure Service Bus
Return on Intelligence
 
Redux: server side rendering and hot code reload for single-page applications
Alex Bumbu
 
Offline Review of Requirements Documents in ReqIF Format
Eccam
 
REST and ASP.NET Web API (Milan)
Jef Claes
 
The ASP.NET Web API for Beginners
Kevin Hazzard
 
Creating php cloud applications
Cory Fowler
 
Using Microsoft Azure as cloud file server
jimliddle
 
Alfresco Tech Talk Live (Episode 70): Customizing Alfresco Share 4.2
Richard Esplin
 
Ad

Viewers also liked (16)

PDF
EPiServer Product Strategy and Roadmap
Intergen
 
PDF
EPiServer Whitepaper: The Social Intranet Workbook
Elizabeth Lupfer
 
PPTX
Novedades en BCS en SharePoint 2013
Juan Carlos Gonzalez
 
PPT
EPiServer Web Parts
EPiServer Meetup Oslo
 
PDF
"A Big Web" EpiServer Day presentation by Hallvarsson & Halvarsson
Hallvarsson Halvarsson
 
PPTX
EPiServer Module Technical Overview
NetworkedPlanet
 
PPTX
The future of marketing is personal
Episerver
 
PDF
The Total Book Developing Solutions With EPiServer 4
Martin Edenström MKSE.com
 
PDF
EPiServer Introduction and Update: Part 1
Intergen
 
PPTX
WordPress vs Drupal and EPiServer
Perttu Tolvanen
 
PPTX
The Power of EPiServer 7: Multiscreen Content Management
robinepiserver
 
PPTX
Drupal vs. EPiServer
Perttu Tolvanen
 
PPTX
EPiServer Benelux
Episerver
 
PPTX
Construye tu portal web con Episerver
Raona
 
PDF
EPiServer Introduction and Update: Part 2
Intergen
 
PDF
Content + Commerce, Customer Partner Dag 2014
Episerver
 
EPiServer Product Strategy and Roadmap
Intergen
 
EPiServer Whitepaper: The Social Intranet Workbook
Elizabeth Lupfer
 
Novedades en BCS en SharePoint 2013
Juan Carlos Gonzalez
 
EPiServer Web Parts
EPiServer Meetup Oslo
 
"A Big Web" EpiServer Day presentation by Hallvarsson & Halvarsson
Hallvarsson Halvarsson
 
EPiServer Module Technical Overview
NetworkedPlanet
 
The future of marketing is personal
Episerver
 
The Total Book Developing Solutions With EPiServer 4
Martin Edenström MKSE.com
 
EPiServer Introduction and Update: Part 1
Intergen
 
WordPress vs Drupal and EPiServer
Perttu Tolvanen
 
The Power of EPiServer 7: Multiscreen Content Management
robinepiserver
 
Drupal vs. EPiServer
Perttu Tolvanen
 
EPiServer Benelux
Episerver
 
Construye tu portal web con Episerver
Raona
 
EPiServer Introduction and Update: Part 2
Intergen
 
Content + Commerce, Customer Partner Dag 2014
Episerver
 
Ad

Similar to EPiServer page delivery to browser (20)

PPTX
INTERNET PART1.pptx
BhoopendraKumar38
 
PPTX
Web browser architecture.pptx
BabarHussain607332
 
PDF
Web Tech 101
e_mpika
 
PPTX
Web fundamentals - part 1
Bozhidar Boshnakov
 
PPTX
Google I/O 2012 - Protecting your user experience while integrating 3rd party...
Patrick Meenan
 
PDF
Fundamentals of Web for Non-Developers
Lemi Orhan Ergin
 
PDF
446-FUNDAMENTALS OF WEB FOR NON DEVELOPERS (Useful-Knowledge)
nrvalluri
 
PDF
HTML5
Brad Touesnard
 
PPTX
web design notes for students to web basics
sowmiya850472
 
PDF
Team 4 Presents: The Client Server Model
anniekate93
 
PPTX
Web design - How the Web works?
Mustafa Kamel Mohammadi
 
PPTX
HTML 5
Rajan Pal
 
PDF
Understanding Page Load / Ziling Zhao (Google)
Ontico
 
PDF
Basics of web
Rounak Samdadia
 
PPTX
1 Intro of web technology and sciences .pptx
angelinjeba6
 
PDF
Please, dont touch the slow parts v.3.6 @webtechcon
Francesco Fullone
 
PDF
PrairieDevCon 2014 - Web Doesn't Mean Slow
dmethvin
 
ODP
Html5
mikusuraj
 
PDF
Meebo performance ny_web_performance
marcuswestin
 
PPT
Ggc
deep7684
 
INTERNET PART1.pptx
BhoopendraKumar38
 
Web browser architecture.pptx
BabarHussain607332
 
Web Tech 101
e_mpika
 
Web fundamentals - part 1
Bozhidar Boshnakov
 
Google I/O 2012 - Protecting your user experience while integrating 3rd party...
Patrick Meenan
 
Fundamentals of Web for Non-Developers
Lemi Orhan Ergin
 
446-FUNDAMENTALS OF WEB FOR NON DEVELOPERS (Useful-Knowledge)
nrvalluri
 
HTML5
Brad Touesnard
 
web design notes for students to web basics
sowmiya850472
 
Team 4 Presents: The Client Server Model
anniekate93
 
Web design - How the Web works?
Mustafa Kamel Mohammadi
 
HTML 5
Rajan Pal
 
Understanding Page Load / Ziling Zhao (Google)
Ontico
 
Basics of web
Rounak Samdadia
 
1 Intro of web technology and sciences .pptx
angelinjeba6
 
Please, dont touch the slow parts v.3.6 @webtechcon
Francesco Fullone
 
PrairieDevCon 2014 - Web Doesn't Mean Slow
dmethvin
 
Html5
mikusuraj
 
Meebo performance ny_web_performance
marcuswestin
 
Ggc
deep7684
 

Recently uploaded (20)

PPTX
Big Data Technologies - Introduction.pptx
kuthubussaman1
 
PDF
Building Integrated photovoltaic BIPV_UPV.pdf
SandeepSingh286037
 
PDF
Encapsulation theory and applications.pdf
gurumoop
 
PDF
Agricultural_Statistics_at_a_Glance_2022_0.pdf
SandeepSingh286037
 
PDF
Machine learning based COVID-19 study performance prediction
IAESIJAI
 
PDF
MIND Revenue Release Quarter 2 2025 Press Release
MIND CTI
 
PPTX
Spectroscopy.pptx food analysis technology
nawahassan45
 
PDF
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
SOFTTECHHUB
 
PDF
How UI/UX Design Impacts User Retention in Mobile Apps.pdf
SynapseIndia
 
PDF
Chapter 3 Spatial Domain Image Processing.pdf
Getnet Tigabie Askale -(GM)
 
PDF
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
SOFTTECHHUB
 
PDF
Diabetes mellitus diagnosis method based random forest with bat algorithm
IAESIJAI
 
PPTX
sap open course for s4hana steps from ECC to s4
sreeni2106invites
 
PDF
Optimiser vos workloads AI/ML sur Amazon EC2 et AWS Graviton
Julien SIMON
 
PDF
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
Jian-Hong Pan
 
PPTX
Digital-Transformation-Roadmap-for-Companies.pptx
David Malick Dieng
 
PDF
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
Safe Software
 
PDF
Approach and Philosophy of On baking technology
30anthuong17
 
PDF
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
Akar16
 
PDF
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
Peter Tan
 
Big Data Technologies - Introduction.pptx
kuthubussaman1
 
Building Integrated photovoltaic BIPV_UPV.pdf
SandeepSingh286037
 
Encapsulation theory and applications.pdf
gurumoop
 
Agricultural_Statistics_at_a_Glance_2022_0.pdf
SandeepSingh286037
 
Machine learning based COVID-19 study performance prediction
IAESIJAI
 
MIND Revenue Release Quarter 2 2025 Press Release
MIND CTI
 
Spectroscopy.pptx food analysis technology
nawahassan45
 
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
SOFTTECHHUB
 
How UI/UX Design Impacts User Retention in Mobile Apps.pdf
SynapseIndia
 
Chapter 3 Spatial Domain Image Processing.pdf
Getnet Tigabie Askale -(GM)
 
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
SOFTTECHHUB
 
Diabetes mellitus diagnosis method based random forest with bat algorithm
IAESIJAI
 
sap open course for s4hana steps from ECC to s4
sreeni2106invites
 
Optimiser vos workloads AI/ML sur Amazon EC2 et AWS Graviton
Julien SIMON
 
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
Jian-Hong Pan
 
Digital-Transformation-Roadmap-for-Companies.pptx
David Malick Dieng
 
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
Safe Software
 
Approach and Philosophy of On baking technology
30anthuong17
 
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
Akar16
 
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
Peter Tan
 

EPiServer page delivery to browser

  • 1. EPiServer Web-Page Breakdown Breakdown of a web page components from web server and browser perspective
  • 2. Request and Response URL HTML document
  • 3. Inside the web server Match the requested URL to designated webpage (e.g. Flattened article URL maps to article page template) Controls fetch data from other systems (e.g. RSS controls -> Movable Type, CCP, Community Server etc.) Each control produce their HTML “parts” HTML parts are positioned on the web page to form a complete HTML document HTML document is sent to the browser
  • 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
  • 6. Inside the browser Request URL and Receive an HTML document Download resources referenced in the HTML document(e.g. images, css, javascripts etc.) Apply CSS styles and run Javascripts, widgets
  • 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