שיפור מהירות אתר וורדפרס: 4 טיפים שבאמת עובדים - עידן בן אור

עידן בן אור

עידן בן אור

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


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

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

 

כבר ב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.
תוסף זה יסיר את כל השאריות ממסד הנתונים ויאפשר לו לעבוד באופן חלק.

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

 

לסיכום

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

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

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

question_answer תגובות

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

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

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

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

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

  3. עוד טיפ פשוט לביצוע (באתרי וורדפרס, לפחות):
    להוסיף קוד שמבצע כיווץ GZIP. בד"כ רוב השרתים תומכים בזה, אבל הקוד עצמו לא נמצא באתר. מדביקים את הקוד בקובץ HTACCESS ומקבלים אתר קצת יותר מהיר.

    הנחיות + הקוד הרלוונטי בפוסט שלי בנושא:
    http://www.blogsem.co.il/page-speed-optimization/

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

השאר תגובה

האימייל לא יוצג באתר.