Today I Learned - Rocky Kev

TIL how a url goes gets data from the internet

POSTED ON:

TAGS: browser network

Ever wonder what happens when you type a url in a address bar in the browser? Follow this handy guide!

In text form:

  1. We'll start with a Url.
  2. That url gets turned into a IP address via the DNS server.
  3. We start a TCP connection to get approval. (SYN, SYN-ACK, ACK)
  4. Once approved, we'll make a HTTP request to the world wide web.
  5. That gets the header.
  6. That gets the responses and payload.
  7. The payload becomes data (HTML, CSS, JS)
  8. The browser puts together the data (parsing HTML, making a dom tree, making a CSSOM tree, sprinking Javascript)
  9. The browser adds any final touches.
  10. Finally it gets to you.

via Wassim Chegham

Related TILs

Tagged: browser

TIL minimal responsive image component

So when I saw that JS frameworks made image wrapper components (like Nuxt was with nuxt-img), I was blown away and wanted this power at work.

TIL why google recommends you avoid document.write()

By injecting it with code, it bypasses the preload scanner. This means that the browser can’t request this file until it’s actually run the '<script>' block that inserts it, which is very much just-in-time (and too late).

TIL the history of fonts and COLRv1

COLRv1 fonts, have a smaller footprint, vector-scalable, reposition-able, gradient-featuring, and blend-mode powered fonts that accept parameters to customize the font per use case or to match a brand.