Universe : Tech2day

Tracks : Frontend

Intermediate

How does a browser displays a web page

We lift the hood of a rendered Web engine (WebKit) to understand the process of web page rendering with “profiled” examples with Chrome’s DevTools.

What happens exactly when you tap a URL, until you see the content of a web page? There is a well defined process of actions that the browser do in the intern, the construction of DOM, “render trees” and the “paint” operation. The rendering of a web page isn’t just a simple action that you do through the browser, but a set of little operations and reactions to interactions. Go look under the hood and you’ll be surprised by the quantity of things done during only few milliseconds.

As designers or web developers, understand how browsers work helps us take the best decisions and understand some good front development practices makes a more efficient Web.

Wednesday 15 June

Get in touch !

Follow Web2day 2016 news : new speakers, new conferences, ... Register to our newsletter.

Sponsored with love by

Horizontal_quadri_aplat

SNCF Partenaire du Web2day

ERDF devient_couleur_CMJN

logo_banque_populaire_atlantique_2

 

 

SFR_Logo2014_EXE_RVB - copie

 

ripple-motion-services

97cef8f6-575f-4290-9f63-6f89fd7f4f71 (1)Orange_logo 2000x2000

logo-EP-HD

Logo BDO

NUMA_logo

Cisco

sign_coop-FRQC_coul_pant

 

Logo-Ecole-rvb (1)

Capgemini_logo_cmyk

jcdecaux-logo

Livee

 

externatic-emploi-si-informatique-nantes (1)

 

Logo_groupe_Caisse_des_Depots

 

iadvize-black

AAEAAQAAAAAAAAViAAAAJDU2ODJlMDYwLWRmZWMtNDJhNi05OTg3LWZmZjg0OWY3MzM1YQ

Logo_Babbler_Black

 

Numerama_Logo_2014
Maddyness

silex noir

logo_mode_250x34

 

LOGO Prun' ai5

logo-euradionantes-frequence

Logo-sun-radio-png

logo_Presse_Citron_png-fond-transparent

logo-Frenchweb-vectorise-FR-Digital

Widoobiz_Logo-ES

Made with love by

Supported with love by

  • Nantes Tech
  • Nantes M├ętropole
  • Pays de la Loire
  • Stereolux
  • Trempolino