מה כדאי לדעת על טבלאות מקוננות

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

מהו שולחן מקונן?

טבלה מקוננת היא טבלת HTML שבתוכה טבלה אחרת. לדוגמה:

דפדפן המציג את קוד הדוגמה בדוגמה הקודמת לטבלה מקוננת.

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

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

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

שולחנות לפריסה

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

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

תכנון שולחנות טעינה מהירה יותר

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

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

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

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

instagram story viewer