May 7th, 2012 
resAdmin 
מהירות טעינת האתר היום מהווה פקטור חשוב, בין אם למנועי חיפוש ולגולשים, לדוגמא – במידה והבוט של גוגל יגיע אליכם לאתר והטעינה תהיה איטית למדיי, יכול להיווצר מצב שהדף יתעדכן ב”לא קיים” או “שרת לא מגיב”.
קחו את עצמכם לדוגמא, במידה ותכנסו לאתר ויקח לו זמן להטען, כמה זמן תחכו לפני שתחליטו לוותר.
טעינת האתר תלויה מאוד במיקום האחסון של האתר, שגם משפיע על קידום האתר – אבל נדבר על זה בפעם אחרת.
מעבר לשרת, אפשר לבצע אופטימזציה לקוד של האתר, על מנת לקבל מהירות טעינה מירבית, בכל עת, ניתן להשתמש בתוסף לדפדפן של פיירפוקס, YSlow.
בראש ובראשונה, תמונות!
כולנו נתקלנו באתרים עם גלריית תמונות או תמונות מתחלפות בדף הבית, לא?
כאשר אנו מצלמים תמונות, רזולוציית התמונה תהיה גבוהה מאוד מאשר מה שאנו צריכים לאתר האינטרנט שלנו. כדאי להשקיע עוד מעט זמן, בהקטנת התמונות לגודל פחות מ100 קילובייט.
סוג תמונה
בעזרת בחירת פורמט (סוג הקובץ) הנכון, תוכלו לשפר את מהירות טעינת התמונה, מבלי לאבד את האיכות של התמונה, לדוגמא, במידה ואין שימוש בשקיפות מסויימת בתמונה, קבצי jpg\jpeg נותנים לנו גודל תמונות מקסימלי.
לא להשתמש בתמונות כטקסטים
המקרים שבהם השתמשתי בתמונות ככותרת, ניתן לספור על יד אחת.
הכנסת כותרת או טקסט כלשהו אל תמונה והצגתו בפנים, יוסיף עוד טעינה נוספת של תמונות למשתמש.
נסו להמנע מזה.
שימוש חיצוני בCSS וJS
ריכוז של כל קוד הCSS שנמצא באתר, אם בתוך הקוד, ואם בקבצים חיצוניים אל קובץ אחד שירכז הכל.
אותה פעולה מומלץ לעשות על קבצי JavaScript – ככל שאפשר.
קוד מיותר
אחרי שהוצאנו מהמשוואה שלנו את קוד הJavascript והCSS אל קבצים חיצוניים, נוודא כי לא קיימות תגיות מיותרות, לדוגמא: <h2><strong>כותרת</strong></h2>
נוכל לבצע את פעולת ההדגשה, בעזרת CSS.
טעינת קבצי סקריפט (JavaScript) בסוף המסמך
מומלץ מאוד לשים את קבצי הסקריפטים בסוף המסמך ולא בתחילת המסמך.
זה יתן תחושה לגולש שהדף מגיב מהר יותר, מכיוון שבעת טעינת קובץ סקריפט, טעינת האתר נעצרת עד לסיום הפעולה.
אם אפשרי, כדאי לשים אותו מעל סגירת הקובץ <body>.
שימו לב: בסביבת עבודה של jQuery ישנה אפשרות לבצע את הפעולות הללו, בתום טעינת הדף.
פורסם ב
תגיות: 