זמן קריאה:
אתר איטי עולה לכם בגולשים, בלקוחות ובמיקומים בגוגל. גולשים לא מחכים לעמוד שנטען לאט, וגוגל מתחשב בחוויית הגלישה כשהוא מדרג עמודים. החדשות הטובות הן שברוב אתרי הוורדפרס, רוב השיפור מגיע מכמה פעולות בסיסיות, בתנאי שעושים אותן בסדר הנכון.
בשיעור הזה נעבור על כל שכבות המהירות של אתר וורדפרס: איך מודדים, מה משפיע הכי הרבה, אילו תוספים כדאי להכיר ובאיזה סדר לעבוד.
לפני שמתחילים: מודדים
שיפור מהירות בלי מדידה הוא ניחוש. לפני שמשנים משהו, כדאי לתעד את המצב הקיים.
- PageSpeed Insights: הכלי של גוגל. הוא מציג שני סוגי נתונים: נתוני שטח (מגולשים אמיתיים, אם יש לאתר מספיק תנועה) ונתוני מעבדה (בדיקה חד-פעמית). נתוני השטח הם אלה שמעניינים את גוגל.
- דוח Core Web Vitals ב-Search Console: מראה אילו קבוצות עמודים באתר מוגדרות כ"טובות", כ"דורשות שיפור" או כ"חלשות".
- Query Monitor: תוסף חינמי שמראה, מתוך לוח הניהול, אילו תוספים ושאילתות למסד הנתונים מאטים את טעינת העמוד.
שלושת המדדים המרכזיים של גוגל (Core Web Vitals):
- LCP (זמן טעינת האלמנט הגדול ביותר): היעד הוא עד 2.5 שניות.
- INP (מהירות התגובה ללחיצות ולאינטראקציות): היעד הוא עד 200 מילישניות.
- CLS (קפיצות בפריסה בזמן הטעינה): היעד הוא עד 0.1.
תמיד בדקו את המובייל, ובדקו כמה סוגי עמודים (דף הבית, פוסט, עמוד מוצר) ולא רק את דף הבית.
1. אחסון: הבסיס שכל השאר נשען עליו
שום תוסף לא יציל אתר שיושב על שרת איטי. אם זמן התגובה של השרת (TTFB) גבוה, זה המקום הראשון לטפל בו.
- גרסת PHP: ודאו שהאתר רץ על גרסה עדכנית ונתמכת. כל גרסה חדשה של PHP מביאה שיפורי ביצועים. לפני שדרוג בדקו תאימות של התבנית והתוספים. על הגרסה האחרונה כתבתי במדריך מה חדש ב-PHP 8.5.
- מטמון ברמת השרת: חברות אחסון טובות מספקות מטמון מובנה (למשל בשרתי LiteSpeed או Nginx), ולפעמים גם מטמון אובייקטים (Redis או Memcached) שמקצר שאילתות חוזרות למסד הנתונים.
- מיקום השרת: לקהל ישראלי, שרת באירופה (או בישראל) יענה מהר יותר משרת בארצות הברית.
2. מטמון (Cache): הצעד עם ההשפעה הגדולה ביותר
תוסף מטמון שומר גרסה סטטית של כל עמוד ומגיש אותה לגולש, במקום לבנות את העמוד מחדש מ-PHP וממסד הנתונים בכל כניסה.
- LiteSpeed Cache: חינמי ומצוין, אבל ממצה את היכולות שלו רק על שרת LiteSpeed.
- WP Rocket: בתשלום, קל מאוד להגדרה, ומתאים כמעט לכל אחסון.
- W3 Total Cache: חינמי ועוצמתי, אבל ההגדרה שלו מורכבת יותר.
שני כללים חשובים: לעולם אל תפעילו שני תוספי מטמון במקביל, ובדקו קודם אם חברת האחסון כבר מספקת מטמון. במקרים רבים היא מספקת, ותוסף נוסף רק יוצר התנגשויות.
3. תמונות: הגורם הנפוץ ביותר לאיטיות
- דחיסה: תוספים כמו ShortPixel, Imagify, EWWW או Smush דוחסים תמונות אוטומטית כבר בהעלאה.
- פורמטים מודרניים: WebP ו-AVIF קטנים משמעותית מ-JPG ו-PNG באותה איכות. וורדפרס תומכת בשניהם.
- מידות נכונות: אל תעלו תמונה ברוחב 4000 פיקסלים כדי להציג אותה ברוחב 800.
- טעינה מדורגת (Lazy Loading): וורדפרס מפעילה אותה אוטומטית כבר שנים, ולכן אין צורך בתוסף נפרד. מה שחשוב הוא לא לדחות את טעינת התמונה הראשית בראש העמוד, כי זו בדרך כלל התמונה שקובעת את ה-LCP.
4. קבצי CSS, JavaScript ופונטים
- כיווץ (Minify): הסרת רווחים והערות מהקבצים. רוב תוספי המטמון עושים את זה.
- דחיית JavaScript (Defer/Delay): טעינת סקריפטים שאינם קריטיים רק אחרי שהעמוד מוצג.
- הסרת CSS שלא בשימוש: יכולה לשפר הרבה, אבל גם לשבור עיצוב.
אחרי כל הפעלה של אופציה כזו, גלשו באתר ובדקו שהכול עובד: תפריטים, טפסים, סליידרים ועגלת קניות. אופטימיזציה של JavaScript היא הסיבה הנפוצה ביותר לתקלות אחרי "שיפור מהירות".
פונטים: טענו רק את המשקלים שבאמת משתמשים בהם, ועדיף לארח את קבצי הפונט על השרת שלכם. בפונטים עבריים מ-Google Fonts (כמו Heebo או Assistant) טענו רק את ערכות התווים שאתם צריכים.
5. תבנית, תוספים וסקריפטים חיצוניים
- תבנית קלה: זו החלטה שמשפיעה על המהירות עוד לפני שכתבתם שורה אחת. על זה בהרחבה בשיעור 2: איך לבחור תבנית וורדפרס.
- ביקורת תוספים: לא מספר התוספים קובע, אלא מה הם עושים. תוסף אחד כבד יכול להאט יותר מעשרה קלים. השתמשו ב-Query Monitor כדי לזהות את הכבדים, ומחקו (לא רק תשביתו) תוספים שלא בשימוש. עוד על ניהול תוספים בשיעור 3.
- סקריפטים חיצוניים: צ'אטים, פיקסלים של פרסום, מפות וסרטוני YouTube מוטמעים מוסיפים הרבה משקל. טענו רק את מה שצריך, ובסרטונים השתמשו בתמונה מקדימה שטוענת את הנגן רק בלחיצה.
6. רשת CDN
CDN מגיש את הקבצים הסטטיים של האתר (תמונות, CSS, JS) משרת שקרוב גיאוגרפית לגולש.
- Cloudflare: תוכנית חינמית שמתאימה לרוב האתרים, וכוללת גם הגנת אבטחה בסיסית.
- Bunny.net ו-KeyCDN: פתרונות בתשלום לפי שימוש, במחירים נמוכים.
לאתר שהקהל שלו כולו בישראל, CDN הוא לא תמיד השיפור הראשון בחשיבותו. באתר עם קהל בינלאומי הוא כמעט חובה.
7. ניקוי מסד הנתונים
עם הזמן מסד הנתונים מתמלא בגרסאות ישנות של פוסטים (Revisions), בתגובות ספאם, בנתונים זמניים (Transients) ובהגדרות של תוספים שכבר נמחקו. תוספים כמו WP-Optimize או Advanced Database Cleaner מנקים את זה בקלות. אם אתם רוצים להבין מה קורה מאחורי הקלעים, חזרו לשיעור 11: מסדי נתונים ו-FTP.
לפני כל ניקוי או שינוי גדול, גבו את האתר. אם עוד אין לכם גיבוי אוטומטי, תוכלו להגדיר אחד בעזרת המדריך לאוטומציות בוורדפרס.
8. חנויות WooCommerce
חנויות כבדות יותר מאתרי תוכן: עגלת קניות, חיפוש, סינון ועמודי תשלום שאסור לשמור במטמון. בחנות חשוב במיוחד לבחור אחסון שמתאים ל-WooCommerce ולוודא שתוסף המטמון מחריג את העגלה, את התשלום ואת אזור החשבון. על בניית חנות תוכלו לקרוא בשיעור 13: בניית אתר מסחר אלקטרוני עם WooCommerce.
מה וורדפרס כבר עושה בשבילכם
הליבה של וורדפרס השתפרה מאוד בתחום הביצועים בשנים האחרונות. יש בה טעינה מדורגת מובנית לתמונות, תעדוף אוטומטי של התמונה הראשית, תמיכה בפורמט AVIF וטעינה מוקדמת של עמודים שהגולש צפוי לעבור אליהם. במקרים רבים, עצם העדכון לגרסה האחרונה של וורדפרס הוא כבר שיפור מהירות.
סדר עבודה מומלץ
- מדדו ותעדו את המצב הקיים (PageSpeed Insights ו-Search Console).
- גבו את האתר.
- בדקו את האחסון ואת גרסת ה-PHP.
- הפעילו מטמון (של חברת האחסון או תוסף).
- בצעו אופטימיזציה לתמונות.
- עברו על התוספים והסקריפטים החיצוניים.
- טפלו ב-CSS, ב-JavaScript ובפונטים, ובדקו את האתר אחרי כל שינוי.
- חברו CDN אם הקהל שלכם רחב גיאוגרפית.
- נקו את מסד הנתונים.
- מדדו שוב והשוו.
שאלות נפוצות על שיפור מהירות אתר וורדפרס
למה האתר שלי איטי?
ברוב המקרים הסיבה היא אחת מאלה: אחסון חלש, היעדר מטמון, תמונות כבדות, תבנית או תוסף כבדים, או סקריפטים חיצוניים. מדידה עם PageSpeed Insights ו-Query Monitor תראה לכם מאיפה להתחיל.
מה תוסף שיפור המהירות הכי טוב?
אין תשובה אחת. על שרת LiteSpeed, LiteSpeed Cache הוא בחירה מצוינת. על אחסון אחר, WP Rocket הוא הפשוט ביותר להגדרה. חשוב יותר להשתמש בתוסף אחד שמוגדר נכון מאשר לחפש את "הטוב ביותר".
האם מהירות האתר משפיעה על הקידום בגוגל?
כן. גוגל מתחשב בחוויית העמוד, כולל Core Web Vitals, כחלק מהדירוג. זה לא יעקוף תוכן רלוונטי, אבל בין עמודים דומים זה יכול להכריע. ואתר מהיר גם שומר על הגולשים שכבר הגיעו.
צריך להגיע לציון 100 ב-PageSpeed?
לא. הציון הוא אינדיקציה, לא מטרה. מה שחשוב הוא שנתוני השטח ב-Core Web Vitals יהיו בטווח ה"טוב". מרדף אחרי 100 מוביל לא פעם לשבירת פונקציונליות.
האם אתר ישראלי צריך CDN?
לא תמיד. אם השרת קרוב לקהל, השיפור יהיה מתון. CDN משתלם במיוחד כשיש קהל מכמה מדינות, או כשהוא מגיע עם יתרונות נוספים כמו אבטחה ודחיסת תמונות.
רוצים שאבדוק את מהירות האתר שלכם? אם עברתם על המדריך והאתר עדיין איטי, או שאתם מעדיפים שמישהו יעשה את זה בשבילכם, צרו קשר ונבדוק יחד מה מאט את האתר.
בשיעור הבא: שיעור 13: בניית אתר מסחר אלקטרוני עם WooCommerce