למה אתה צריך להימנע באמצעות טבלאות מקוננות

לוחות מקוננים איטי דפי האינטרנט שלך למטה

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

מהו טבלה מקוננת?

טבלה מקוננת היא טבלת HTML הכוללת טבלה נוספת בתוכה. לדוגמה:




עמודה 1
עמודה 2
עמודה 3

עמודה 1




עמודה מקוננת של טבלה 1
עמודה מקוננת של טבלה 2



עמודה 3

עמודה 1
עמודה 2
עמודה 3

טבלאות מקוננות סיבה דפים כדי להוריד יותר לאט

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

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

טבלאות עבור פריסה

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

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

תכנון טבלאות טעינה מהירות יותר

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




שורה עליונה

עמודה שמאלית
עמודה ימנית

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



שורה עליונה




עמודה שמאלית
עמודה ימנית

המרת טבלאות מקוננות לטבלה אחת

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





עמודה 1
colspan = "2" > עמודה 2
עמודה 3

עמודה 1
עמודה מקוננת של טבלה 1
עמודה מקוננת של טבלה 2
עמודה 3

עמודה 1
colspan = "2" > עמודה 2
עמודה 3

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