ביצועי האתר: סדר ה-DOM של האתר שלכם
2 דקות
סדר ה-DOM של האתר הוא למעשה סדר הקריאה של האלמנטים בכל עמוד. הסדר הזה חשוב לגולשים שמשתמשים בטכנולוגיות מסייעות כמו מקש ה-Tab או קוראי מסך, כי הוא קובע את סדר הצפייה, הקריאה או האינטראקציה עם האלמנטים השונים בעמוד.
כדי שכל הגולשים יוכלו לגלוש באתר בקלות, אנחנו ממליצים לוודא שסדר ה-DOM מתאים לסדר הוויזואלי של האלמנטים בעמודי האתר. התאמת סדר הטעינה של האלמנטים לא רק תורמת לנגישות האתר, אלא גם מונעת בעיות בפריסת האלמנטים.
סדר ה-DOM וביצועי האתר
סדר ה-DOM קובע את סדר הטעינה של האלמנטים באתר. אם סדר ה-DOM לא יתאים לסדר הוויזואלי של האלמנטים, הוא עלול להשפיע על הטעינה של האתר.
למשל, אם יש לנו כפתור שממוקם בתחתית של אחד העמודים אבל נמצא ראשון בסדר ה-DOM, הוא יעלה לפני האלמנטים שמופיעים מעליו בעמוד. במהלך הטעינה של שאר האלמנטים בעמוד, פריסת העמוד עלולה להשתבש.
בנוסף, אם מישהו ינסה להקליק על הכפתור הזה לפני ששאר האלמנטים עלו, הוא עלול להקליק בטעות על אלמנט אחר – ולעבור לקטע או לעמוד אחר.
סדר ה-DOM של האתר שלכם צריך להתאים לסדר הוויזואלי של העמוד ולכיוון הקריאה בשפת האתר (מימין לשמאל או משמאל לימין) כדי להבטיח שהוא ייטען בצורה נכונה ותהיה חוויה חלקה עבור הגולשים.
סדר ה-DOM באתרי Wix Editor
באתרי Wix Editor במחשב מופעל סידור DOM אוטומטי. זה אומר שבכל פעם שאתם משנים משהו בסידור הוויזואלי של האלמנטים בעמוד, סדר ה-DOM מתעדכן אוטומטית בלי שום פעולה מצידכם.
כשאתם בונים אתר ב-editor במחשב, נוצרת לו גרסת מובייל. גם באתר המובייל סדר ה-DOM מותאם אוטומטית, ואין צורך בשום שינוי ידני.
שימו לב:
סידור ה-DOM האוטומטי מתעדכן רק בעקבות שינויים שאתם עושים דרך המחשב, אחרי שאתם שומרים את האתר.
סדר DOM באתרי Studio Editor
סדר ה-DOM האוטומטי מופעל אוטומטית באתרים שאתם בונים ב-Studio Editor. הסדר מסודר אוטומטית כשמוסיפים, מיישרים ומשנים את הגודל של אלמנטים - כך שהוא אמור להישאר עם אופטימיזציה לכל אורך הדרך.
אתם יכולים להשבית את ה-DOM האוטומטי באתר Studio Editor ולבצע שינויים ידניים במידת הצורך. קראו מידע נוסף על סדר ה-DOM ב-Studio Editor.
שימו לב:
סדר ה-DOM האוטומטי מופעל אוטומטית באתרים שנוצרו ב-Studio Editor אחרי תחילת נובמבר 2024. אם יצרתם אתר לפני התאריך הזה, הוא לא מופעל אוטומטית.
האם שיניתם את שפת האתר?
אם שיניתם את שפת האתר לשפה שכיוון הקריאה שלה שונה (למשל מאנגלית לעברית), ייתכן שנוצרה חוסר התאמה בין סדר ה-DOM לסדר הוויזואלי של האלמנטים. אם שיניתם את שפת האתר לשפה עם כיוון קריאה הפוך, מומלץ להשתמש באשף הנגישות כדי לארגן מחדש את האלמנטים בעמודים ואת התכנים.