Tarayıcınıza bir web sayfasını yükleyebilmek için ne gerektiğini merak ettiniz mi? İnternet bağlantınıza bağlı olarak, bir web sayfasına URL’yi veya adresi girip “Enter” düğmesine basmak sizi anında o web sayfasına götürür. Daha yavaş bağlantılarda daha yavaş bir işlem olabilir, ancak yine de bir sayfaya nispeten hızlı bir şekilde ulaşabilirsiniz. Tüm bunların gerçekleşmesi için sahne arkasında neler oluyor? Aşağıyı takip edin, size neler olduğunu gösterelim!
Sunucudan tarayıcıya iletişim
Layman’ın ifadesiyle, adres çubuğunuza bir link girdiğinizde veya bir sayfadaki bir linke tıkladığınızda, tarayıcı adresin bulunduğu sunucuya bir talepte bulunur. Oradan, sayfanın kaynakları indirilir ve ardından tarayıcı sayfayı oluşturmak ve nihai ürünü size göstermek için bu kaynakları kullanır.
Yine de bundan biraz daha karmaşık.
URL’lerde kısa bir kelime
Www.google.com gibi bir URL yazdığınızda, gördüğünüz tam olarak budur. Bilgisayar başka bir şey görür. Bunu yazıp enter tuşuna bastığınızda, bir Etki Alanı Adı Sunucusu (DNS) üzerinden geçer ve bilgisayarın okuyabileceği bir IP adresine dönüştürür. Böylece, www.google.com adresini görebilirken, tarayıcı bunu alır, bir DNS sunucusundan geçirir ve ardından Google’ın 216.58.216.110 gibi birçok IP adresinden birine bağlanıyorsunuzdur . Aslında adres çubuğuna 216.58.216.110 yazıp aynı yere yazabilirsiniz .
Tarayıcınızda bir web sayfası almak
Bir web sayfasını tarayıcınızda düzgün şekilde görüntüleyebilmek için birçok hareketli parça vardır. Ancak, ilk adım istek. Ziyaret etmek istediğiniz sitenin adresini girdiğinizde, www.techjunkie.com gibi bir web sunucusuna istek gönderirsiniz. Enter tuşuna bastığınızda, tarayıcınız web sunucusuna bağlanır ve indirilmesi için bir sürü metin dosyası ister.
Bir sonraki adım web sunucusunun cevabıdır. Bu, sunucunun gerçekte tarayıcıya kaynakları sağladığı adımdır. Tarayıcı onları ister (istek) ve sunucu gönderir (cevap). Ancak, bir tarayıcı sadece bir dosyadan daha fazlasına ihtiyaç duyup duymadığını nasıl bilebilir? Bunu ayrıştırma denilen bir şeyle yapar. Başka bir deyişle, tarayıcı ilk dosyaya geçer ve diğer dosyalara referanslar arar. Başka bir dosyaya referans görürse, onu da indirir. Bundan çok daha karmaşık, ama bu gerekli tüm dosyaları nasıl bulduğunun özü.
Daha sonra, indirdiği bilgilerin tamamı oluşturulmalıdır. İndirdiği orijinal HTML belgesini ve tüm ilgili kaynakları alır ve bir tür yapı veya ağaç oluşturur. Öncelikle bir sayfadaki öğelerin yapısı veya yerleşimi olan bir Belge Nesne Haritası (DOM) oluşturur. Ardından, DOM'daki öğelerin nasıl stillendirildiğinin yapısı olan CSS Nesne Haritasını oluşturur. Son olarak, temel olarak DOM ve CSS Nesne Haritasını alan, onları birleştiren ve sayfanın nasıl yapılandırıldığı ve stillendirildiği için bir yapı oluşturan Render Ağacı oluşturur.
Ve son olarak, sayfa daha sonra kullanıcıya gösterilir ve size gösterilir. Tarayıcı, düzenin ekranınıza göre ne kadar büyük olduğunu bulmak zorunda olduğu için bu adımda bir çok hesaplama da vardır (örneğin, bir tablet, akıllı telefon veya bilgisayar kullanıyorsanız sayfa boyutları farklı olacaktır). Ancak bir kez yaptıktan sonra, tarayıcınızda görüntülenen son ve umarım iyi görünen bir sayfa alırsınız.
Süreç aslında oldukça şaşırtıcı - bu isteklerin ve hesaplamaların tümü, İnternet bağlantınızın ne kadar hızlı olduğuna bağlı olarak birkaç saniye içinde gerçekleşir. Ancak çoğu zaman, bir web sayfasında yüzlerce dosya olsa bile, yukarıdaki işlemler 10 saniye veya daha kısa sürede kolayca gerçekleşir.
Kapanış
Umarım, İnternet bağlantınızın, tarayıcı ve sunucuların, web sayfalarını doğrudan tarayıcınıza sunmak için nasıl birlikte çalıştıklarını açık bir şekilde açıkladık. Tüm bu teknolojilerin nasıl iç içe geçtiği ve birlikte çalıştığı konusunda daha derinlemesine bir anlayışa sahip olmakla, sadece sahnelerin arkasında olanlar için size daha iyi bir değer kazandırmakla kalmaz, aynı zamanda tarayıcıyla ilgili sorunları gidermenize yardımcı olabilir.
