050-4253300

איך מקטינים DOM על מנת לשפר את מהירות האתר

אחת מהשגיאות הנפוצות בכלי בדיקת מהירות האתר היא DOM גדול מידי. על מנת לגשת ולטפל בבעיה זו, תחילה עלינו להבין מה זה DOM ולהכיר את התהליכים שנוצרים כתוצאה ממנו.    בכל בדיקה בכלים GTMATRIX וב PageSpeed Insights נקבל שלושה נתונים:

  1. סהכ רכיבי DOM
  2. עומק DOM מירבי
  3. מקסימום רכיבי צאצא

מה זה DOM ?

DOM  נוצר כאשר דף באתר נטען ויוצר פריסת עץ של אלמנטים HTML . ניתן לדמות זאת לעץ רחב עם ענפים היוצאים מהגזע, ועלים היוצאים מהענפים.

באמצעות אלמנטור אנחנו בונים כל דף ודף באתר החל מאזורים, ומהם מסתעפים אזורים, ובכל איזור אלמנט אחד או כמה אלמנטים כגון: תמונה, אייקון, טקסט ועוד אלמנטים רבים המצויים באלמנטור. סהכ רכיבי ה DOM יהיו סך הרכיבים בהם השתמשנו על מנת לבנות את הדף, כגון: אזורים, עמודות ואלמנטים כגון תמונה, טקסט וכו. עומק ה DOM מירבי הוא המרחק בין כל צומת לאלמנט השורש. לדוגמא: המרחק בין אלמנט תמונה לאיזור המשוייך אליה. מקסימום רכיבי צאצא הם סך האלמנטים שנמצאים מתחת לכל צומת אב. לדוגמא: כל האייקונים, התמונות והטקסטים המשוייכים לעמודה מסויימת. ברגע שהבדיקה מזהה DOM  הגדול מ 818 היא נצבעת באדום ב PageSpeed Insights או מורידה את הניקוד ב GTMATRIX ומסומן בצבע כתום או אדום לפי עומק הבעיה. עומק DOM מירבי ומקסימום רכיבי צאצא מושפעים מסך רכיבי ה DOM  .

מה ההשפעה של גודל ה DOM  על מהירות טעינת הדפים?

  1. ככל שיש יותר אזורים, עמודות ואלמנטים בדף, וכפועל יוצא מכך גם צמתים רבים כפי שהסברנו בפרק הקודם, יש יותר בקשות לטעינת קוד, דבר שמאט את מהירות טעינת הדף.
  2. העברת כמות נתונים גדולה, היא מגבירה את כמות הנתונים המועברים דרך הרשת וכתוצאה מכך גדל זמן ה TTFB זמן טעינה של הבייט הראשון, עליו נרחיב במאמר אחר.
  3. ככל שמבנה ה DOM  מסובך יותר, נדרש זמן רב יותר לחישוב המיקום של האלמנטים והאינטראקציה בינם לבין שורשם, מה שדורש זמן עיבוד יקר וגדול יותר.
  4. ככל שרכיבי ה DOM רבים יותר, השימוש בזכרון גדל באופן משמעותי ועלול להשפיע לרעה על יכולות הזכרון במכשירי הגולשים

אז אחרי שלמדנו מה זה DOM הבה ניגש לפעולות הנדרשות

איך מקטינים ומשפרים את רכיבי ה DOM  ?

באלמנטור ערים לבעיית ה DOM  וכבר אפשר לראות בגרסאות החדשות, אפשרות לביצוע פעולות לשיפור הdom  . בלוח הבקרה יש לגשת ל: אלמנטור > הגדרות > ניסויים ולהפעיל את שתי הפעולות הבאות:

  1. פלט DOM שעבר אופטימיזציה
  2. טעינת נכסים משופרת

הפעולות הבאות יעשו על ידי בונה האתר או האדם המשפר את מהירותו באם יש לו ידע מספיק בבניית אתרים

  1. לצמצם את כמות האזורים, העמודות והאלמנטים במידת האפשר
  2. לצמצם את כמות התוכן בעמוד, כמובן מבלי לפגוע בעיצוב ובתוכן חשוב לתצוגה
  3. להקטין את כמות הפוסטים בעמוד למקסימום 10 פוסטים ולהוסיף מעברי עמוד ממוספרים או כפתור המשך קריאה, כנל לגבי מוצרים בחנות אינטרנטית
  4. הקטנת כמות התגובות בעמוד על ידי הוספת מעברי עמוד ממוספרים או כפתור המשך קריאה, כנל לגבי מוצרים בחנות אינטרנטית
  5. הגבלת פוסטים או מוצרים קשורים ל 4 בלבד
  6. לוודא בנייה דף פשוטה ולא מורכבת
  7. לאפשר טעינה עצלה לסרטוני וידאו, סליידים, תגובות וקבצי לוטי ( אנימציה )
אלון בכר - נזר מדיה

נעים מאד שמי אלון בכר תושב צפת נ+2 בעל תואר ראשון B.A בניהול ומשאבי אנוש בהצטיינות מאוניברסיטת בר אילן ותואר שני M.A בדיפלומטיה ולימודי בטחון לבכירים מאוניברסיטת תל אביב. עסקתי בתחום הניהול הבכיר שנים רבות כמנהל אגפים ואזורים ברשויות מקומיות ותאגידי מים, מנהל בכיר בשירות המדינה במשרדי ממשלה שונים, מנהל שיווק ומכירות בחברות הייטק, סמנכ"ל שיווק ותפעול ומנכ"ל בתחום המלונאות. מעל 13 שנים בתחום קידום ובניית אתרים עם לקוחות בארץ ובחו"ל, קידום אתרים ממומן ואורגני בגוגל, בניית כל סוגי האתרים עם וורדפרס ואלמנטור, עוסק באופן מקצועי בשיפור מהירות אתרים וחבר בצוותהמומחים העולמי של אלמנטור לשיפור מהירות אתרים. בין תחביביי עיסוק בתחום הספרות והשירה, הוצאתי עד כה 9 ספרים בז'אנרים שונים ובעבר שימשתי כמבקר ספרות ושירה של הוצאות לאור, האונ' הפתוחה, מכון בן גוריון, הוצאת מאגנס של האונ' העיברית ושל יד ושם.

אהבתם את הפוסט? שתפו

מאמרים נוספים

שיפור מהירות אתר וורדפס - נזר מדיה

שיפור מהירות אתרים

כיצד לשפר את מהירות האתר: 13 טריקים שכמעט אף אחד לא יודע

אלון בכר - נזר מדיה

מאת: אלון בכר

מהירות טעינת האתר - נזר מדיה

שיפור מהירות אתרים

מהירות טעינת האתר – קובץ לשיפור טעינת תמונות

אלון בכר - נזר מדיה

מאת: אלון בכר

שיפור מהירות אתרים

איתור קישורים שבורים ותיקונם

אלון בכר - נזר מדיה

מאת: אלון בכר

שיפור מהירות אתרים

איך מקטינים DOM על מנת לשפר את מהירות האתר

אלון בכר - נזר מדיה

מאת: אלון בכר

בר שנייר
בר שנייר

עבודה מקצועית מאוד, שירות מסור ואמין. ממליץ בחום!

שלום לכולם הכרתי את אלון (נזר מדיה בניית אתרים) מחבר וכבר בשיחה הראשונה שלי איתו הבחנתי באדם כנה ומקצועי וענייני. אלון הציע לי מגוון של אפשרויות ומחיר ולאחר התייעצות איתו הגעתי למסכנה שמה שמתאים עבורי ולרגע לא הרגשתי שאלון מנסה למכור לי בכח את מרכולתו. ממליץ בחום מוטי

אלון הוא לא פחות מתותח על חלל ובנאדם מלאך. מקצוען אמיתי, שעשה לי ולרבים אחרים פשוט עבודה מדהימה. לא תתחרטו. תודה רבה אלון היקר יצחק

Bartana O
13/11/2022

מאוד נהנה מהעבודה עם אלון. קודם כל, התוצר נהדר. יותר ממה שדמיינתי לעצמי. האתר מקבל הרבה מחמאות ממבקרים שונים. ובשוטף - אלון זמין, נעים בתשובות, מקצועי לעילא ולעילא.

אנו שמחים להמליץ על חברת נזר מדיה, שהעניקו לנו את כל מה שרצינו ואף מעבר. השירות האדיב, היחס האישי, הירידה לפרטים הכי קטנים והכי חשוב הרצון להוציא אותנו הכי מרוצים שאפשר. תודה רבה לאלון היקר ולצוותי החברה על עבודתם המדויקת והמקצועית, ממש תענוג לקבל מכם שירות מקצועי. חברת נזר מדיה הקימה לחברתנו אתר אינטרנט מלא בתוכן ומידע, תוך שימוש בעיצובים מרהיבים ומושכי עין. תודה רבה! ממליצים בחום!

ben detct
07/09/2022

שירות מדהים מקצוען אמיתי אדיב ויעיל תודה רבה על העבודה

חברה של מקצוענים! אלון (הבעלים) מומחה מס' 1 בכל הקשור לאתרי אינטרנט. לאחר הרבה ניסיונות לשפר את מהירות האתר ללא הצלחה, הגעתי ל- "נזר מדיה קידום ובניית אתרים". אלון השקיע המון שעות באדיבות רבה, תיקן את כל הבאגים ושיפר לי את מהירות האתר מ-55 ל-100. מומלץ ביותר!!!

הגעתי לאלון ממש במקרה כדי שיטפל במודעות של גוגל.הטיפול לו זכיתי פשוט מדהים.מהירות התגובה,היחס,המקצועיות והכל היו 100 אחוז .אלון טיפל בכל הבעיות שהיו לי בקמפיינים והעלה את הדירוג של המודעות באופן משמעותי.ישר כוח.רמי מורדוב

עבדתי עם אלון והוא היה מקצועי וקשוב לכל הצרכים שלי. אני ממליץ עליו בחום!

העבודה עם אלון בכר מ'נזר מדיה' היא חוויה מצוינת של שירות, מקצועיות ואכפתיות. אלון זמין, אדיב, נגיש, מקשיב וזריז בתגובותיו. מעטים אנשי המקצוע אשר יודעים ומסוגלים לזהות את רצונותיו וציפיותיו של הלקוח כפי שעושה זאת אלון, זאת תוך התאמה לצרכים, שמירה על סטנדרט עבודה גבוה ותשומת לב רבה לפרטים גדולים כקטנים. תודה אלון על הכל. אעזר בך שוב ואמליץ עליך בעתיד בחפץ לב. מיכה שנהב

צבי חדד
20/03/2022

שירות מעבר למצופה, הגדלת ראש, זמינות ועמידה בזמנים. פשוט מדהים. מומלץ בחום!!!

Miki Wainstien
15/03/2022

אלון איש מקצוע אדיר! עשה לי אופטימיזציה לאתר ושיפר את המהירות, עשה עבודה מצויינת ואחר כך גם נשאר זמין ונותן מענה ועזרה מתי שצריך... מעריך מאוד מאוד את העזרה שלך 🙏 תודה רבה

ariel hameiri
15/03/2022

רק מילים טובות, שרות טוב מאוד, מקצועי, מדוייק ומהיר.

Alex Sander
15/03/2022

הכרתי את אלון דרך האתר שלו ונוצר בנינו קשר בעקבות תכנים שסיקרנו שהתפתח מאוד מהר לשיתוף פעולה. חייב לציין שאלון עובד איתנו בצורה נפלאה עם מערכת שלח מסר ומתקתק כל תהליך שאנו מייצרים ביחד במהירות, הוא מחבר את האתרים שלו למערכת שלנו ובכך מספק ערך מוסף שרוב בוני האתרים לא מספקים.

guy Koren
15/03/2022

מקצועי ביותר, שירות מעולה, קשוב- big like

היי אלון, העבודה והתמיכה שאתה נותן לי ולאתר האינטרנט שלי הן מעולות ! אתה איש מקצוע מצויין, זמין עבורי בכל שעה ונותן מעל ומעבר לכל מי שליווה אותי עד כה. אני ממליץ עליך בחום, לכל מי שמעוניין באיש מקצוע שנותן טיפול ויחס מצויינים !

מקצוען אמיתי שירות אדיב

Ron Keli
21/02/2022

אלון היה נעים, מקצועי וקשוב לכל אורך הדרך. הוא הציע את הפיצ׳רים החדשים ביותר והיה סבלני תוך מאמץ ליצירת אתר הקרוב ביותר לחזון המקורי איתו הגעתי ואף התעלה עליו. אלון משקיע מעל ומעבר מזמנו על מנת לדאוג שהאתר יראה מצוין וחשוב מכך, שהלקוח יהיה מרוצה. מומלץ בחום!

Highly recommended. Very professional. Thanks for your great servie!

yardena vasr
02/12/2021
Shon Fisher
07/11/2021

A real professional team ,we got great improvement

מקצועיות, שרות והכי חשוב תוצאות. תודה רבה

Haim Goobi
02/11/2021
Casio
02/11/2021

חברים יקרים ברצוני לשתף אתכם בחוויה טובה שהייתה לי. לפני כמספר חודשים החלטתי להקים אתר. חוויה שהתחילה כלא נעימה וטובה מחוסר חשיפתי לתחום ולכן בחרתי לחפש מומחה לכך. אני יותר משמח להמליץ על אלון בכר, מומחה בתחום שעזר לי ולווה אותי משלב ההקמה ועד ליום בו עלה האתר לאוויר. הוא ליווה אותי ויצר אתר שחלמתי עליו. השירות האישי והעזרה שלו בכל שעה ביום עזרה ליצור אתר מעניין, מנגיש ואיכותי כפי שייחלתי. אני ממליץ לכל אחד ואחת להעזר בשירותיו ובטוחני שהוא הטוב ביותר להגשים לכם את החלום שרון אנקר.

tal shukrun
19/10/2021

בן אדם מקצועי שביצע את שיפור מהירות האתר באופן מקצועי, השיג תוצאות באתר מאוד כבד של 100 בגוגל. 🌟🌟🌟🌟🌟 ממליץ

יעל רז
19/10/2021