שאלה| האצת אתר - 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>

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


אבי.

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

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

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

[MaorH]

אין שיטה להאיץ את האתר , זה סתם חרטוט.