כיצד לבנות אתר וורדפרס סופר-מהיר?

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

למה ביצועים חשובים?

ביצועי האתר שלכם משפיעים על שני תחומים עיקריים בעסק:

• הדירוג שלכם במנועי החיפוש
• ההכנסה שלכם

איך זה משפיע?

מהירות הדף היא אחד הפאקטורים בדירוג של Google עבור חיפוש במחשב נייח מאז 2010 וחיפוש בנייד מאז 2018. בשנת 2020, גוגל הודיעה כי אותן אותות חוויית המשתמש בדפים (page experience signals) שישפיעו על דירוג האתרים יכנסו לתוקף בשנת 2021:

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

• 1 עד 3 שניות, שיעור היציאה מדף הכניסה עולה ב-32%
• 1 עד 5 שניות, שיעור היציאה מדף הכניסה עולה ב-90%
• 1 עד 6 שניות, שיעור היציאה מדף הכניסה עולה ב-106%
• 1 עד 10 שניות, שיעור היציאה מדף הכניסה עולה ב-123%

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

סטטיסטיקות בוורדפרס

וורדפרס שולטת בשוק כמערכת ניהול התוכן הנפוצה ביותר. בשנת 2019, וורדפרס הודיעו שהם הפעילו שליש מהאתרים באינטרנט. BuiltWith מראה ש-43% מהאתרים משתמשים כעת בוורדפרס מתוך מדגם של למעלה מ-64 מיליון אתרים. בנוגע לביצועים, אנו יכולים להשוות בין אתרי וורדפרס לאתרים שמריצים את מערכות ההפעלה ג'ומלה ומגנטו, תודות ל-HTTP Archive. הדוח שלהם State of the Web מספק את הניתוח הבא לגבי אתרים המפעילים כל פלטפורמה בהתאמה.

יותר מ-2 מיליון אתרי וורדפרס, 52,000 אתרי מג'נטו ו-133,000 אתרי דרופל נדגמו מיולי 2019 עד יולי 2021. הם מצאו את הדברים הבאים:

• לאתרי וורדפרס היה משקל העמוד החציוני הכולל של 2437.7 KB בדפדפנים שולחניים ו-2275.6 KB בדפדפנים ניידים.
• לאתרי מג'נטו היה משקל העמוד החציוני הכולל של 3178.8 KB בדפדפנים שולחניים ו-3039.5 KB בדפדפנים ניידים.
• לאתרי דרופל היה משקל העמוד החציוני הכולל של 2192.1 KB בדפדפנים שולחניים ו-2061.6 KB בדפדפנים ניידים.

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

• לאתרי וורדפרס היה מספר כולל חציוני של 85 בקשות בדפדפנים שולחניים ו-81 בקשות בדפדפנים ניידים.
• לאתרי מג'נטו היה מספר כולל חציוני של 182 בקשות בדפדפנים שולחניים ו-176 בקשות בדפדפנים ניידים.
• לאתרי דרופל היה מספר כולל חציוני של 75 בקשות במחשבים שולחניים ובדפדפנים ניידים.

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

אז מה המידע הזה אומר לנו?

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

כיצד להאיץ אתר וורדפרס?

בחרו באחסון מהיר במיוחד – בשאלות ותשובות עם ג'ון מולר, Google Search Advocate הוא דן באיחסון משותף לעומת אחסון ייעודי. כשזה מגיע לשרתים, הוא אומר את הדברים הבאים:

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

השתמשו בתוספי מטמון

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

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

• W3 Total Cache-  W3 Total Cache (W3TC) משפר את ה-SEO וחוויית המשתמש של האתר שלכם על ידי הגדלת ביצועי האתר והפחתת זמני הטעינה. הוא ממנף תכונות כמו אינטגרציה של רשת אספקת תוכן (CDN) ושיטות העבודה המומלצות העדכניות ביותר ויש לו דירוג של 4.5 מתוך 5 כוכבים של יותר מ-4,500 משתמשים.
• WP Super Cache – תוסף זה של Automattic מייצר קובצי HTML סטטיים מבלוג וורדפרס הדינמי שלכם. לאחר יצירת קובץ HTML, שרת האינטרנט שלכם ישלח אותו במקום לעבד את הסקריפטים הכבדים והיקרים יותר של WordPress PHP. יש לו דירוג של 4.5 מתוך 5 כוכבים של יותר מ-1,100 משתמשים.
• WP Fastest Cache – הגרסה החינמית מספיקה כדי להאיץ את האתר שלכם אבל בגרסת הפרימיום ישנן תכונות נוספות כגון Mobile Cache, Widget Cache, Minify HTML Plus, Minify CSS Plus, Minify JS, Combine JS Plus, ועוד לשיפור זמני הטעינה. יש לו דירוג של 5 מתוך 5 כוכבים של יותר מ-3,300 משתמשים.
• Simple Cache – Simple Cache נוצר בעקבות תסכול מתוספי המטמון העיקריים הזמינים לבניית אתרים עם פתרונות מטמון מורכבים למפתחים בלבד שמקבלים מיליוני צפיות בדף ביום. יש לו דירוג של 4.5 מתוך 5 כוכבים של יותר מ-50 משתמשים.

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

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

כמה גדול יכול להיות קובץ התמונה?

צילום מסך לא מותאם ברזולוציה של 1,213 × 1,642 פיקסלים שנוצר באייפון בפורמט PNG מגיע ל-3.1MB (3,100KB).

תמונה לא מותאמת ברזולוציה של 4,337 × 2,891 פיקסלים בפורמט JPG מגיעה ל-18.6MB (18,600KB).

ישנן מספר דרכים שבהן תוכלו להקטין את גודל התמונות שלכם:

• בחר את הפורמט המתאים לתמונות שלכם – Shutterstock ממליצים על פורמט JPEG עבור תצלומים, צילומי מסך ורוב התמונות האחרות. PNG עובד בצורה הטובה ביותר עבור תמונות עם צורות גיאומטריות חדות, עקומות וקווים. יש לשמור את פורמט GIF לאנימציות בלבד.
• בחר את הגודל המתאים לתמונות שלכם – Adobe ממליצים על גודל מקסימלי של 1280 x 720 פיקסלים לאיכות HD, 3840 x 2160 פיקסלים לאיכות 4K ו-7680 x 4320 פיקסלים עבור 8K.
• דחסו תמונות – השתמשו בכלים המיועדים לדחיסת תמונות כמו TinyJPG, Tiny PNG, Optimizilla (JPEG ו-PNG), Compressor (JPEG, PNG, SVG, GIF ו-WEBP).
• הסירו שטחים לבנים מסביב לתמונות – GTMetrix ממליצים לחתוך את הרווח הלבן של התמונה ובמקום, להוסיף ריפוד באמצעות CSS.
• הציגו תמונות רספונסיביות – Google web.dev ניתן למצוא מגוון עצות כיצד להציג תמונות בגודל מתאים למסכים שולחניים וניידים באמצעות קוד.

הסירו פלאגינים מיותרים

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

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

כשאתם מעיינים בתוספים בספריית הפלאגין של וורדפרס, המכילה למעלה מ-58,000 תוספים חינמיים, שימו לב לנתונים הבאים:

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

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

סיכום

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