Pernahkah Anda bertanya-tanya apa yang diperlukan untuk mendapatkan halaman web di browser Anda? Bergantung pada koneksi Internet Anda, mengetik URL atau alamat ke halaman web dan menekan tombol "Enter" akan membawa Anda ke halaman web itu hampir secara instan. Ini bisa menjadi proses yang lebih lambat pada koneksi yang lebih lambat, tetapi Anda masih bisa mendapatkan halaman yang relatif cepat. Apa yang terjadi di balik layar untuk membuat itu semua terjadi? Ikuti bersama di bawah ini dan kami akan menunjukkan kepada Anda apa yang terjadi!
Komunikasi server ke browser
Dalam istilah awam, saat Anda memasukkan tautan ke bilah alamat atau mengklik tautan di laman, peramban membuat permintaan ke server tempat alamat itu dihosting. Dari sana, sumber daya untuk halaman tersebut diunduh dan browser kemudian menggunakan sumber daya itu untuk membuat halaman dan menampilkan produk akhir untuk Anda.
Ini sedikit lebih rumit dari itu.
Kata singkat tentang URL
Saat Anda mengetikkan URL, seperti www.google.com, itulah yang Anda lihat. Komputer melihat sesuatu yang lain. Setelah Anda mengetikkan dan tekan enter, ia akan berpindah melalui Domain Name Server (DNS) dan mengubahnya menjadi alamat IP - sesuatu yang dapat dibaca komputer. Jadi, sementara Anda mungkin melihat www.google.com, browser mengambilnya, meneruskannya melalui server DNS, dan kemudian Anda benar-benar terhubung ke salah satu dari banyak alamat IP Google, seperti 216.58.216.110 . Anda sebenarnya bisa mengetik 216.58.216.110 di bilah alamat dan berakhir di lokasi yang sama.
Mendapatkan halaman web di browser Anda
Ada banyak bagian yang bergerak untuk membuat halaman web ditampilkan dengan benar di browser Anda. Namun, langkah pertama adalah permintaan. Anda membuat permintaan ke server web ketika Anda mengetikkan alamat situs yang ingin Anda kunjungi, seperti www.techjunkie.com. Setelah Anda menekan enter, browser Anda terhubung ke host web dan meminta banyak file teks untuk diunduh.
Langkah selanjutnya adalah respons server web. Ini adalah langkah di mana server benar-benar menyediakan sumber daya ke browser. Browser meminta mereka (permintaan) dan server mengirimkannya (respons). Namun, bagaimana peramban tahu jika perlu lebih dari satu file? Ini melakukan ini melalui sesuatu yang disebut parsing. Dengan kata lain, browser mengambil dokumen pertama, mencari referensi ke file lain. Jika ia melihat referensi ke file lain, itu akan mengunduh juga. Ini jauh lebih kompleks dari itu, tetapi itulah inti dari bagaimana ia menemukan semua file yang dibutuhkan.
Selanjutnya, semua informasi yang diunduh harus dibangun. Dibutuhkan dokumen HTML asli yang diunduh serta semua sumber daya yang relevan dan membuat semacam struktur atau pohon. Ini akan membangun Document Object Map (DOM) terlebih dahulu, yang pada dasarnya adalah struktur atau penempatan elemen pada halaman. Selanjutnya, ia membangun CSS Object Map - struktur untuk bagaimana elemen dalam DOM ditata. Akhirnya, ia menciptakan Render Tree, yang pada dasarnya mengambil DOM dan CSS Object Map, menggabungkannya, dan membuat struktur untuk bagaimana halaman disusun dan ditata.
Dan terakhir, halaman tersebut kemudian ditampilkan dan ditampilkan kepada Anda, pengguna. Ada juga banyak perhitungan dalam langkah ini, karena browser harus mengetahui seberapa besar tata letak relatif terhadap layar Anda (misalnya ukuran halaman akan berbeda jika Anda menggunakan tablet, smartphone atau komputer). Tetapi begitu hal itu terjadi, Anda akan mendapatkan halaman final dan semoga tampan ditampilkan di browser Anda.
Prosesnya sebenarnya sangat menakjubkan - semua permintaan dan perhitungan ini semua terjadi dalam hitungan detik, tergantung seberapa cepat koneksi Internet Anda, tentu saja. Tetapi sebagian besar, meskipun bisa ada ratusan file ke halaman web, proses di atas dengan mudah terjadi dalam 10 detik atau kurang.
Penutupan
Mudah-mudahan kami telah menjelaskan dengan jelas bagaimana koneksi Internet Anda, browser dan server semua bekerja sama untuk memberikan Anda halaman web langsung ke browser Anda. Dengan memiliki pemahaman yang lebih dalam tentang bagaimana semua teknologi ini saling terkait dan bekerja bersama, tidak hanya akan memberi Anda penghargaan yang lebih baik untuk apa yang terjadi di balik layar, tetapi juga dapat membantu Anda memecahkan masalah yang terkait dengan browser.
