4+ טיפים לשיפור מהירות אתרי וורדפרס

עודכן: 05/06/2019

קידום אתרים מתחלק לשניים:
– אלו שמאמינים שחווית משתמש היא הכרחית לקידום נכון.
– אלו שמאמינים שדחיפה של קישורים ותוכן (ולא חשובה האיכות) זה מה שעובד.

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

כבר ב2010…

מצאתי סרטון של מאט קאטס (בגרסה הקרחת והקצת משונה שלו) שמתייחס לנושא זה כבר ב2010:

השאלה שנשאלה:

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

התשובה של מאט:

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

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

בדיקת מהירות אתר – הכלים

קודם כל, בשביל שנוכל לשפר את מהירות האתר שלנו, עלינו לדעת מהי 🙂

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

  • Google PageSpeed Insights – כלי מבית היוצר של גוגל המאפשר לקבל את אינפוטים  מבחינת חווית משתמש ומהירות אתר, הן בסקטופ והן במובייל.
  • GTmetrix – כלי חינמי המאפשר לבצע אנליזה לאתר ולקבל את הנקודות הספציפיות בהן האתר "חלש".
  • Pingdom Website Speed Test – כלי דומה מאוד לGTmetrix בפונקצינליות, גם כן מאפשר לקבל נקודות חשובות העוזרות להאצת האתר.
    בדיקת מהירות בעזרת פינגדום

 

ועכשיו, בואו נכנס קצת לפרקטיקה

 

1. Content Delivery Network – (ידוע כמובן כCDN)

בשביל לעשות קצת סדר, הנה סרטון קצר (5 דק) המסביר באופן מצויין מהו CDN

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

שירותי CDN חינמיים מומלצים:

2. כווצו את התמונות

אחד מנקודות הכשל העיקריות שיש כמעט בכל אתר היא תמונות כבדות.

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

כיווץ תמונות קיימות

ישנן מספר אפשרויות:

  • הורדת כל התמונות למחשב,כיווצן בעזרת התוכנה FastStone והעלאתן חזרה לשרת (האופציה הטובה ביותר כפי שהמליץ אסף כהן ואני מסכים).
  • שימוש בפלאגין EWWW Image Optimizer המאפשר לכווץ את התמונות אונליין על השרת (שימו לב שמדובר בתהליך ארוך ולכן לא ניתן לסגור את הדפדפן עד שהפלאגין לא יסיים את עבודותו).
  • שימוש בפלאגין Imsanity (עושה עבודה דומה לEWWW).

כיווץ תמונות בזמן העלאה

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

  • WP smush
  • TinyPng (הבחירה שלי – חינמי עד העלאת 500 תמונות בחודש, דורש הרשמה וקבלת קוד API)

3. השתמשו בתוספי קאש

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

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

  • WP-Rocket – תוסף קאש שעלותו מתחילה מ39$ (לאתר בודד) ומגיעה ל200$ (לשימוש בלתי מוגבל).
    אני משתמש בתוסף זה באופן אישי אצלי בבלוג ובהחלט מרוצה.
  • W3 total cache – האמת שהגרסה החינמית של תוסף זה יכולה להיות מספיקה בהחלט לרוב האתרים, אך גרסת הפרימיום שלה היא פשוט ממתק למפתחים.
    לפלאגאין זה יש מעל 10 עמודי הגדרות (!!) שונים וכדאי לצפות בסרטון הבא על מנת להבין איך ומה המשמעות של כל וי שאתם מסמנים.

 

4. מסד נתונים יעיל – אתר וורדפרס מהיר

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

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

לפני שאתם נכנסים להגדרות התוסף – צפו בסרטון הבא:

5. בחירת חברת אחסון מהירה

תחום אחסון האתרים מאוד מבלבל.
יש המון אתרים שמכילים המלצות אך רובם מלאים בהמלצות מטעם (מקבלים עמלות וכו'), התוצאה – אחסון בשרתים גרועים ועמוסים (וכנראה גם בעלות גבוהה מדי לעומת התמורה המתקבלת).
לחברת האחסון משקל רב במהירות טעינת האתר שלכם. מיקום שרתים בארץ, היה פעם תנאי משמעותי, אבל היום עם CDN (ראו למעלה) זה לא פרמטר מאוד משמעותי, אז מה כן? האיכות של השרתים והקונפיגורציה שלהם. מבלי להלאות בפרטים, בסקירת חברות אחסון האתרים שעשו כאן, מצאתי את העבודה הרצינית ביותר על השוק הישראלי. הם בנו את אותו אתר וורדפרס אצל 13 חברות אחסון אתרים (11 ישראליות ו-2 בינלאומיות) ובדקו את איכות התמיכה, הפיצ'רים, וכמובן מהירות הטעינה. הם מבטיחים לעדכן את הרשימה כל הזמן לפי שינויים שיש בשוק הזה, וכדאי לכם לראות אם אתם מאוחסנים באחת מחברות אחסון האתרים שקיבלו את הדירוג הגבוה ביותר.

לסיכום

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

תודה ענקית לזיו רביב (שחוץ מהיותו קוסם ואמן בלונים בחסד הוא גם מומחה להאצת אתרים) שעזר לי כשאני רציתי להבין קצת יותר 🙂

יש לכם רעיונות נוספים? התגובות מחכות לכם..

עידן בן אור

יועץ קידום אתרים ושיווק דיגיטלי

תוכן עניינים

15 מחשבות על “4+ טיפים לשיפור מהירות אתרי וורדפרס”

  1. אליסף ריצולסקי

    שלום וברכה -אשמח לדעת איך להוריד את כל התמונות מהשרת – האם לעושת את זה ספריה ספריה ולהחזיר או יש דרך להוריד את כל ספריית המדיה ולהחזיר בלי לשבור את האתר

    1. עידן בן אור

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

  2. חידשתי לאחרונה את האתר שלי ולאחר העלייה לאויר גיליתי שזמן הטעינה של התוכן הוא מידי אבל טעינת התמונות בדף הבית אורכת כ 4 שניות לאחר התוכן.
    קיווצתי אותן מ 4M ל 2.5M וחסכתי שנייה אחת. השאיפה שלי לרדת לטעינה של שנייה אחת , על-כן אני שוקל להישתמש גם ב LazyLoads . שתי שאלות:
    1. האם הוא לא גורם להשהיה ניכרת לעיין של חשיפת התמונות החדשות תוך כדי הגלילה של המסך?
    2. יש לי בדף הבית שתי קרוסלות – איך ה Lazy משפיע על חשיפת התמונות שבקנה כתוצאה מהקלקה על חיצי הקרוסלה, במידה והוא משפיע בכלל? – אם אפשר למנוע את הטעינה של כל אלה שבקנה עם עליית הדף אז גם זה אמור לעזור לקיצור זמן הטעינה.

    1. עידן בן אור

      היי,
      lazyload הוא פתרון פחות מומלץ אם רוצים להביא לאינדקוס התמונות בגוגל.

      האם אתה משתמש בCDN?
      האם כל מה שהצעתי בפוסט מיושם אצלך באתר?

  3. כמו כן – בעניין כיווץ התמונות – חשוב ואף חובה להשתמש בתוסף שלא עושה את הפעולות על השרת. בטח לא בפעם הראשונה שבה הוא רץ על כל התמונות – זה מתכון בטוח לקריסת השרת.

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

כתיבת תגובה

האימייל לא יוצג באתר. שדות החובה מסומנים *

מאמרי קידום אתרים נוספים

עדכון אחרון: 13-02-2019 בחודשים האחרונים, אחד הנושאים המדוברים ביותר בקבוצת הפייסבוק "הפרלמנט" שאני בין מנהליה (אם אתם לא שם כדאי...

23.01.2021
|בניית אתרים