שאלה| האצת אתר - PHP

[Mishel]

שלום, איך אוכל להאיץ אתר בצורה משמעותית? האתר בשפת PHP - העלאת תמונות.

הCSS כבר מכווץ.

שבת שלום

[בניה]

מה מפריע בו כרגע?
עשית ניתוח של https://developers.google.com/speed/pagespeed/?

[Kernel]

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

[Mishel]

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

מה מפריע בו כרגע?
עשית ניתוח של https://developers.google.com/speed/pagespeed/?

אין משהו משמעותי שמפריע, הוא לא איטי או משהו אני פשוט רוצה לדעת אם אפשר אפילו לעשות אותו יותר מהיר גם מבחינת העלאת תמונות.
לא הבנתי כלכך מי מה מו, אבל - https://developers.google.com/speed/...F&mobile=false

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

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

http://www.webpagetest.org/result/120706_GQ_NTJ/

תודה רבה

[Kernel]

CSS:
uploadify.css - תמחק את ההערות בקובץ.
uploadify.css ו-style.css תחבר לקובץ אחד.
JS:
את כל קבצי ה-JS תחבר לקובץ אחד. (רק את קבצי האתר, לא קבצים חיצוניים).
Facebook:
אתה טוען את ה-JS של FACEBOOK אבל לא מצאתי מקום כלשהו שאתה משתמש בו,
בכל מקרה, תחליף את הקוד של FB בקוד הבא:

<script>
(function(w, d, s) {
  function go(){
    var js, fjs = d.getElementsByTagName(s)[0], load = function(url, id) {
	  if (d.getElementById(id)) {return;}
	  js = d.createElement(s); js.src = url; js.id = id;
	  fjs.parentNode.insertBefore(js, fjs);
	};
    load('//connect.facebook.net/en_US/all.js#xfbml=1', 'fbjssdk');
  }
  if (w.addEventListener) { w.addEventListener("load", go, false); }
  else if (w.attachEvent) { w.attachEvent("onload",go); }
}(window, document, 'script'));
</script>

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


http://www.hostake.co.il/content/system/js/peafowl.php
אני לא יודע מה הקוד הזה עושה, ואם הוא משתנה בכלל (או משתנה מדפדפן לדפדפן ואז זה גם בסדר) אבל הדפדפן יוריד אותו שוב ושוב ושוב (גם במעבר בין עמודים) בגלל ה-HEADER עם MAX-AGE להיסטורה, ובנוסף הוא חוסם טעינה של שאר האייטמים (בחלק מהדפדפנים) מאחר והוא מוגדר כקובץ JS.

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

Expires: Thu, 19 Nov 1981 08:52:00 GMT
Cache-Control: no-store, no-cache, must-revalidate, post-check=0, pre-check=0

ל:

Cache-Control: max-age=290304000, public

(לא צריך Expires כשיש Cache-Control)

htaccess:
כדי שהדפדפן לא יפנה לשרת כל פעם וישאל אם קבצי ה-CSS/JS/JPG השתנו, תוסיף את הקוד הבא ל-htaccess:

<FilesMatch "\.(ico|jpg|jpeg|png|gif|js|css|swf)$">
Header set Cache-Control "max-age=290304000, public"
Header unset ETag
FileETag None
</FilesMatch>

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


אבי.

[Mishel]

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

CSS:
uploadify.css - תמחק את ההערות בקובץ.
uploadify.css ו-style.css תחבר לקובץ אחד.
JS:
את כל קבצי ה-JS תחבר לקובץ אחד. (רק את קבצי האתר, לא קבצים חיצוניים).
Facebook:
אתה טוען את ה-JS של FACEBOOK אבל לא מצאתי מקום כלשהו שאתה משתמש בו,
בכל מקרה, תחליף את הקוד של FB בקוד הבא:

<script>
(function(w, d, s) {
  function go(){
    var js, fjs = d.getElementsByTagName(s)[0], load = function(url, id) {
	  if (d.getElementById(id)) {return;}
	  js = d.createElement(s); js.src = url; js.id = id;
	  fjs.parentNode.insertBefore(js, fjs);
	};
    load('//connect.facebook.net/en_US/all.js#xfbml=1', 'fbjssdk');
  }
  if (w.addEventListener) { w.addEventListener("load", go, false); }
  else if (w.attachEvent) { w.attachEvent("onload",go); }
}(window, document, 'script'));
</script>

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


http://www.hostake.co.il/content/system/js/peafowl.php
אני לא יודע מה הקוד הזה עושה, ואם הוא משתנה בכלל (או משתנה מדפדפן לדפדפן ואז זה גם בסדר) אבל הדפדפן יוריד אותו שוב ושוב ושוב (גם במעבר בין עמודים) בגלל ה-HEADER עם MAX-AGE להיסטורה, ובנוסף הוא חוסם טעינה של שאר האייטמים (בחלק מהדפדפנים) מאחר והוא מוגדר כקובץ JS.

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

Expires: Thu, 19 Nov 1981 08:52:00 GMT
Cache-Control: no-store, no-cache, must-revalidate, post-check=0, pre-check=0

ל:

Cache-Control: max-age=290304000, public

(לא צריך Expires כשיש Cache-Control)

htaccess:
כדי שהדפדפן לא יפנה לשרת כל פעם וישאל אם קבצי ה-CSS/JS/JPG השתנו, תוסיף את הקוד הבא ל-htaccess:

<FilesMatch "\.(ico|jpg|jpeg|png|gif|js|css|swf)$">
Header set Cache-Control "max-age=290304000, public"
Header unset ETag
FileETag None
</FilesMatch>

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


אבי.

וואו איזה תותח! תודה רבה!

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

לא הבנתי מזה אומר..

[OmerC]

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

וואו איזה תותח! תודה רבה!

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

לא הבנתי מזה אומר..

תשנה למשל מ uploadify.css ל gdfgfd.css זאת הכוונה.

[Mishel]

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

CSS:
uploadify.css - תמחק את ההערות בקובץ.
uploadify.css ו-style.css תחבר לקובץ אחד.
JS:
את כל קבצי ה-JS תחבר לקובץ אחד. (רק את קבצי האתר, לא קבצים חיצוניים).
Facebook:
אתה טוען את ה-JS של FACEBOOK אבל לא מצאתי מקום כלשהו שאתה משתמש בו,
בכל מקרה, תחליף את הקוד של FB בקוד הבא:

<script>
(function(w, d, s) {
  function go(){
    var js, fjs = d.getElementsByTagName(s)[0], load = function(url, id) {
	  if (d.getElementById(id)) {return;}
	  js = d.createElement(s); js.src = url; js.id = id;
	  fjs.parentNode.insertBefore(js, fjs);
	};
    load('//connect.facebook.net/en_US/all.js#xfbml=1', 'fbjssdk');
  }
  if (w.addEventListener) { w.addEventListener("load", go, false); }
  else if (w.attachEvent) { w.attachEvent("onload",go); }
}(window, document, 'script'));
</script>

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


http://www.hostake.co.il/content/system/js/peafowl.php
אני לא יודע מה הקוד הזה עושה, ואם הוא משתנה בכלל (או משתנה מדפדפן לדפדפן ואז זה גם בסדר) אבל הדפדפן יוריד אותו שוב ושוב ושוב (גם במעבר בין עמודים) בגלל ה-HEADER עם MAX-AGE להיסטורה, ובנוסף הוא חוסם טעינה של שאר האייטמים (בחלק מהדפדפנים) מאחר והוא מוגדר כקובץ JS.

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

Expires: Thu, 19 Nov 1981 08:52:00 GMT
Cache-Control: no-store, no-cache, must-revalidate, post-check=0, pre-check=0

ל:

Cache-Control: max-age=290304000, public

(לא צריך Expires כשיש Cache-Control)

htaccess:
כדי שהדפדפן לא יפנה לשרת כל פעם וישאל אם קבצי ה-CSS/JS/JPG השתנו, תוסיף את הקוד הבא ל-htaccess:

<FilesMatch "\.(ico|jpg|jpeg|png|gif|js|css|swf)$">
Header set Cache-Control "max-age=290304000, public"
Header unset ETag
FileETag None
</FilesMatch>

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


אבי.

אבי קודם כל תודה ענקית

אבי קודם כל תודה ענקית

בקשר ל -uploadify - עשיתי.

JS - "רק את קבצי האתר, לא קבצים חיצוניים" - לא הבנתי
ושאלה - במידה ואני מחבר את כולם, אני צריך לשנות עוד משהו במערכת / באתר או שאין קבצים שמובילים אחד אחד לכל קובץ?

http://www.hostake.co.il/content/system/js/peafowl.php -

הקוד שנתת (הראשון) נמצע בFUNCTIONS.PHP, שאני עורך אותו שם ושומר האתר פשוט לא עולה.

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

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

תשנה למשל מ uploadify.css ל gdfgfd.css זאת הכוונה.

הבנתי תודה

[Kernel]

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

אבי קודם כל תודה ענקית

אבי קודם כל תודה ענקית

בקשר ל -uploadify - עשיתי.

JS - "רק את קבצי האתר, לא קבצים חיצוניים" - לא הבנתי
ושאלה - במידה ואני מחבר את כולם, אני צריך לשנות עוד משהו במערכת / באתר או שאין קבצים שמובילים אחד אחד לכל קובץ?

רק את קבצי ה-JavaScript של האתר, אל תכווץ תוספי צד 3 כמו פרסומות/פייסבוק/גוגל פלוס.
לאחר מכן תשנה את ה-Header באתר שיכיל רק את הקובץ החדש.
http://www.hostake.co.il/content/system/js/peafowl.php -

הקוד שנתת (הראשון) נמצע בFUNCTIONS.PHP, שאני עורך אותו שם ושומר האתר פשוט לא עולה.
כשאתה עורך אותו אתה משנה את המבנה של כל האתר, לדעתי אתה צריך לייצא את הפלט של peafowl.php לקובץ JS ולשנות גם את ה-Header.
ובקשר ל" ובנוסף הוא חוסם טעינה של שאר האייטמים (בחלק מהדפדפנים) מאחר והוא מוגדר כקובץ JS. " פתאום נשמע יותר הגיוני, אני לא רואה פרסומות גוגל בעמוד התמונה שאני בפיירפוקס, אתה חושב שזה בגלל זה?
Javascript לא מבטל טעינה, אלא מעכב טעינה, הדפדפן מניח שאולי יש פקודה בקובץ ה-JS שתשנה את מבנה/צורת/טעינת העמוד ולכן הוא מפסיק לעבוד על שאר הדברים עד שהוא מסיים עם קובץ ה-Javascript.


הבנתי תודה

תגובה באדום.

[Mishel]

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

תגובה באדום.

הבנתי, תודה רבה על כל העזרה באמת!