בדקנו את משקל עמוד הבית שלנו, והאותיות שקלו כמעט פי 4 מהמילים
המילה "שלום" שוקלת 8 בייטים. כל אות עברית תופסת במחשב 2 בייטים, ויותר מזה הטלפון לא צריך כדי לשמור אותה. אבל כדי להציג אותה על המסך בגופן יפה, הוא מוריד קודם קובץ כבד ממנה פי כמה אלפים.
מה זה משקל עמוד, וכמה שוקל עמוד אצלנו?
משקל עמוד הוא סך כל הקבצים שהדפדפן מוריד כדי להציג אותו: טקסט, עיצוב, גופנים, תמונות וקוד. ב-3 בנובמבר 2026 שקלנו 29 עמודים באתר שלנו. כל אחד שקל בין 70 ל-74 קילובייט, ובעמוד הבית הגופן לבדו היה 58% מהמשקל, כמעט פי 4 מכל המילים שבו.
ממה בכלל בנוי משקל עמוד?
תחשבו על עמוד באתר כמו על משלוח. מה שאתם רואים על המסך הוא הרהיט המורכב, אבל לפני כן הגיעו כמה חבילות נפרדות, וכל אחת מהן עשתה את הדרך מהשרת לטלפון שלכם.
בעמוד רגיל יש בדרך כלל 5 חבילות כאלה:
- קובץ העמוד (HTML): המילים עצמן, יחד עם ההוראות איפה כל אחת עומדת
- קובץ העיצוב (CSS): צבעים, רווחים וגדלים. משהו כמו הוראות הרכבה
- הגופן: הציור של כל אות ואות, כדי שהטקסט ייראה כמו שהמעצב תכנן
- תמונות: לוגו, צילומים ואיורים
- סקריפטים: קוד שמפעיל תפריט שנפתח, טופס, או כלי מדידה
את המשקל מודדים בקילובייט. קילובייט הוא 1,000 בייטים, ועמוד טקסט של 2,000 אותיות בעברית שוקל בערך 4 קילובייט.
איך שקלנו את העמודים שלנו?
הרצנו עותק של האתר על המחשב, ופתחנו כל עמוד ב-Chromium, הגרסה הפתוחה של Chrome, במצב שמדמה טלפון. גללנו עד הסוף כדי שגם התמונות למטה ייטענו. הדפדפן רשם כל קובץ שהעמוד ביקש, ואנחנו סכמנו.
שרת שמוגדר היטב מכווץ קובץ טקסט לפני שהוא שולח אותו, בערך כמו קובץ ZIP. אז כיווצנו בעצמנו את קבצי הטקסט בשיטת brotli, כדי להתקרב למה שעובר ברשת באמת. ההבדל גדול: קובץ עמוד הבית שוקל 71.6 קילובייט לפני הכיווץ ו-11.8 אחריו.
29 העמודים באתר, בלי הבלוג, יצאו קרובים מאוד זה לזה: הקל ביותר 70.1 קילובייט, הכבד ביותר 73.9. זה הגיוני, כי כולם חולקים את אותו גופן, אותו קובץ עיצוב ואותו לוגו.
למה הגופן שוקל יותר מכל המילים?
כי המילים הן רק רשימה של אותיות, והגופן הוא הציור של כל אחת מהן. בעמוד הבית יש מילים ששוקלות 11.4 קילובייט. שני קובצי הגופן שוקלים יחד 42.2.
זה לא קרה רק בעמוד הבית. בכל אחד מ-29 העמודים הגופן שקל יותר מהמילים. בעמוד עם הכי הרבה טקסט, של מאמני כושר, המילים שוקלות 16.8 קילובייט, והגופן עדיין כבד מהן פי 2.5. בעמוד צרו קשר המילים שוקלות 6.8 בלבד.
ועוד פרט קטן שלא ציפינו לו. קובץ האותיות הלועזיות שוקל 30.1 קילובייט, פי 2.5 מהקובץ העברי, אף שרוב הטקסט באתר בעברית. בתוכו יושבות גם הספרות וסימני הפיסוק, אז כל מחיר וכל תאריך בעמוד מושכים אותו.
אנחנו משאירים את הגופן, כי הוא חלק מהאופן שבו ברנדלי נראית. ובאתר שלנו הטקסט מופיע מיד בגופן של הטלפון, ומתחלף כשהגופן מגיע. בחירה כזו נעשית כבר בשלב של בניית אתר חדש, ושווה לשאול עליה את מי שבונה לכם.
כמה זמן לוקח להוריד 73 קילובייט?
עשינו חישוב גס, בלי זמני ההמתנה של הרשת. נניח שאתם בחניון תת־קרקעי עם קליטה חלשה, מגה־ביט אחד בשנייה. עמוד הבית שלנו יגיע בערך ב-0.6 שנייה.
עכשיו נניח שבעמוד יש תמונה אחת שהועלתה כמו שיצאה מהמצלמה, למשל 3 מגה־בייט. באותה קליטה היא לבדה תיקח 24 שניות. לכן כשעמוד כבד, הדבר הראשון שאנחנו פותחים הוא הצילומים.
באתר שבו הצילומים הם העיקר, כמו אתר למשרד אדריכלים, מחשבים את זה כבר בתכנון, לפני שמעלים את הצילום הראשון.
מה נשאר מחוץ למשקל שמדדנו?
קובץ אחד לא נכנס לשקילה. כל עמוד באתר טוען גם את פיקסל המדידה של Meta, ישירות מהשרתים של פייסבוק. חסמנו אותו בבדיקה, ולכן המשקל שלו לא בתוך ה-73 קילובייט, והוא גם לא בשליטה שלנו.
3 כתבות הבלוג הקודמות, אגב, כבדות יותר: בין 100.5 ל-111.7 קילובייט. כמעט כל ההפרש הוא האיורים, כמו אלה שבכתבה הזו.
באתרים אחרים, כל תוסף צ׳אט, כפתור שיתוף או כלי מדידה מוסיף קבצים כאלה, בדרך כלל בלי שבעל העסק יודע. לעבור עליהם אחת לכמה חודשים זה חלק ממה שאנחנו עושים בתחזוקת אתרים.
איך שוקלים עמוד באתר שלכם בלי לדעת קוד?
צריך מחשב עם Chrome, ובערך 5 דקות:
- פתחו את עמוד הבית שלכם, ולחצו על F12 (במק: Cmd+Option+I). ייפתח חלון של כלי המפתחים, ואין מה לפחד ממנו.
- בחרו בלשונית Network בשורה העליונה של החלון.
- רעננו את העמוד עם F5. הרשימה תתמלא בכל הקבצים שהעמוד הוריד.
- הסתכלו על השורה התחתונה. המספר שליד המילה transferred הוא משקל העמוד.
- לחצו על כותרת העמודה Size כדי למיין לפי גודל, ורשמו את 3 הקבצים העליונים.
אם בראש הרשימה יש תמונה ששוקלת יותר מכל השאר ביחד, שלחו את השם שלה למי שמנהל לכם את האתר. בדרך כלל זה תיקון של כמה דקות.
שאלות על משקל עמוד באתר
משקל עמוד משפיע על המיקום בגוגל?
בעקיפין. גוגל לא מציגה ציון של משקל, אבל הכלים שלה בודקים כמה מהר התוכן מופיע ומגיב ללחיצה. עמוד קל מגיע לשם בקלות, ועדיין עמוד קל על שרת איטי ייטען לאט. בדיקות מהירות כאלה הן חלק מהעבודה הטכנית בקידום אורגני לעסקים.
העמוד שלי שוקל 2 מגה־בייט. זה הרבה?
2 מגה־בייט הם 2,000 קילובייט, בערך פי 27 מהעמודים שלנו. לעמוד של עסק קטן זה בדרך כלל סימן שיש בו תמונה או סרטון שלא הוקטנו. פתחו את לשונית Network, מיינו לפי Size, ותראו מיד מי אחראי לרוב המשקל.
כדאי לוותר על גופן מיוחד ולהשתמש בגופן של הטלפון?
תלוי כמה הגופן הוא חלק מהזהות של העסק. גופן המערכת לא שוקל כלום, כי הוא כבר בטלפון. אצלנו הגופן שוקל 42.2 קילובייט, ובחרנו להשאיר אותו. מה שכן כדאי לבדוק הוא שהאתר לא טוען 3 גופנים שונים, או משקלים שאף עמוד לא משתמש בהם.
איך יודעים אם השרת מכווץ את הקבצים?
בלשונית Network לוחצים על הקובץ הראשון ברשימה, שהוא העמוד עצמו, ומחפשים תחת Response Headers את השורה content-encoding. אם כתוב שם br או gzip, הקובץ מכווץ. אם השורה חסרה, שווה לשאול את ספק האחסון למה.
תמונות בפורמט WebP באמת קלות יותר?
באתר שלנו הלוגו בפורמט WebP שוקל 4.7 קילובייט. WebP הוא פורמט תמונה שנועד לרשת, ובדרך כלל הוא קטן מ-JPG או PNG באותה איכות. אבל פורמט לא מציל תמונה ענקית: צילום ברוחב 4,000 פיקסלים יישאר כבד גם ב-WebP, ולכן קודם מקטינים ורק אחר כך ממירים.
הבדיקה בטלפון נותנת תוצאה אחרת מהמחשב?
לפעמים. אתרים רבים שולחים לטלפון תמונות קטנות יותר, וחלק מהקבצים כבר שמורים בדפדפן מביקור קודם. לכן בשקילה שלנו דימינו טלפון, ובבדיקה שלכם כדאי לסמן ב-Network את Disable cache לפני הרענון, כדי לראות את המשקל של ביקור ראשון.
איזה קובץ הכי כבד אצלכם?
שלחו כתובת של עמוד אחד, ונחזור עם רשימת הקבצים שלו לפי משקל, ומה אפשר להוריד בלי לשנות איך האתר נראה.