Skip to content
Exploring how browsers load resources via some very simple code-examples. Part of my "A browser story" talk
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
_server
blocking-scripts
common
font-loading
.gitignore
LICENSE
README.md
package-lock.json
package.json
server.js

README.md

A browser story

Exploring how browsers load resources via some very simple code-examples. Part of my A browser story talk.

How to install & run

$ npm install
$ npm start

Demos:

#1 Progresive HTML example

http://localhost:8080/progressive-html | Video example

Showcasing that HTML is a progressive language, processed by brosers as it comes off the network

#2 Blocking scripts

http://localhost:8080/blocking-scripts | Video example

Showcasing that JS scritps don't run untill all CSS before them has been downloaded and transformed in CSSOM.

#3 Font-loading

http://localhost:8080/font-loading | Video example

Showing how browsers wait for fonts to load before painting the text!


Made with ❤ by Pava

You can’t perform that action at this time.