שיפור זמני טעינה בוורדפרס בלי להיות מתכנת

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

לא מדובר על הציונים בכלי של Google Pagespeed – כי כל קשר בינהם לבין המציאות והדירוגים בפועל הוא מקרי בהחלט. אני מדבר על המהירות בפועל – אותה יותר יעיל למדוד בעזרת כלים כמו Pingdom אבל בתכלס – גם בהרגשה ובחווית הגלישה עצמה. למהירות הזאת יש השפעה משמעותית על SEO. במקרה קיצוני אחד יצא לי להקטין תמונות של אתר של לקוחה, כאשר כל תמונה שקלה מעל 10 מגה (!!) וזה הקפיץ לה את המיקומים לשמיים.

ישנן שלוש סיבות עיקריות בגללן צריך תמיד לשמור על זמני טעינה קצרים:

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

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

שיפור זמני טעינה בוורדפרס, הלכה למעשה

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

טיפול בתמונות

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

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

שימוש ב-CDN

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

השימוש ב-Content Delivery Network נעשה על ידי רישום לשירות, קיימים גם ספקים חינמיים טובים כגון: CloudFlare, Incapsula, Google App Engine.

תוספי Cache

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

הסרה של אלמנטים מכבידים

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

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

אתרי מובייל

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

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

שיפור של מסד הנתונים

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

בדיקת מהירות האתר

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

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