אתרי וורדפרס איטיים פוגעים בהמרות, דירוגים וסבלנות. היתרון הוא שרוב בעיות הביצועים צפויות וניתנות לתיקון מבלי לשבור את הראש. מדריך זה עובר על הבעיות הנפוצות ביותר, החל מאחסון אתר לחסימת רינדור ועד לנפח תוספים, מדיה ומסדי נתונים, ומראה כיצד לשמור על תקינות Core Web Vitals, כולל עמודים עם וידאו.
למה מהירות משנה לוורדפרס
מהירות משפיעה על הרושם הראשוני והנראות בחיפוש.
Largest Contentful Paint (LCP) מודד כמה מהר התוכן בעמוד נטען: תמונות כבדות בסקשיין הירו, כיסוי לוידיאו, ושרתי אחסון איטיים שמורחים את זמן הטעינה.
Cumulative Layout Shift (CLS) מודד כמה תזוזות יש באלמנטים בעמוד: אלמנטים שמופיעים בלי טווח מוגדר, פרסומות, תמונות, והטמעות, דברים שגורמים לאלמנטים בעמוד לקפוץ ולזוז לחווית גלישה לא נוחה.
Interactive to Next Paint (INP) כמה האתר ריספונסיבי להקלקות בעכבר או בפלאפון: JavaScript מנופח, אנליטיקס, וווידג'טים מעמיסים על השרת ומאטים תגובה מהאתר לגולש.
כדי לטפל בבעיות האלו אבחנו "תוצאות מעבדה" באמצעות Lighthouse או WebPageTest, אך בצעו החלטות באמצעות נתוני שטח מ-CrUX, מכיוון שמשתמשים אמיתיים בטלפונים בינוניים ו-4G לא יציב לא מתנהגים כמו מחשב שולחני נקי על סיב אופטי.
טיפים לשיפור מהירות אתר
TTFB איטי
דבר הכי חשוב שצריך לעשות זה לוודא שהאתר שלכם על אחסון פרטי ולא שיתופי. אחסון זה לא פרמטר מוצהר, אבל מניסיון אני יכול להגיד שזה גורם שקט שכן משפיע.
CSS ו-JavaScript
תבניות ובילדרים בדרך כלל טוענים את כל הקוד בו זמנית, לכן כדי לטעון רק את ה-CSS הקריטי הנדרש לתוכן Above The Fold ולטעון את השאר באופן אסינכרוני כך שהדפדפן יוכל להציג אותם באופן מיידי. בנוסף צריך לדחות סקריפטיים שאינם קריטיים, ולהציג ווידג'טים כשהם במסך/כשיש אינטרקציה ולא בזמן טעינת העמוד הראשונית.
תוספים
הרבה אתרים איטיים מגיעים למצב הזה בגלל מספר רב של תוספים. הרבה פעמים אנשים בלי לשים לב מתקינים באתר תוספים שעושים את אותו הדבר, תוספים לא מעודכנים, או סתם מחזיקים תוספים כבויים שלא עושים כלום. לכן כדאי לעשות ביקורת על התוספים שמותקנים באתר ולטפל בהם:
- לצמצם תוספים משוכפלים שעושים את אותם הדברים
- במידה ואפשרי, למצוא תחליפים יותר "קלים" לתוספים קיימים
- למחוק תוספים שלא בשימוש
- לדאוג לשמור על מספר תוספים נמוך, ולהתקין חדשים רק במידת הצורך
קבצי מדיה
קבצי מדיה שלא עברו אופטימיזציה הם אולי הגורם הכי נפוץ להאטת מהירות האתר. המירו תמונות לפורמט Webm/AVIF, הגדירו יחסי גודל מתאימים, ותעשו טעינה עצלה לתמונות וסרטונים Below the fold.
גם סרטונים צריכים אופטימיזציה. סרטונים קצרים שרצים בלופ ברקע אפשר לקבץ במשקל בלי לפגוע באיכות וגם להוריד להם את הסאונד, בזמן שסרטונים ארוכים יותר שדורשים סאונד אפשר להטמיע בעזרת YouTube/Vimeo. בנוסף חשוב להוסיף (במידה ואפשר) תמונת כיסוי שעברה אופטימיזציה ותסתיר את הסרטון עד שהגולש ילחץ עליה להפעלת הסרטון.
פונטים ואייקונים
הרבה פעמים פונטים ואייקונים שנטענים מגורם צד שלישי נוטים לטעון את כל משקלי הפונטים ותיקיות האייקונים, גם אם השתמשתם רק באחד או שניים בעמוד. מומלץ להעלות לוקאלית רק את הפונטים והאייקונים שאתם משתמשים בהם באתר כדי לחסוך בבקשות הטעינה.
אחסון נקי, אלמנטים מבוקרים, שימוש נכון במטמון ומיקוד במה שבאמת צריך להיטען כרגע. כשמטפלים בבעיות הרגילות: TTFB איטי, CSS/JS חוסם רינדור, תוספים נפוחים, מדיה לא אופטימלית, ולא רק משפרים את ה"מהירות", אלא גם משפרים את האמון, את השימושיות וההכנסות.
ביצועים הם כיום חלק מחוויית המשתמש, וחוויית משתמש היא חלק מקידום אתרים (SEO). האתרים שמנצחים הם אלה שמתייחסים למהירות כאל מאפיין של מוצר: נמדדים, מוגנים ומתוחזקים. אם תבנו עם חשיבה זו, האתר שלכם ירגיש מהיר, יישאר מהיר ויניב המרות.
