Apa yang Terjadi Saat Kita Membuka Sebuah Website?

https://pixabay.com/illustrations/web-design-user-interface-website-3411373/

Kita mungkin hanya mengetik alamat website di browser, menekan Enter, lalu beberapa detik kemudian halaman langsung muncul. Prosesnya terlihat sederhana, tetapi sebenarnya ada banyak hal yang terjadi di balik layar sebelum sebuah website bisa tampil di layar.

Ketika kita membuka sebuah website, browser tidak langsung “mengambil” halaman begitu saja. Browser harus mengetahui alamat server yang menyimpan website, mengirimkan permintaan, menunggu respons, kemudian menerjemahkan berbagai data yang diterima menjadi halaman yang bisa kita lihat.

Lalu, apa sebenarnya yang terjadi dalam beberapa detik tersebut?

Semuanya Dimulai dari URL

Ketika kita mengetik alamat seperti `google.com`, `youtube.com`, atau alamat website lainnya, kita sebenarnya sedang memberikan sebuah alamat kepada browser.

Alamat tersebut disebut **URL (Uniform Resource Locator)**. URL membantu browser mengetahui sumber daya apa yang ingin diakses dan ke mana permintaan harus dikirim.

Namun, komputer tidak berkomunikasi menggunakan nama seperti `google.com` secara langsung. Komputer membutuhkan alamat IP untuk mengetahui lokasi server tujuan.

Di sinilah DNS bekerja.

DNS: Seperti Buku Kontak Internet

DNS atau Domain Name System bertugas menerjemahkan nama domain menjadi alamat IP.

Sederhananya, DNS dapat dianalogikan seperti daftar kontak di smartphone.

Kita mungkin menyimpan nama seseorang sebagai “Andi”, tetapi ketika ingin menghubunginya, smartphone menggunakan nomor telepon yang terkait dengan nama tersebut.

Hal yang sama terjadi pada website.

Kita mengetik nama domain yang mudah diingat manusia, kemudian DNS membantu menemukan alamat IP yang berkaitan dengan domain tersebut.

Setelah browser mendapatkan alamat IP, proses komunikasi dengan server bisa dilanjutkan.

Browser Menghubungi Server

Setelah mengetahui server tujuan, browser mengirimkan permintaan kepada server.

Permintaan tersebut dapat berisi informasi mengenai halaman atau sumber daya yang ingin diakses.

Misalnya, ketika kita membuka halaman utama sebuah website, browser pada dasarnya meminta server untuk memberikan berbagai file yang diperlukan agar halaman tersebut dapat ditampilkan.

Server kemudian memproses permintaan tersebut dan mengirimkan respons kembali.

Proses inilah yang menjadi dasar komunikasi antara browser dan server.

Lalu Apa Itu HTTP dan HTTPS?

Komunikasi antara browser dan server biasanya menggunakan protokol seperti HTTP atau HTTPS.

HTTP merupakan salah satu aturan komunikasi yang digunakan untuk pertukaran data antara browser dan server.

Sementara itu, HTTPS menggunakan lapisan keamanan tambahan melalui enkripsi sehingga data yang dikirimkan antara pengguna dan website lebih terlindungi selama perjalanan.

Itulah sebabnya kita sering melihat ikon gembok pada bagian alamat browser ketika mengakses website yang menggunakan HTTPS.

Namun, adanya HTTPS bukan berarti sebuah website otomatis aman dalam segala hal. HTTPS terutama membantu melindungi komunikasi antara browser dan server dari penyadapan atau perubahan data selama proses pengiriman.

Server Mengirimkan File Website

Setelah menerima permintaan, server mengirimkan data yang dibutuhkan browser.

Data tersebut dapat berupa file HTML, CSS, JavaScript, gambar, font, dan berbagai sumber daya lainnya.

HTML berperan membentuk struktur halaman.

CSS mengatur tampilan seperti warna, ukuran, jarak, posisi, dan tata letak.

Sementara JavaScript dapat membuat halaman menjadi lebih interaktif dan menjalankan berbagai fungsi.

Jadi, halaman website yang kita lihat sebenarnya merupakan hasil dari berbagai komponen yang diproses oleh browser.

Browser Menyusun Semuanya

Setelah data diterima, pekerjaan browser belum selesai.

Browser harus membaca dan memproses file-file tersebut sebelum menampilkan halaman.

HTML diproses untuk membangun struktur halaman. CSS digunakan untuk menentukan bagaimana elemen tersebut ditampilkan. JavaScript dapat dijalankan untuk memberikan interaksi atau mengambil data tambahan.

Browser kemudian melakukan proses rendering sehingga semua komponen tersebut dapat ditampilkan dalam bentuk visual.

Inilah alasan mengapa kita bisa melihat tombol, gambar, teks, menu, animasi, dan berbagai elemen lainnya setelah membuka sebuah website.

Kenapa Kadang Website Terasa Lambat?

Kalau prosesnya hanya beberapa langkah, mengapa terkadang website membutuhkan waktu lama untuk terbuka?

Ada banyak kemungkinan.

Server mungkin sedang menerima terlalu banyak permintaan. File yang harus dikirim bisa berukuran besar. Koneksi internet pengguna bisa lambat atau tidak stabil. Website juga mungkin membutuhkan banyak data tambahan dari server lain.

Bahkan setelah halaman utama diterima, browser terkadang masih harus mengunduh gambar, script, font, atau data lain sebelum halaman dapat ditampilkan secara sempurna.

Karena itu, kecepatan membuka website tidak hanya bergantung pada kecepatan internet.

Kondisi server, ukuran halaman, jumlah sumber daya yang digunakan, lokasi server, hingga cara website tersebut dibangun juga dapat memengaruhi waktu loading.

Jadi, Apa yang Sebenarnya Terjadi Saat Kita Menekan Enter?

Dalam hitungan detik, proses yang cukup panjang dapat terjadi.

Browser membaca URL, mencari alamat IP melalui DNS, menghubungi server, mengirimkan request, menerima response, mengambil berbagai file, memproses HTML, CSS, dan JavaScript, kemudian melakukan rendering hingga halaman akhirnya muncul di layar.

Semua proses tersebut terjadi begitu cepat sehingga pengguna biasanya hanya melihat satu hal: website terbuka.

Padahal, di balik satu halaman yang muncul di layar, terdapat komunikasi antara browser, DNS, jaringan, server, dan berbagai teknologi web lainnya.

Jadi, ketika lain kali kita membuka sebuah website, coba ingat bahwa prosesnya tidak sesederhana mengetik alamat lalu menekan Enter.

Dalam beberapa detik, perangkat kita sebenarnya sedang melakukan perjalanan digital yang cukup panjang sebelum akhirnya mengatakan:

“Ini halaman yang kamu minta.”