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

שתים עשרה עצות מהירות לשיפור זמן הטעינה של האתר שלכם

22/06/2019

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

1. תתחילו למדוד

  1. הוסיפו גוגל אנאליטיקס או תוכנת מעקב מקבילה. בגוגל אנאליטיקס אפשר לראות את זמני הטעינה של המשתמשים האמיתיים שלכם ב Behaviour -> Site Speed -> Page Timings. כדאי לוודא שאין שם קפיצות פתאומיות ולעקוב באופן שוטף.

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

  3. השתמשו בכלים נוספים כמו pingdom ו GTMetrix כדי לקבל נקודת מבט נוספת ואולי רעיונות נוספים לשיפור.

2. תעשו פחות

  1. הוסיפו Server Side Rendering ו Cache בצד השרת כדי שאפשר יהיה לראות את הדף כבר אחרי הטעינה שלו (בלי שהגולשים יצטרכו להריץ JavaScript).

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

  3. הריצו פחות קוד JavaScript עם טעינת העמוד. אם אפשר בקשו מחלק מהסקריפטים (למשל טעינת פרסומות) שירוצו אחרי שניה או שתיים שהגולש מסתובב באתר.

  4. השתמשו ב Browser Cache כדי שדפדפן לא יצטרך להביא נכסים שהוא כבר מכיר.

3. תשתמשו נכון ברוחב הפס

  1. אחדו יחד קבצי CSS ו JavaScript כדי שדפדפן יצטרך פחות בקשות כדי להביא את כל המידע.

  2. השתמשו ב HTTP3 Server Push כדי לשלוח לדפדפן את כל הנכסים שהוא צריך גם בלי לבקש.

  3. השתמשו ב CDN כדי להגיש נכסים סטטיים מהר יותר.

4. תשתמשו נכון ביכולות האסינכרוניות של הדפדפן

  1. כתבו את תגיות הסקריפט שלכם עם async או בסוף הדף כדי שדפדפן יוכל להציג את העמוד גם לפני שמסיים להריץ את כל ה JavaScript

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