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

[eliav12]

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

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

[yonatan]

הפוסט שלך נחמד מאוד ומכיל כלים מאוד שימושיים, רק חסר אחד

שחכת את pagespeed ,
יש הרצאה מדהימה בנושא:
https://www.youtube.com/watch?v=BaWokURhU_k

https://developers.google.com/speed/pagespeed/

[Kernel]

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

בעיקר ב-backend:
1. gzip on.
2. keepalive on.

ב-frontend:
1. compress and combine css/js/
2. lazy loading for images
3. load css before js (כשעושים את זה שניהם נטענים ביחד, כשזה נעשה בסדר הפוך ה-CSS נטען אחרי ה-JS).
4. reduce image size.

ועוד.
כלי ממש מומלץ: webpagetest.org

[yonatan]

נכתב במקור על ידי Kernel

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

בעיקר ב-backend:
1. gzip on.
2. keepalive on.

ב-frontend:
1. compress and combine css/js/
2. lazy loading for images
3. load css before js (כשעושים את זה שניהם נטענים ביחד, כשזה נעשה בסדר הפוך ה-CSS נטען אחרי ה-JS).
4. reduce image size.

ועוד.
כלי ממש מומלץ: webpagetest.org

בדיוק זה חלק מהנושאים שמכסים בהרצאה של גוגל

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


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

מכניסים את כתובת האתר , וזה נותן הצעות ליעול ושיפור ואפילו ציון :
http://developers.google.com/speed/pagespeed/insights/

[Dvirs.Net]

מצטרף להמלצה על webpagetest.

רוב האתרים לא מבצעים את השלבים בצד שלהם, אם זו דחיסת קבצים, תמונות (PNG) או שימוש ב-SPRITES.
פשוט בונים, מעלים וזהו. אחרי תקופה מגיעים למצב שהעמוד שוקל 600KB במקרה הטוב עם 130 בקשות כש-90 מהן תמונות.
אנחנו לא נותנים חשיבות שאפילו אייקון ששוקל 1KB או חצי מזה יכול להאט את טעינת העמוד כשיש עוד 30 חברים שלו נטענים יחדיו בעמוד.

אני עשיתי בדיקות בעצמי לפני כמה חודשים, עמוד זהה במצבו הנוכחי ועמוד משודרג עם דחיסת קבצי CSS JS, חיבור של הקבצים כולם, דחיסת קבצי PNG + שימוש ב-SPRITES והתוצאות היו מדהימות.