קידום אורגני
שיפור מהירות לאתר וורדפרס: לפי סדר ההשפעה
8 דקות קריאהאבי דיגמי
אתר וורדפרס איטי הוא כמעט תמיד אותם ארבעה דברים, ורק אחד מהם הוא זה שכולם מתקינים תוסף בשבילו.
לפני שנוגעים במשהו, כדאי לדעת מה שבור. PageSpeed Insights של גוגל נותן את התשובה בחינם, וחשוב להסתכל על הציון בנייד ולא בדסקטופ: זה הציון שגוגל משתמש בו לדירוג, וזה גם המקום שבו רוב הגולשים שלכם נמצאים.
הכלי ייתן לכם רשימה ארוכה של המלצות, וזו הבעיה: הן מוצגות כאילו כולן שוות. הן לא. זה הסדר שאני עובד בו, ובכוונה מלמעלה למטה.
1. תמונות, ורק אחר כך כל השאר
בכל אתר איטי שפתחתי, התמונות היו הסיבה או חלק גדול ממנה. אדם מעלה תמונה של 4 מגה מהטלפון לעמוד שמציג אותה ברוחב 600 פיקסל, וורדפרס מגיש אותה כמו שהיא. זה לבדו יכול להוסיף שלוש שניות.
מה לעשות
- להמיר ל-WebP. תוסף המרה עושה את זה לכל הספרייה בלחיצה, והחיסכון הוא בדרך כלל בין 25 ל-35 אחוז.
- לדחוס. תוסף דחיסה מוריד עוד משקל בלי הבדל שהעין רואה.
- להעלות בגודל הנכון מלכתחילה. תמונה שמוצגת ב-600 פיקסל לא צריכה להיות 3000.
- טעינה עצלה לכל מה שמתחת לקיפול, אבל לא לתמונה הראשית. היא ה-LCP שלכם וטעינה עצלה עליה מזיקה.
2. תוספים שאתם כבר לא משתמשים בהם
כל תוסף פעיל טוען קוד בכל עמוד, גם בעמודים שלא נוגעים אליו. אתר ממוצע שאני פותח מחזיק בין עשרים לשלושים תוספים, ובפועל משתמש בשנים עשר. השאר נשארו מניסיונות ישנים.
תוסף מושבת עדיין תופס מקום אבל לא טוען קוד, וזה כבר שיפור. תוסף מחוק הוא הפתרון האמיתי. לפני שמוחקים, גיבוי.
3. קאש, ורק עכשיו
תוסף קאש שומר גרסה מוכנה של העמוד ומגיש אותה במקום לבנות אותו מחדש בכל כניסה. זה עובד, וזה השיפור הכי מורגש בלחיצה אחת. בגלל זה כולם מתחילים ממנו, וזו טעות.
קאש על אתר מנופח מסתיר את הבעיה. העמוד ייטען מהר מהזיכרון, אבל ברגע שהקאש מתנקה, או כשגולש מגיע לעמוד שעדיין לא נשמר, הוא מקבל את האתר האמיתי על כל כובדו. קודם מתקנים, אחר כך שומרים עותק.
4. התבנית, ומתי היא הסיפור כולו
יש תבניות שנמכרות עם שלושים דמואים, סליידר, אנימציות ותוסף עמודים מובנה. הן נראות מצוין בדף המכירה ומביאות איתן קוד שלא תשתמשו בו לעולם. אם עברתם על שלושת השלבים הקודמים והאתר עדיין כבד, זו כנראה התבנית.
החלפת תבנית היא לא פעולה קטנה ואני לא ממליץ עליה כצעד ראשון. אבל באתר שנבנה על תבנית כבדה, כל שאר האופטימיזציות הן טיפול בסימפטום.
| מה | כמה זה משפיע | כמה מאמץ | סיכון |
|---|---|---|---|
| תמונות | הגדול ביותר | שעה עם תוסף | כמעט אפס |
| תוספים מיותרים | גדול | שעה עם בדיקה | נמוך, עם גיבוי |
| תוסף קאש | מורגש מיד | רבע שעה | נמוך |
| החלפת תבנית | מכריע כשזו הבעיה | ימים | גבוה, צריך בנייה מחדש |
ומה עם האחסון
אחסון איטי מוסיף זמן תגובה לכל בקשה, לפני שהדפדפן התחיל בכלל לעבוד. אם זמן התגובה של השרת גבוה מ-600 מילישניות, שום אופטימיזציה בצד שלכם לא תתקן את זה, כי היא פועלת אחרי שהעיכוב כבר קרה.
זה גם השיקול היחיד שבגללו הייתי מחליף חברת אחסון. כתבתי בנפרד על מה להשוות ואיך לבדוק זמני תגובה, במדריך על אחסון אתרים.
הסדר, בשורה אחת
- מודדים בנייד בלבד ורושמים את הציון לפני.
- מטפלים בתמונות.
- מוחקים תוספים שלא בשימוש.
- מתקינים קאש.
- מודדים שוב. אם עדיין כבד, בודקים את זמן התגובה של השרת ואת התבנית.