{"id":9,"date":"2026-02-09T23:27:56","date_gmt":"2026-02-09T23:27:56","guid":{"rendered":"https:\/\/pvdprakash.com\/blog\/?p=9"},"modified":"2026-02-09T23:33:40","modified_gmt":"2026-02-09T23:33:40","slug":"the-journey-of-a-url-what-happens-when-you-hit-enter-the-url-in-browser","status":"publish","type":"post","link":"https:\/\/pvdprakash.com\/blog\/the-journey-of-a-url-what-happens-when-you-hit-enter-the-url-in-browser\/","title":{"rendered":"The Journey of a URL: What Happens When You Hit Enter the URL in browser?"},"content":{"rendered":"
<\/div>\n

When you type a URL into your browser and hit Enter, a complex chain of events is triggered to transform a line of text into a functional website. Here are the complete notes on that process, broken down into five logical phases.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
\n\n\n\n

Phase 1: The DNS Lookup (Finding the Address)<\/h2>\n\n\n\n

Before the browser can connect to a server, it needs to translate the human-readable URL (e.g., www.example.com<\/code>) into a machine-readable IP address (e.g., 93.184.216.34<\/code>).<\/p>\n\n\n\n

    \n
  1. Browser Cache:<\/strong> The browser checks its own internal “phonebook” to see if you\u2019ve visited this site recently.<\/li>\n\n\n\n
  2. OS & Router Cache:<\/strong> If not found, it asks your computer\u2019s Operating System, then your router.<\/li>\n\n\n\n
  3. ISP (Recursive) Resolver:<\/strong> If still unknown, the request goes to your Internet Service Provider.<\/li>\n\n\n\n
  4. The DNS Hierarchy:<\/strong> If the ISP doesn’t have it, it queries the Root Nameservers<\/strong>, which point to the Top-Level Domain (TLD) server<\/strong> (like .com<\/code>), which finally points to the Authoritative Nameserver<\/strong> that holds the actual IP.<\/li>\n<\/ol>\n\n\n\n
    \n\n\n\n

    Phase 2: The TCP\/IP Handshake (Connecting)<\/h2>\n\n\n\n

    Once the IP address is known, the browser must establish a connection to the server. Most websites use HTTPS<\/strong>, which requires a reliable connection.<\/p>\n\n\n\n

      \n
    • SYN (Synchronize):<\/strong> The client sends a packet to the server asking to connect.<\/li>\n\n\n\n
    • SYN-ACK (Acknowledgment):<\/strong> The server replies, confirming it is open for business.<\/li>\n\n\n\n
    • ACK:<\/strong> The client sends a final confirmation.<\/li>\n\n\n\n
    • TLS Handshake:<\/strong> For secure (HTTPS) sites, an additional “handshake” occurs here to exchange encryption keys, ensuring no one can eavesdrop on your data.<\/li>\n<\/ul>\n\n\n\n
      \n\n\n\n

      Phase 3: The HTTP Request<\/h2>\n\n\n\n

      Now that the “pipe” is open, the browser sends an HTTP Request<\/strong>. This is a text-based message that tells the server exactly what the user wants.<\/p>\n\n\n\n

        \n
      • Method:<\/strong> Usually a GET<\/code> request (asking for data).<\/li>\n\n\n\n
      • Headers:<\/strong> Includes info like what browser you are using (User-Agent) and what types of files you can accept.<\/li>\n\n\n\n
      • URL Path:<\/strong> Telling the server exactly which page or file to send back.<\/li>\n<\/ul>\n\n\n\n
        \n\n\n\n

        Phase 4: The Server Response<\/h2>\n\n\n\n

        The web server receives the request, finds the content on its hard drive (or generates it using a database), and sends it back.<\/p>\n\n\n\n

          \n
        • Status Codes:<\/strong> The response starts with a code. 200<\/code> means success, 404<\/code> means not found, and 500<\/code> means the server crashed.<\/li>\n\n\n\n
        • Response Body:<\/strong> This contains the actual HTML<\/strong> code of the website.<\/li>\n<\/ul>\n\n\n\n
          \n\n\n\n

          Phase 5: Browser Rendering (Building the Page)<\/h2>\n\n\n\n

          This is the “construction” phase where the browser turns raw code into the visual page you see.<\/p>\n\n\n\n

            \n
          1. Parsing HTML:<\/strong> The browser reads the HTML and builds the DOM (Document Object Model)<\/strong>\u2014a tree-like structure of all the elements on the page.<\/li>\n\n\n\n
          2. Parsing CSS:<\/strong> It reads the styling rules and builds the CSSOM (CSS Object Model)<\/strong>.<\/li>\n\n\n\n
          3. JavaScript Execution:<\/strong> The browser downloads and runs JavaScript, which can change the DOM or add interactivity.<\/li>\n\n\n\n
          4. Render Tree:<\/strong> The DOM and CSSOM are combined to figure out what is actually visible.<\/li>\n\n\n\n
          5. Layout & Painting:<\/strong>\n
              \n
            • Layout:<\/strong> Calculating the exact coordinates and size of every box on the screen.<\/li>\n\n\n\n
            • Painting:<\/strong> Filling in pixels with colors, images, and borders.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\n
              \n\n\n\n

              Key Summary Table<\/h3>\n\n\n\n
              Step<\/strong><\/td>Primary Protocol<\/strong><\/td>Goal<\/strong><\/td><\/tr><\/thead>
              Lookup<\/strong><\/td>DNS<\/td>Convert Name $\\rightarrow$ IP Address<\/td><\/tr>
              Connect<\/strong><\/td>TCP\/TLS<\/td>Establish a secure “conversation”<\/td><\/tr>
              Request<\/strong><\/td>HTTP<\/td>Ask for the specific webpage files<\/td><\/tr>
              Render<\/strong><\/td>HTML\/CSS\/JS<\/td>Turn code into a visible, interactive UI<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n

              Would you like me to expand on any specific part of this, such as the security certificates (SSL\/TLS)<\/strong> or how JavaScript engines<\/strong> like V8 work?<\/p>\n","protected":false},"excerpt":{"rendered":"

              When you type a URL into your browser and hit Enter, a complex chain of events is triggered to transform a line of text into a functional website. Here are the complete notes on that process, broken down into five logical phases. Phase 1: The DNS Lookup (Finding the Address) Before the browser can connect […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,4],"tags":[12,7,17,11,9,8,6,15,19,20,5,14,21,10,18,16,13],"class_list":["post-9","post","type-post","status-publish","format-standard","hentry","category-tech-explained","category-web-development","tag-browser","tag-browsers","tag-cache","tag-client","tag-client-server-architecture","tag-coding-101","tag-dns","tag-domain-name","tag-http","tag-https","tag-internet","tag-ip-address","tag-network","tag-server","tag-tcp","tag-url","tag-website"],"_links":{"self":[{"href":"https:\/\/pvdprakash.com\/blog\/wp-json\/wp\/v2\/posts\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pvdprakash.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/pvdprakash.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/pvdprakash.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pvdprakash.com\/blog\/wp-json\/wp\/v2\/comments?post=9"}],"version-history":[{"count":1,"href":"https:\/\/pvdprakash.com\/blog\/wp-json\/wp\/v2\/posts\/9\/revisions"}],"predecessor-version":[{"id":11,"href":"https:\/\/pvdprakash.com\/blog\/wp-json\/wp\/v2\/posts\/9\/revisions\/11"}],"wp:attachment":[{"href":"https:\/\/pvdprakash.com\/blog\/wp-json\/wp\/v2\/media?parent=9"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pvdprakash.com\/blog\/wp-json\/wp\/v2\/categories?post=9"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pvdprakash.com\/blog\/wp-json\/wp\/v2\/tags?post=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}