האם תהית אי פעם מה כל מה שנדרש כדי לטעון דף אינטרנט בדפדפן שלך? בהתאם לחיבור האינטרנט שלך, הקלדת כתובת האתר או הכתובת לדף אינטרנט ולחיצה על כפתור "Enter" מעבירה אותך לדף אינטרנט זה כמעט באופן מיידי. זה יכול להיות תהליך איטי יותר בחיבורים איטיים יותר, אך עדיין תוכלו להגיע לעמוד מהיר יחסית. מה קורה מאחורי הקלעים כדי לגרום לכל זה לקרות? המשך להלן ונראה לך מה קורה!
תקשורת שרת לדפדפן
במונחים של הדיוט, כשאתה מזין קישור לסרגל הכתובות שלך או לוחץ על קישור בעמוד, הדפדפן פונה לשרת בו הכתובת מתארחת. משם מורידים את המשאבים לדף והדפדפן משתמש אז במשאבים אלה בכדי לעבד את הדף ולהציג לך את המוצר הסופי.
אבל זה קצת יותר מסובך.
מילה מהירה בכתובות אתרים
כשאתה מקליד כתובת URL, כגון www.google.com, זה בדיוק מה שאתה רואה. המחשב רואה משהו אחר. ברגע שאתה מקליד את זה ולחץ על Enter, הוא עובר דרך שרת שמות דומיין (DNS) וממיר אותו לכתובת IP - משהו שהמחשב יכול לקרוא. אז בזמן שאתה עשוי לראות את www.google.com, הדפדפן לוקח את זה, מעביר אותו דרך שרת DNS ואז אתה בעצם מתחבר לאחת מכתובות ה- IP הרבות של גוגל, כגון 216.58.216.110 . אתה יכול למעשה להקליד 216.58.216.110 בסרגל הכתובות ולגמור באותו מיקום.
קבלת דף אינטרנט בדפדפן
יש הרבה חלקים נעים בכדי לגרום לדף אינטרנט להציג כראוי בדפדפן שלך. עם זאת, השלב הראשון הוא הבקשה. אתה מגיש בקשה לשרת אינטרנט כשאתה מקליד את הכתובת של אתר שאתה רוצה לבקר בו, כגון www.techjunkie.com. ברגע שאתה לוחץ על enter, הדפדפן שלך מתחבר למארח האינטרנט ומבקש להוריד כמה קבצי טקסט.
השלב הבא הוא התגובה של שרת האינטרנט. זהו השלב בו השרת למעשה מספק את המשאבים לדפדפן. הדפדפן מבקש אותם (הבקשה) והשרת שולח אותם (התגובה). עם זאת, כיצד דפדפן יודע אם הוא זקוק ליותר מסתם קובץ בודד? זה עושה זאת דרך משהו שנקרא ניתוח. במילים אחרות, הדפדפן לוקח את המסמך הראשון ומחפש הפניות לקבצים אחרים. אם הוא רואה התייחסות לקובץ אחר, הוא מוריד אותו גם. זה הרבה יותר מורכב מזה, אבל זה תמצית הדרך בה הוא מוצא את כל הקבצים הדרושים.
בשלב הבא יש לבנות את כל המידע שהוריד. זה לוקח את מסמך ה- HTML המקורי שהורד כמו גם את כל המשאבים הרלוונטיים ויוצר מעין מבנה או עץ. זה יבנה תחילה מפת אובייקט מסמך (DOM), שהיא בעצם מבנה או מיקום של אלמנטים בדף. בשלב הבא היא בונה את מפת האובייקטים של CSS - המבנה לאופן בו מעצבים אלמנטים ב- DOM. לבסוף, הוא יוצר את עץ ה- Render, שלוקח בעצם את ה- DOM ואת מפת האובייקטים של CSS, משלב אותם ויוצר מבנה לאופן בו הדף מובנה ומעוצב.
ולבסוף, הדף מועבר ומוצג לך, המשתמש. יש גם הרבה חישובים בשלב זה, שכן הדפדפן צריך לגלות כמה גדול הפריסה ביחס למסך שלך (למשל גדלי העמודים יהיו שונים אם אתה נמצא בטאבלט, בסמארטפון או במחשב). אך ברגע שזה יקרה, תקבל דף סופי ונקווה למראה טוב בדפדפן שלך.
התהליך הוא למעשה די מדהים - כל הבקשות והחישובים הללו קורים כולם תוך שניות, תלוי כמה חיבור האינטרנט שלך מהיר, כמובן. אך לרוב, למרות שיכולים להיות מאות קבצים לדף אינטרנט, התהליך שלמעלה מתרחש בקלות תוך 10 שניות או פחות.
סגירה
אני מקווה שהסברנו בבירור כיצד חיבור האינטרנט שלך, הדפדפן והשרתים כולם פועלים יחד בכדי לספק לך דפי אינטרנט היישר לדפדפן שלך. על ידי הבנה מעמיקה יותר של האופן שבו כל הטכנולוגיות הללו משתלבות זו בזו ועובדות יחד, לא רק שהיא תעניק לך הערכה טובה יותר למה שקורה מאחורי הקלעים, אלא שהיא עשויה גם לעזור לך לפתור כל בעיה הקשורה לדפדפנים.
