testffבדיקת מהירות אתר 2019 - 10 כלים 🛠 חינמיים - זהר עמיהוד, מומחה ומרצה קידום אתרים style> .imageRS { border:1px solid black; box-shadow: 10px 10px 5px #888888; } p { font-size: 13pt; } li { font-size: 13pt; } .zbox4 {padding-left:4px;padding-right:4px;border:2px solid navy;}
דף הבית » בדיקת מהירות אתר גוגל » בדיקת מהירות אתר – 🛠 10 כלים שיעזרו לך לשפר את מהירות האתר שלך

בדיקת מהירות אתר – 🛠 10 כלים שיעזרו לך לשפר את מהירות האתר שלך

כל מי שיש לו חלק באתר אינטרנט רוצה לקדם את האתר שלו בגוגל בשנת 2019 מבין כי מהירות אתר חשובה.

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

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

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

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

במיוחד במכשיר נייד 'מהירות אתר' תופסת מקום גבוה בדירוג:

  • מיקום האתר בתוצאות הדירוג של גוגל נקבע על פי האתר בנייד. גם אם מחפשים במחשב שולחני, גוגל מציג תוצאות בהתאם לתוכן שהוא מצא באתר הנייד mobile First.
  • כלי בדיקת מהירות אתר של גוגל (מיד בהמשך) מציג קודם את תוצאות בדיקת מהירות האתר במכשיר נייד (סמארטפון / מובייל) לפני שהוא מציג את התוצאות במחשב שולחני
  • גוגל 'דוחפת' בכול כוחה את נושא מהירות אתר במובייל: פרויקט AMP שמטרתו להאיץ את מהירות טעינת האתרים במכשירים ניידים זוכה לחשיפה גדולה מאוד באתרי גוגל השונים הפונים למפתחים.
  • יולי 2018 הודיע גוגל כי Speed Update מוחל על כל האתרים
  • נובמבר 2018 שינתה גוגל את הדרך בה היא מודדת את מהירות טעינת האתר ונותנת יותר עצות וכלים לשיפור המהירות.
  • דצמבר 2018 – גוגל הכריזה על פלאגין Site Kit by Google for WordPress שמציג תובנות לשיפור האתר שלך מארבעה כלי גוגל וביניהם Google PageSpeed Insights המתואר בהמשך מאמר זה.

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

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

תתפלאו לראות כי גוגל ייתן לדף באתר שלכם ציון 100 וגם, אותו גוגל יציע לך עוד אפשרויות לשיפור מהירות האתר?!?

אז מה זה אומר ציון 100?

זה אומר שיש לך 100 אבל האתר שלך לא ממש עבר אופטימיזציה מלאה.

מבולבלים?

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

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

תוכן עניינים:

Speed Update עדכון גוגל

עדכון הנקרא Speed Update משפיע החל מ- 9 ליולי 2018 על דירוג האתרים כל האתרים בדף תוצאות החיפוש בנייד שישפיע על דירוג אתרים שהם ממש איטיים.

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

אבל זה לא הכל…

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

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

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

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

בדיקת מהירות אתר גוגל – Google Speed Test

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

מהירות טעינת האתר במובייל - גוגל

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

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

הציון שגוגל נותן יכול להיות: Excellent, Good, Fair, Poor לפי הסקלה הבאה:

מהירות אתר בניות - סרגל גוגל

מספר הערות:

  • את הסרגל צריך לקרוא משמאל לימין, זה כתוב לדוברי אנגלית.
  • חדי העין שביניכם הבחינו כי גוגל מציג את הציון למכשירים ניידים Mobile Speed בלבד,
  • הבדיקה נעשת עם חיבור לרשת הסלולר מסוג 3G (דור 3) ולא 4G (דור 4). גוגל טוענים שמרביתו גולשים עם 3G,
  • גוגל מעריך כמה גולשים, מבין אלו שהגיעו לאתר שלך, יעזבו בגלל מהירות אתר איטית,
  • הבדיקה היא של URL ולא של האתר כולו. אם אתם רוצים לראות בדיקת מהירות אתר כוללנית לאתר שלכם, כדאי שתמשיכו לקרוא
בדיקה על פי גוגל

מהירות אתר על פי גוגל: PSI – PageSpeed Insights

כלי PageSpeed Insights או בקיצור PSI הוא הכלי העיקרי לדרך בה בעלי עסקים, מנהלי אתרים ומקדמי אתרים יכולים לדעת על מהירות אתר גוגל.

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

בדיקת מהירות אתר Google Pagespeed Insights

מכיון שכרום הוא הדפדפן הפופולארי בחיפוש והוא של גוגל, אז PSI – PageSpeed Insight, מראה נתונים של משתמשים אמיתיים שגולשים באמצעות כרום Chrome לדפים באתר לכם והכל נמצא בדוח שנקרא Chrome User Experience Report – CrUX וגם ב- Lighthouse.

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

Google מציג 6 ערכים:

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

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

זמן עד לאינטראקטיביותTime to interactive – כמה זמן נדרש עד שהדף מגיב לראשונה לפעולות של הגולש.

הצגת התוכן העיקריFirst Meaningful Paint – זה הזמן בו הגולש מרגיש שהוא רואה את התוכן העיקרי בדף.

מצב ראשון של חוסר פעילות במעבדFirst CPU Idle – מציין את הפעם הראשונה שבה הדף מכיל מספיק אלמנטים כדי להגיב לפעולות הגולש

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

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

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

מהירות, כבר אמרתי?

כל פרמטר מקבל ציון: Fast, Average, Slow

מה מודד FCP – First Contentful Paint ?

FCP – מודד למעשה את הרגע הראשון בו המשתמש יכול להתחיל לראשונה לתפעל את הדף. במילים אחרות, האם החלק בחלון הראשון Above the Fold נטען ומאפשר פעולה מצד המשתמש. במכשיר נייד המהירות המירבית לשליש העליון היא 1.6 שניות

FCP - First Contentful Paint

אז בואו נעבור על המרכיבים של הדוח שמציג PSI:

הזדמנויות

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

משאבים חוסמים את העיבוד הראשון (First Paint) בדף. בכל פעם שהדפדפן ניגש לקרוא קובץ חיצוני, הרי הוא מאט את הדף ולכן כדאי לשקול את האפשרות לספק תוכן JS/CSS קריטי כחלק של דף HTML ולא כקובץ חיצוני שצריך להיטען.

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

הקטנה של קובצי CSS ושל קבצי Javascript יכולה לצמצם את הגודל של הקבצים המועברים ברשת

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

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

ניתוחים

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

שימוש בתכונת תצוגת הגופן של CSS מבטיח שהטקסט מוצג למשתמש בזמן טעינה של webfonts.

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

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

קיצור משך זמן הביצוע של Javascript.

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

בדיקה על פי גוגל, גרסת מפתחים

מהירות אתר בדוחות Google Analytics

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

תפריט מהירות טעינת אתר גוגל אנליטיקס

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

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

Lighthouse

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

להלן רשימת הבדיקות שעורך לייטהאוס או בעברית – מגדלור:

Loading page & waiting for onload URL, Scripts, CSSUsage, Viewport, ViewportDimensions, ThemeColor, Manifest, RuntimeExceptions, ChromeConsoleMessages, ImageUsage, Accessibility, EventListeners, AnchorsWithNoRelNoopener, AppCacheManifest, DOMStats, JSLibraries, OptimizedImages, PasswordInputsWithPreventedPaste, ResponseCompression, TagsBlockingFirstPaint, WebSQL, MetaDescription, FontSize, CrawlableLinks, MetaRobots, Hreflang, EmbeddedContent, Canonical Audit categories to include Performance Progressive Web App Accessibility Best Practices SEO

אפשר להפעיל את Lighthouse (לייטהאוס) במספר דרכים, אבל הדרך המומלצת היא להפעיל אותו מתוך כרום.

התקנה:

  1. היכנסו לכרום,
  2. התקינו את תוסף Lighthouse,

הפעלה:

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

תוסף לייטהאוס של גוגל

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

תוצאות לייטהואס

ועכשיו עליכם לעבור סעיף סעיף ולשפר את הטעון שיפור לפי המימצאים וההמלצות של גוגל.

כך נראה החלק של SEO בבדיקות של Lighthouse:

לייטהאוס אס אי או

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

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

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

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

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

לכלי Pingdom ניתן לגשת מכל מכשיר וכך תוכל לקבל נתונים על האתר שלך בכל עת ובכל מקום.

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

pingdom screen shot

בדיקה על פי Pingdom

בדיקת מהירות אתר בעברית – Speedom

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

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

Speedom מציע בדיקת מהירות אתר וניטור ביצועים משרתי דגימת מידע הממוקמים בישראל ובצרפת (מה הקטע עם הצרפתים?).

המימשק נוח וקל להימצאות בו ממש כמו ב- Pingdom ובאמצעותו תוכלו להבין מה באתר שלכם מאיט את מהירות טעינת אתר: זמן בייט ראשון, Keep-Alive Enabled, כיווץ תעבורה, כיווץ תמונות, מטמון, משקל עמוד.

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

לדוגמה, באחד האתרים שבדקתי בעזרת Speedom קבלתי 79% בסעיף מטמון וכך זה הוצג:

לוח מחוונים של speedom

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

בדיקה של Speedom

בדיקת מהירות טעינת אתר – WebPageTest

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

WebPagetest הוא כלי שפותח במקור על ידי AOL לשימוש פנימי ומאז שנת 2008 הוא ברשת לרשות בעלי עסקים היכולים לבחון את האתרים שלהם (ושל המתחרים) באופן חופשי.

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

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

Web Page Test

בדיקה  WebpageTest

InternetSupervision

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

חבילות השירות של האתר כוללות דגימה של שירותי ווב ומייל של האתר פעם בשעה או פעם ב- 15 דקות. במקרה והאתר "נפל", נשלחת הודעת SMS לבעל האתר/מפתח האתר כדי שיהיה בידו אפשרות "להרים" אותו ולהחזירו לחיים.

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

Internet Supervision

בדיקה InternetSuperVision

GTmetrix

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

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

יש ל- GTmetrix גם חבילות שירות בתשלום החל מ- $14.95 לחודש המרחיבים את השירות שניתן חינם.

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

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

GTMetrix

בדיקה של  GTmetrix

CA APM

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

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

CP APM

בדיקה של  CA

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

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

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

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

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

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

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

להקטין את מספר הבקשות HTTP

בקשה של דף אינטרנט מתרחשת:

  1. כאשר כותבים בשורת הכתובת בדפדפן כתובת של אתר, למשל seoreport.co.il ולוחצים Enter.
  2. מפעילים קיצור דרך של כתובת אתר,
  3. לוחצים על קישור בדף אינטרנט.

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

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

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

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

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

קבצי CSS

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

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

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

דף HTML מכיל קריאה לקבצי CSS ויש בדרך כלל יש הרבה יותר מאחד. אתר WordPress מכיל בממוצע 10 קבצי CSS. וכבר הבנתם שדף HTML יכול להיות מוצג ללא קבצי CSS אבל אז הוא יראה כמו מסמך טקסט פשוט ושחור ללא שום עיצוב.

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

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

קבצי JavaScript

דף HTML מכיל גם קוד. אלא הם תכניות קטנות הנקראות תסריט Script הכתובות בשפת JavaScript להבדיל משפת Java. תסריטים קטנים אלה אחראיים לפעולות שאנו עושים בדף. חלק מהפעולות של "העברת סמן מעל" ניתן לבצע באמצעות CSS וחלק אחר באמצעות JavaScript.

הנה רשימה של כמה פעולות שכיחות בדף HTML המצריכות תסריטים:

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

קוד המרה של Google Ads,

לחצן עוד פרטים. מכירים לחצן שלחיצה עליו מגלה עוד פרטים על המוצר מבלי לטעון מחדש את הדף?

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

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

קוד שיווק מחדש של Facebook הוא תסריט Javascript.

זה בכלל לא יפתיע אותי אם באתר שלכם ימצאו 20 קבצי JS, קבצי Javascript !

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

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

עוגיות

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

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

מטמון

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

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

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

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

לייעל את התמונות באתר האינטרנט

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

נניח וצילמתם תמונה במכשיר הנייד שלכם ואתם רוצים שתהיה באתר. האם ידעתם שתמונה רגילה המצולמת במכשיר נייד, למשל LG3 אשר ברשותי היא בגודל (רזולוציה) 4160×2340 ובנפח 3MB?

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

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

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

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

באשר לפורמטים של התמונות, JPEG הוא הבחירה עדיפה ביותר. ניתן גם להשתמש בפורמטי PNG ואולי JIF אבל בשום פנים ואופן לא לעשות שימוש בפורמטים BMP או TIFF; הם פורמטים בזבזניים, גדולים ומנופחים שרק יאטו את מהירות טעינת אתר.

להקטין את מספר התוספים

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

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

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

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

Minification

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

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

  • הערות HTML,
  • קטעי קוד שלא בשימוש,
  • רווחים,
  • מעברי שורות.

מפתחים כותבים את הקוד בשורות, בין אם זה קוד HTML, CSS או Javascript למשל כך:

     body {
          background-color: #00137F;
          color: white;
          font-family: Arial,sans-serif;
     }

אבל הדפדפן לא זקוק לרווחים ולא זקוק למעברי שורה כדי לקרוא את הקוד. עבור הדפדפן הקוד שלעיל יכול להיראות גם כך:

body{background-color:#00137F;color:white;font-family:Arial,sans-serif;}

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

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

דחיסה Compress

קבצי טקסט כדוגמת HTML, CSS ו- Javascript ניתן לדחוס ולצמצם את נפחם בסדרי גודל. המשמעות היא שקובץ טקסט בנפח 100kb יכול להידחס לכדי 10kb ואולי פחות מזה.

דחיסה כמו שתוכנת Zip יודעת לעשות עם קבצים במחשב שלך.

איך זה נעשה?

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

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

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

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

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

נ.ב. לקח לי 39 שעות, בערך, לכתוב את המאמר הזה ולתת לכם מידע עדכני ועצות מעשיות. אודה לכם מאוד אם תוכלו לשתף את חבריכם. תודה רבה!

קורס קידום אתרים SEO AskPavel

אודות זהר עמיהוד

מוביל בעלי עסקים להצלחה באינטרנט: יותר פניות ויותר מכירות. מומחה קידום אתרים (SEO), שיווק ופרסום באינטרנט (Google AdWords PPC). יועץ לחברות בינוניות וגדולות בנושאי שיווק באינטרנט תוך התמחות בקידום אורגני SEO, פרסום ממומן בגוגל. בוגר תואר שני במנהל עסקים מטעם אוניברסיטת תל אביב. שותף גוגל ומוסמך פרסום בגוגל. צלצלו עוד היום 09-8910462

34 תגובות

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

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

    • שלום דיקלה ותודה,
      אכן עשית מהלך נבון כשהעברת את האתר לוורדפרס. עם וורדפרס תהיה לך יותר שליטה על מהירות האתר וגם יפתחו בפניך אין-סוף אפשרויות שיעזרו לך לקדם את העסק שלך.
      אני משתמש בפלאגין בשם WP Smush לדחיסה של התמונות, אבל הטיפול בתמונה מתחיל עוד הרבה קודם לזה:
      שלב ראשון CROP – חתכי/גזרי מהתמונה שיש לך רק את החלק שבאמת את רוצה להציג
      שלב שני resize – אם התמונה באתר תראה בגודל מקסימלי של 300 נקודות לרוחב ו- 200 נקודות לגובה, אין טעם שתהיה גדולה יותר ולכן כבר במחשב שלך את צריכה לעשות resize לגודל המקסימלי בו תוצג באתר.
      שלב שלוש Compress – דחיסה של התמונה או במילים אחרות הורדת איכות התמונה. אני יודע, כשמדברים על איכות, הרבה אנשים פוסלים מידי את המהלך, אבל הורדת איכות התמונה בכמה אחוזים יכולה להקטין את גודלה בעשרות אחוזים! ממש כך: עשרות אחוזים ועל המסך זה בכלל לא נראה. לצורך דחיסת התמונה אני משתמש בתוכנה הנקראת paint.net שעושה עבודה נפלאה בדחיסת התמונה ברגע שעושים שמירה.
      צריך לזכור שהתמונה מיועדת למסך של מכשיר נייד ולא מיועדת לדפוס ובטח שלא לשלטי חוצות בנתיבי איילון.
      לגבי נפח התמונה מדובר, בדרך כלל, על מתחת ל- 100K אבל מצאתי שבמרבית המקרים, אם עושים את צעדים 1, 2 ו- 3 שלעיל אפשר להגיע לנפחים הרבה יותר קטנים מ- 100K

      להצלחה שלך

  2. הי זהר,

    שאלה בנושא/ יש לנו אתר חנות שהעלינו.
    בכל מיני אתרים שאנחנו בודקים, המהירות שונה: פעם 7.5 שניות פעם 24 שניות.

    השאלות שלי אליך:
    1. האם רוחב האתר משפיע על מהירות האתר?
    2. אם הינו מקטינים את רוחב העמוד ואז גם גודל התמונות קטן האם זה היה עוזר במהירות הטעינה?

    תודה

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

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

      ומה לגבי מספר הקריאות מהשרת. 135 זה המון!

      להצלחה שלך

  3. איך מסבירים שבגוגל הבדיקות יוצאות לא טובות ובשאר האתרים הן יוצאות מעולות?

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

  4. מאמר טוב ומסכם!
    שאלה על השוואה בין הכלים – איך הגיוני שבכלי בדיקה של גוגל https://developers.google.com/speed/pagespeed האתר מקבל ציונים נמוכים מאוד כמו 30..
    ובבדיקה של gtmetrix – ציונים טובים מעל הממוצע?
    וזה קורה גם עם https://testmysite.thinkwithgoogle.com/ – גם מראים ציון נמוך מאוד למהירות במובייל ודסקטופ. בכלי http://www.webpagetest.org/result/170529_XW_XRD/ מראים לי ציונים A אחד B ורק זה של התמונות F.

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

    תודה

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

      להצלחה שלך,
      זהר עמיהוד

  5. היי

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

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

    איתי

    • שלום איתי ותודה על תגובתך,
      בסופו של ענין מה שחשוב אלו נתוני המהירות שגוגל מראה באתר שלך.
      השאיפה היא לרדת מ- 3 שניות לזמן טעינה ובוא נאמר שזמן בין 3 ל- 5 שניות הוא מספיק טוב.
      מה זה משנה מה מהירות המתחרים? אם זה חשוב לך, תוכל לבדוק באותם כלים שאתה בודק את האתר שלך (חוץ מ אנליטיקס של המתחרה).
      אתה צריך להיות מהיר וכמה שיותר מהיר.
      להזכירך, זה לא הפרמטר היחידי, אבל פרמטר בהחלט חשוב.
      תוכל לבדוק את זמן הטעינה של כל דף ודף באמצעות הדפדפן F12 ועל זה אני אכתוב כאן במאמר בקרוב (איזה תוספת קטנה וזמינה)
      ה- Search Console מראה עכשיו AMP שזה למעשה אומר לנו שגוגל לוקח את השליטה על מהירות האתר ויציג בתוצאות החיפוש דפי AMP מהאתר המאוחסנים אצלו כדי לוודא שהגולשים מקבלים מהר את התשובות.

  6. אביב יצחקי

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

    • שלום אביב יצחקי,
      "עם המספרים אי-אפשר להתווכח".
      מהירות אתר הוא מרכיב חשוב שנעשה חשוב מעת לעת בגוגל עד כי גוגל הוציאו לאור תכנית הסמכה לניידים: https://www.seoreport.co.il/4429/ שעיקרה הדגש בה הוא על מהירות.
      הכלים במאמר הזה, נותנים לך ידע מפורט מה בדיוק מאט את האתר שלך, איזה רכיב/ים מאיטים את הטעינה.
      בסופו של ענין מי שקובע הוא גוגל והכלים של גוגל כי גוגל מדרג את האתר שלך בתוצאות החיפוש ומביא לך תנועה.
      אז מה אומר גוגל על האתר שלך?
      את נתוני המהירות של כול אחד מדפי האתר תוכל לראות באנליטיקס.
      אם כלי הבדיקה של גוגל אומר לך שהשרת מגיב לאט, אז שלא יבלבלו את המוח אנשי WIX עם מספרים אחרים כי מה שקובע כאן זה גוגל. נקודה.
      ל- WIX יש יתרונות מצד אחד, כמו שציינת, אבל יש גם חסרונות/מגבלות, כמו בכול דבר. החסרון הוא שבכול מה שקשור למהירות התגובה של שרתי ויקס, אין לך נגיעה או יכולת להשפיע – זה הכול בידיים של WIX
      להצלחה שלך,
      זהר עמיהוד

  7. כתבה מעניינת, ניתן לראות עוד דרכים לשיפור מהירות הטעינה במאמר הבא:

    http://he.savvy.co.il/blog/?p=1650

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

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

    תודה רבה מראש
    ניר נגר

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

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

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

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

    • שלום עמי ותודה על פנייתך,
      יש חשיבות הולכת וגדלה במהירות טעינת האתר, ככל שהלקוחות מבקשים מהירות תגובה קטנה יותר ויותר במהלך הזמן וככול הם יותר גולשים במובייל ובגלישה אלחוטית.
      אני מניח שתוכל לטפל בעצמך בחלק מההערות/המלצות שקיבלת מכלי הבדיקה השונים.
      האתר שלך מלא בתמונות ולכן אני מציע שתתחיל משם, זה גם בשליטתך.
      יש לך באתר תמונה של 5 שלגונים, עבודת יצירה. התמונה שוקלת 151kb, בקלות ניתן לצמצם אותה לכדי משקל של 43kb מבלי לפגוע באיכות! זהו צמצום של 72% בנפח, דבר שישפר את המהירות.
      עוד,
      תמונת הרקע של האתר שוקלת 456kb וואהו! כל טעינה של דף, כל דף באתר שלך, טוענת גם את התמונה הזאת כבדת המשקל, דבר שמעט את עלייתו.
      אני לא אומר לבטל את תמונת הרקע, אבל אני אומר שצריך להקטין באופן משמעותי את גודלה – זה אפשרי וזה בידיים שלך.
      בהתאם למימצאי הבדיקות, יהיו דברים שרק מפתח האתר יכול לעשות על ידי התקנת תוספים, שינוי הגדרות איחסון ועוד.
      פנה אליו בענין.
      בהצלחה,
      זהר עמיהוד, עוזר לבעלי עסקים להביא יותר לקוחות לאתר, ליצור יותר פניות ויותר מכירות

  11. מאמר בעל ערך מוסף גם למקדמי אתרים וגם לבעלי אתרים . תודה על ההמלצות . רוצה להצטרף לדעתך ולחזק את המלצתך על הכלי GTmetrix … מעולה

  12. זוהר – סקירה מעולה, עם הרבה ערך.

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

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

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

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

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

  15. הי זוהר,

    תודה על המאמר המקיף וסקירת הכלים לאיבחון מהירות האתרים אהבתי גם את הרעיון של ה- Play List של הוידיאו שמאפשר לרכז מספר קטעי ווידיאו בנושא אחד, רעיון מעניין להארכת משך השהות של הגולשים באתר… 🙂

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

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

    דוגמא נוספת, בעזרת אופטימיזיה של התמונות ניתן להפחית משקלם בפקטור של 1:4, אם נקח את התמונה למשל ונוריד לה את האיכות מ- 100% ל- 91% , האיכות הנראית תשאר אותו הדבר אבל משקל (נפח התמונה ב- kb) התמונה ירד ב- 75% …

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

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

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

  16. אומרים שישנם 200 ואולי 300 פרמטרים חסויים לקידום אתר אותם גוגל לא מפרסמת ולנו המקדמים לא נותר, אלה להפעיל את הקבסה (ראש בספרדית), לנסות ולתהות ולפעמים גם לטעות.
    לשמחתנו, יש את זהר שבפרשנויות שלו ובתובנות שלו עוזר לנו לפזר את הערפל הרב.
    שפו זהר

    • שלום יוסי ותודה,
      אכן "ערפל" כבד. שנת 2013 היתה שנה של מהפכות בקידום אורגני. אתרים עלו וירדו (על כל אחד שיורד, יש אחד שעולה) והקידום הממומן פרח ועלה. במהלך השנה גוגל החביאה את מילות המפתח ואני מכוון ל- Not Provided עליו תוכל לקרוא כאן, כלי מילות המפתח הפך להיות מתכנן מילות המפתח עם הרבה פחות מידע ועוד.
      אבל אם הייתי מנסה למצוא עוגנים בערפל, אוכל להציע שניים (יש יותר עוגנים): האחד זה תוכן, תוכן איכות ברמה ואולי שלוש רמות ממה שייצרנו עד כה ו- מהירות אתר שהפכה להיות סופר חשובה ומשקלה בדרוג עולה משנה לשנה ככול שהלקוחות נעשים פחות סבלניים.
      אם יורשה לי לנבא את ההמשך, לא נראה לי שהגל חלף וגם בשנת 2014 נראה שינויים משמעותיים בדירוג ולכן חשוב להיצמד לעוגן כמו תוכן. תוכן הוא המלך! ומעניין מי היא המלכה? על השאלה הזאת אענה בכנס קידום אתרים בדרך הנכונה אינטרנטי חינמי אותו אני עורך בקרוב.

כתיבת תגובה

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

כמה זה? *

נגישות