Catatan dari produksi
DNSNetworkingCloudflare

Apa yang terjadi saat Anda mengetik URL

Anda mengetik pangaea.id, menekan Enter, dan halaman muncul dalam sekejap. Sekejap itu menyembunyikan lomba estafet global kecil — sebuah nama diubah jadi alamat, permintaan Anda diarahkan ke pusat data terdekat dari ratusan yang ada, sebuah kunci terkatup, dan halaman yang dibangun berhari-hari lalu dikembalikan. Inilah tiap ruasnya, dalam bahasa sederhana.

1https://pangaea.id2"di mana pangaea.id?"DNS → Cloudflare → satu IP edge?3edge Cloudflare terdekatkunci TLS + halaman sudah di-cache4AI, implemented.tergambar sekejap — dari file di dekat Anda
Sebuah nama → DNS menemukan edge Cloudflare terdekat → halaman terenkripsi yang sudah di-cache → browser menggambarnya.

1. Nama bukan alamat

pangaea.id itu nama, dibuat untuk manusia. Mesin-mesin yang memindahkan trafik butuh angka — sebuah alamat IP. Mengubah yang satu jadi yang lain adalah tugas DNS, buku telepon internet.

Browser Anda bertanya ke sebuah resolver (milik ISP Anda, atau seperti 1.1.1.1): "berapa alamat untuk pangaea.id?" Kalau tak ada yang ingat di dekat situ, resolver menelusuri rantainya — root, lalu direktori .id, lalu nameserver otoritatif yang benar-benar menyimpan jawabannya. Bagi kami, otoritas itu Cloudflare — tempat kami mengarahkan domain, cerita tersendiri. Ia mengembalikan sebuah IP, dan resolver mengingatnya untuk lain kali.

2. Satu alamat, banyak kota

Inilah triknya: IP yang dikembalikan Cloudflare bukan milik satu mesin di satu tempat. Alamat yang sama diumumkan dari ratusan pusat data di seluruh dunia — teknik bernama anycast. Internet diam-diam mengarahkan permintaan Anda ke yang terdekat. Orang di Jakarta dan orang di Berlin mengetik pangaea.id yang sama, dan masing-masing mendarat di salinan yang cuma beberapa milidetik jauhnya. Jarak itu musuh kecepatan; anycast menghapus sebagian besarnya.

3. Sapaan singkat, lalu kunci

Browser Anda dan edge terdekat itu bersalaman dua tahap:

  • TCP — "halo / halo balik / oke" singkat supaya kedua sisi sepakat sudah terhubung.
  • TLS — keduanya bertukar kunci dan beralih ke enkripsi. Itulah gembok di address bar. Sejak sini tak ada pihak di tengah — Wi-Fi kafe, ISP Anda — yang bisa membaca atau mengutak-atik halaman.

Kedengarannya banyak, tapi cuma beberapa kali bolak-balik, dan browser memakai ulang koneksi yang satu itu untuk semua kebutuhan halaman lainnya.

4. "Beri saya berandanya"

Kini permintaan sesungguhnya: browser mengirim HTTP — harfiahnya GET /. Edge biasanya sudah punya jawabannya di cache, karena halaman kami dibangun sebelumnya jadi HTML polos dan disalin ke tiap edge. Jadi ia menjawab dalam milidetik, tanpa server perlu "berpikir". (Hanya pada miss pertama yang jarang, edge mengambil halaman sekali dari origin — Cloudflare Pages — lalu men-cache-nya untuk semua orang setelah Anda.)

5. Browser menggambar

HTML kembali dan browser membacanya dari atas ke bawah. Ia melihat masih butuh sedikit CSS, sedikit JavaScript, dan font — lalu memintanya juga, lagi-lagi dari edge terdekat (dan file-file itu di-fingerprint, jadi di-cache "selamanya"). Lalu ia menggambar: header, judul, sisanya. Sekejap itu pun usai.

Kami memilih ini dengan sengaja

Tak ada yang kebetulan — ini setup yang kami pilih: domain menunjuk ke edge Cloudflare, dan situsnya file statis di Cloudflare Pages. Bagaimana dan kenapanya ada di catatan build kami: Arahkan domain ke Cloudflare → dan Rilis: Git → CI/CD → Pages →.

Sources

  1. Cloudflare — Apa itu DNS?
  2. Cloudflare — Apa itu jaringan Anycast?
  3. MDN — Apa itu URL?