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

תוכן עניינים

האם הרבה תמונות גורמות להאטה או הכבדה על מהירות האתר?

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

משקל התמונות חשוב לא פחות מכמות התמונות

ניקח דוגמא נוספת, בדף אינטרנט 1 יש תמונה אחת במשקל של 2MB ובדף אינטרנט 2 יש 10 תמונות במשקל כולל של 1MB לכל התמונות יחד. אז למשקל התמונות יהיה השפעה יותר משמעותית שתפגע במהירות האתר וזאת למרות שיש רק תמונה אחת.

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

תחילה יש להבדיל בין גודל תמונה שזה רוחב ואורך תמונה, או המימדים של התמונה, ולבין משקל התמונה – כמה KB שוקל הקובץ של התמונה?

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

הפורמט מומלץ לשמירה ודחיסת תמונות

לתמונות יש מספר פורמטים והנפוצים ביותר עם :jpeg, png. לרוב הפורמט המומלץ הוא JPEG וזאת מהסיבה שהדחיסה בפורמט זה טובה יותר וניתן להגיע לתמונות באותה גודל ואיכות עם אפילו כעשירית המשקל.

כלים חינם לדחיסת תמונות באופן ידני

שיקולי אחסון ועלויות לאתרים עם תמונות וקבצים רבים

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

שיפור מהירות האתר עם טעינה עצלה (lazy load)

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

העלאת תמונות בוורדפרס

וורדפרס המערכת ניהול הנפוצה ביותר באינטרנט פיתחה מנגנון העלאת תמונות מתקדם ויעיל ביותר, שלמעשה בזמן העלאת תמונה נוצרים מאחורי הקלעים גרסאות נוספות של תמונה בגדלים שונים, גודל מקורי, 300X300, 150X150 ו Thumbnail יצירה של גדלים נוספים נועדה על מנת לטעון את התמונה בגודל באופטימלי בכל מצב, אם מדובר בתמונה קטנה שמופיעה בעמוד קטגוריה או בעמוד הבלוג וגודל התמונה הוא 150X150 לא יהיה טעם לטעון תמונה מקורית שגודלה הוא 1000X1000 כי היא שוקלת הרבה יותר, לכל המערכת יודעת לבד ליצור גרסה נוספת ומוקטנת של כל תמונה שמעלים למערכת הניהול של וורדפרס ולשייך אותה במקומות הנכונים לפי גודל.

תגובות

כתיבת תגובה

האימייל לא יוצג באתר. שדות החובה מסומנים *