המון אנשים בונים אתרים, מעצבים אותם כרצונם, ממלאים את האתר שלהם בתוכן וכמובן מרוויחים מאתרם כסף. כל אחד בונה את אתרו איך שהוא יודע, איך שהוא אוהב, איך שמתחשק לו וכתוצאה מכך לפעמים נוצרות בעיות.
רוב הבעיות שנוצרות הן בעיות תאימות בין דפדפנים ואת הנושא הזה כבר סקרתי קודם לכן במאמר 'בעלי ובוני אתרים בדקו את תאימות העיצוב'. אין בכוונתי לכתוב על הנושא הזה שוב, הרי זה יהיה מיותר לחלוטין.
אני מעוניין לדבר עכשיו קצת על הקוד עצמו בהנחה שכבר השגתם תאימות.
אני גולש בהמון אתרים כל יום, חלקם אתרים של לקוחות, חלקם אתרי חדשות (וואלה, YNET וכדומה) אבל לרוב אני גולש באתרים הפחות פופולאריים, האתרים שנבנו על ידי אנשים שסתם אוהבים לעשות את זה והם רק בתחילת דרכם.
90% מהאתרים הללו גם אם הם נראים טוב מבחינת גראפית והממשק משתמש שלהם פשוט ונוח והם אתרים ממש מעניינים, אותי מבאס לפעמים זמן הטעינה.
כידוע על זמן הטעינה ישנם מספר גורמים המשפיעים עליו:
• כמות התמונות
• גודלן של התמונות
• אובייקטים למיניהם (פלאש, סרטונים וכו')
• כמות התוכן שיש באותו הדף
• והכי חשוב, הקוד עצמו
נכון שרבים מאיתנו לא מעוניינים בקוד ולא אכפת להם איך הקוד כתוב והאם הוא יעיל אבל כן אכפת להם מהמהירות טעינה של העמוד. המון אתרים נכתבים בעזרת טבלאות רבות במטרה לבנות את המבנה של האתר, זה לא נכון לעשות דבר שכזה, הרי זוהי לא המטרה של הטבלאות.
מטרתן של הטבלאות היא בעצם להציג מידע בצורת טבלה. הרי אף אחד בזמן כתיבה של מסמך וורד (Word) לא יעשה שימוש בתמונה על מנת ליצור הפרדה בין עמודים, הוא פשוט ירד כמה שורות והנה יש הפרדה יפה ונוחה לקריאה.
על עיקרון דומה יש לנו את התגיות DIV ו SPAN שנועדו למטרות עיצוב.
הסיבה העיקרית לזה שלא טוב להשתמש בטבלאות גם אם ידוע לנו שזו אינה המטרה לה הטבלאות נוצרו, הינה זמן הטעינה ואפקט הטעינה.
נתחיל קודם כל במבנה הטבלה:
צד אחד | צד שני |
צד שלישי | |
עכשיו נראה גם את המבנה של הDIV ואז תראו כמה חסכתם מעצמכם קוד מיותר:
צד אחד
צד שני
צד שלישי
שימו לב עכשיו עד כמה חסכתם מעצמכם קוד ויותר מזה חסכתם מהגולש שלכם זמן. אתם כבר בטח יודעים מה זה שנייה בעולם המחשבים.
תתארו לכם שהטבלה שהצגתי לפניכן תגדל, בתוך כל TD יהיה לו עוד טבלה ובתוכה עוד ועוד טבלאות אחת בתוך השנייה המכילות טקסט ארוך הרבה יותר מזה פי כמה וכמה עם תמונות וסרטונים וכל דבר שיתחשק לכם.
המשתמש יספיק לעשות לעצמו קפה ולבקר בשירותים עוד לפני שידע על מה האתר, וזאת מהסיבה שטבלאות מופיעות במכה.
זאת אומרת שכאשר נטענת טבלה, היא לא תוצג עד שלא תטען בשלמותה. זאת אומרת שאם היה לנו טבלה בתוך טבלה בתוך בטבלה, עד שהטבלה הראשונה לא תטען, והשנייה לא תטען והשלישית, המשתמש לא יראה כלום, וזה נותן לו את ההרגשה שהעמוד כבד ולא שווה את הזמן שלו.
המלצה שלי:
תלמוד איך להשתמש נכון בDIVים ובSPANים (זה עניין של ניסיון), וכמובן תלמדו CSS (כי רק כך אפשר לגרום לאותם תגיות לעשות מה שאתם רוצים)
http://www.vladk.com
