טעינת האתר

11-08-2011, 12:14

tsachibenezra tsachibenezra אינו מחובר

חבר מתאריך: 06.06.07

הודעות: 749

טעינת האתר

מה המצב

איך אני יכול לדעת מתי כל האתר סיים להטען

כולל כל התמונות JS CSS API וכו

תודה

11-08-2011, 12:25

Benjamin Willard Benjamin Willard אינו מחובר

חבר מתאריך: 25.04.11

הודעות: 9,931

בתגובה להודעה מספר 1 שנכתבה על ידי tsachibenezra שמתחילה ב "טעינת האתר"

אתה רוצה למדוד ביצועים?
יש כלי מובנה בכרום ובשועל, ויש את FireBug

בתגובה להודעה מספר 1 שנכתבה על ידי tsachibenezra שמתחילה ב "טעינת האתר"

תרשום ב- body
קוד:
<body onload="alert('finish!');">
  

_____________________________________

11-08-2011, 13:46

yoavmatchulsky yoavmatchulsky אינו מחובר

חבר מתאריך: 15.08.06

הודעות: 1,561

בתגובה להודעה מספר 3 שנכתבה על ידי Abrasha70 שמתחילה ב "ב- Javascript"

זה לא נכון

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

_____________________________________

!!אזהרה!!

ההודעה עלולה להכיל שברי אגוזים ו/או איברי דגים כלשהם

!!אזהרה!!

בתגובה להודעה מספר 4 שנכתבה על ידי yoavmatchulsky שמתחילה ב "זה לא נכון ברוב הדפדפנים,..."

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

_____________________________________

11-08-2011, 15:56

tsachibenezra tsachibenezra אינו מחובר

חבר מתאריך: 06.06.07

הודעות: 749

בתגובה להודעה מספר 5 שנכתבה על ידי Abrasha70 שמתחילה ב "[font=Verdana]אם כבר אתה..."

אני רוצה לייצר LODING שמופיע

ורק אחרי שכל המערכת נטענת + תמונות וכו

להכניס אותה בפייד

תודה

בתגובה להודעה מספר 1 שנכתבה על ידי tsachibenezra שמתחילה ב "טעינת האתר"

קוד:
loaded = false;
window.onload = function(){ window.loaded = true; }

window.onload = function(){ initPage(); }
אתה יכול להתייחס למשתנים והפונקציות במרחב הגלובאלי, כמאפיינים ושיטות של האובייקט window (מה שמאפשר לך גישה נוחה מתוך פונקציות ואובייקטים אחרים).

בתגובה להודעה מספר 7 שנכתבה על ידי ישראל K שמתחילה ב "[CODE] loaded =..."

זה לא בדיוק אותה פעולה שתגרום למה ש yoavmatchulsky כתב?

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

_____________________________________

[התמונה הבאה מגיעה מקישור שלא מתחיל ב https ולכן לא הוטמעה בדף כדי לשמור על https תקין: http://fresh.clanteam.com/list.png]

[התמונה הבאה מגיעה מקישור שלא מתחיל ב https ולכן לא הוטמעה בדף כדי לשמור על https תקין: http://fresh.clanteam.com/?https://2010-uploaded.fresh.co.il/2010/09/21/52868411.gif,http://www.boredpanda.com/blog/wp-content/themes/mimbo2.2/images/subscribe-panda-605px.png]

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

מה שהוא כתב אכן קשור לזה (יש בעיה עם זה שיש קשר בין תוכן ההודעות שלנו?!).

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

בתגובה להודעה מספר 9 שנכתבה על ידי ישראל K שמתחילה ב "מה שהוא כתב אכן קשור לזה (יש..."

מצאתי את מה שחיפשתי
ready state
https://developer.mozilla.org/en/DO...ment.readyState

קבל:
http://dean.edwards.name/my/readyState.html

אני מריץ על chrome ‪13.0.782.112 m‬
והתוצאה:
קוד:
document start (readyState=loading)
document half-way (readyState=loading)
document end (readyState=loading)
document after the BODY element (readyState=loading)
document.onreadystatechange (readyState=interactive)
document.onreadystatechange (readyState=complete)
image.onload
window.onload
כלומר אחרי התמונה...

ואגב ה onreadystatechange זכור לי שעושה בעיות :|

בכל מקרה גם זה עלה לי בגוגל
http://www.seabreezecomputers.com/tips/progress.htm
נראה שהוא הפריד בין כמה דפדפנים וכמובן יש לו טיימר שבודק אם סיים לטעון את כל התמונות...
אהמ בלי jQuery רק עם .complete.

_____________________________________

[התמונה הבאה מגיעה מקישור שלא מתחיל ב https ולכן לא הוטמעה בדף כדי לשמור על https תקין: http://fresh.clanteam.com/list.png]

[התמונה הבאה מגיעה מקישור שלא מתחיל ב https ולכן לא הוטמעה בדף כדי לשמור על https תקין: http://fresh.clanteam.com/?https://2010-uploaded.fresh.co.il/2010/09/21/52868411.gif,http://www.boredpanda.com/blog/wp-content/themes/mimbo2.2/images/subscribe-panda-605px.png]

בתגובה להודעה מספר 10 שנכתבה על ידי Eran שמתחילה ב "מצאתי את מה שחיפשתי ready..."

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

#12

12-08-2011, 10:57

yoavmatchulsky yoavmatchulsky אינו מחובר

חבר מתאריך: 15.08.06

הודעות: 1,561

בתגובה להודעה מספר 1 שנכתבה על ידי tsachibenezra שמתחילה ב "טעינת האתר"

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

קוד לדוגמא ב jQuery כדי לבדוק מתי כל התמונות שלך סיימו לטעון. הקוד מוסיף לכל התמונות את הקלאס not-complete ועד בודק תמונה תמונה אם היא סיימה לטעון. הוא יעשה את הבדיקה כל 500 מילישניות עד שלא נשארו יותר תמונות שהן not-complete.
קוד:
$(function() {
  $('img')
	.addClass('not-complete')
	.each(function (i) {
	  if (this.complete && this.width > 0) {
		$(this).removeClass('not-complete');
	  }
	});

  var img_finished_loading_interval = setInterval(function () {
	var not_completed = $('img.not-complete');
	if (not_completed.length == 0) {
	  start_loading_sequence_here();
	  clearInterval(img_finished_loading_interval);
	}
	else {
	  not_completed.each(function (i) {
		if (this.complete && this.width > 0) {
		  $(this).removeClass('not-complete');
		}
	  });
	}
  }, 500)
});
שים לב שזה רק תמונות שמוגדרות בעמוד. כל התמונות ב CSS לא נכנסות לקטגוריה הזאת. בעצם לא נראה לי שיש שום דרך לבדוק אם תמונות CSS סיימו להיטען.
וגם לא בדקתי את הפונקציה ששמתי למעלה, אז אולי צריך לעשות לה קצת טוויקינג. אני העברתי את הרעיון פה, קח את זה לאן שתרצה

_____________________________________

!!אזהרה!!

ההודעה עלולה להכיל שברי אגוזים ו/או איברי דגים כלשהם

!!אזהרה!!

« לאשכול הקודם | לאשכול הבא »

כלי אשכול	חפש באשכול זה
הצג גירסת הדפסה שלח דף זה ב E-Mail	חפש באשכול זה: חיפוש מתקדם
מצבי תצוגה	דרג אשכול זה
עבור למצב לינארי מצב כלאיים עבור למצב משורשר	דרג אשכול זה:

אפשרויות משלוח הודעות
אתה לא יכול לפתוח אשכולות חדשים אתה לא יכול להגיב לאשכולות אתה לא יכול לצרף קבצים אתה לא יכול לערוך את ההודעות שלך קוד vB פעיל סמיילים פעיל קוד [IMG] פעיל קוד HTML כבוי

מעבר לפורום

כל הזמנים המוצגים בדף זה הם לפי איזור זמן GMT +2. השעה כעת היא 21:59

הדף נוצר ב 0.04 שניות עם 11 שאילתות
צור קשר - Fresh - למעלה