שיפור מהירות אתר – 5 צעדים יעילים שלא מצריכים ידע וללא כתיבת קוד

שיפור מהירות אתר

ניווט מהיר במאמר

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

  • ירידה של מעל 10% במספר הצפיות בכל עמוד באתר
  • ירידה של כ-15% בשביעות הרצון של הלקוחות שלכם
  • פספוס של מעל ל-5% בהמרות גולשים
  • דירוג נמוך יותר בתוצאות החיפוש של גוגל

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

עכשיו קדימה, בואו נעשה את זה.

 

#1 אתר מינימליסטי הוא אתר מהיר

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

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

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

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

 

#2 מזעור גודל התמונות באתר

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

השאירו פרטים וקבלו הצעה לקידום האתר שלכם

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

כיווץ תמונות לשיפור מהירות אתר
אתר squoosh

 

#3 כיווץ תמונות

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

כלים לכיווץ תמונות:

  • tinypng – אתר חינמי שמאפשר לכווץ עד 20 תמונות ביחד ומספק תוצאות די טובות.
  • Squoosh – אתר חינמי נוסף, מאפשר כיווץ אחד-אחד, היתרון שלו שהוא מכווץ טוב יותר מ-tinypng הן מבחינת משקל התמונה והן מבחינת איכות התוצאה.
  • תוספי וורדפרס – יש לא מעט תוספים שמאפשרים כיווץ אוטומטי של תמונות באתר. כמה מהמומלצים שלי הם התוסף של Imsanity, התוסף של Imagify והתוסף של smush.
  • Cloudinary – קלאודינרי – הכוכב שלי 🙂 שירות פרימיום (ישראלי) לכיווץ וטעינת תמונות חכמה ומתקדמת, בפועל טוען את התמונות משרת של קלאודינרי ולא מהשרת שבו מאוחסן האתר. מומלץ! לקלאודינרי יש תוסף וורדפרס מומלץ ונוח ולאחרונה הם יוצאים בגרסה מתקדמת ומוצלחת יותר.

המירו תמונות לפורמט WebP – פורמט חדש שהבשיל לאחרונה ודי מוכן לשימוש – המרת תמונות לפורמט WebP. הפורמט הזה מקטין את משקל התמונות באתר שלכם באופן דרמטי עד לכדי 30-50% מהמשקל של תמונת png או jpg.

כיווץ תמונות היא אחת מהפעולות הכי יעילות שאתם יכולים לעשות – אל תוותרו על זה והפכו את זה להרגל בכל פעם שאתם מעלים תמונות לאתר.

תוסף קלאודינרי - כיווץ תמונות אתר
תוסף קלאודינרי לוורדפרס

 

#4 שימוש בתוספי Cache (זיכרון מטמון) לשיפור מהירות אתר

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

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

לאתרי וורדפרס יש לא מעט תוספי Cache שעושים עבודה מצוינת. אני ממליץ על אחד מהבאים – התוסף של WP super Cache, התוסף של WP Rocket, התוסף של WP Fastest Cache והתוסף של W3 Total Cache.
לאחרונה אני יותר ויותר מתאהב בתוסף ezCache איתו אני משתמש עבור רוב אתרים שלי ואתרי הלקוחות שלי. היתרון הבולט מעבר לפשטות ההגדרות (ללא ידע מקדים) הוא אופטימיזציה אוטומטית לתמונות באמצעות פורמט WebP וזאת על מנת להקטין את גודל התמונות באתר, היכולות הזו זמינה רק בגרסת הפרו בתשלום או במידה ואתם מאחסנים בשרת של Upress עליהם אני ממליץ.

תוסף EzCache
תוסף EzCache

 

#5 הפחתת כמות הבקשות מהשרת על ידי מזעור קבצים ושילוב קבצים

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

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

  1. להשקיע קצת זמן וללמוד לעבוד עם תוספים כמו WP Rocket או ezCache שעושים את רוב העבודה בשבילכם.
  2. לשכור מקדם אתרים שיעשה את זה במקומכם.

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

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

  1. יש להקפיד על גרסת וורדפרס עדכנית.
  2. יש להקפיד על תוספים ותבנית מעודכנים.
  3. יש להקפיד על שימוש במינימום תוספים הכרחיים.
  4. חברת אחסון אתרים – העבירו את האתר לשרת מתקדם – חסכתי לכם חיפושים וכתבתי סקירה מניסיון אישי וכן המלצות על חברת אחסון אתרים מקצועית.
  5. שימוש ב- CDN
  6. הימנעו משגיאות באתר.

ספרו לי בתגובות – מה השיטה שעזרה לכם להפוך את האתר שלכם למהיר יותר?

שיתוף ב whatsapp
WhatsApp
שיתוף ב facebook
Facebook
שיתוף ב linkedin
LinkedIn
שיתוף ב email
Email
שיתוף ב whatsapp
שיתוף ב facebook
שיתוף ב linkedin
שיתוף ב email
ניר אזולאי

ניר אזולאי

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

כתיבת תגובה

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

אז על מה בא לכם לקרוא?

ניווט מהיר

עוד באותו נושא:

מגיע לך יותר לקוחות!

לאחר מילוי הטופס אחזור אליך עם כל הפרטים

ניר אזולאי