הוסטס - פורום אחסון האתרים הגדול בישראל - שאלה| האצת אתר

- פורום תיכנות (https://hosts.co.il/forums/forumdisplay.php?f=14)

- - שאלה| האצת אתר - PHP (https://hosts.co.il/forums/showthread.php?t=98426)

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

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

הCSS כבר מכווץ.

שבת שלום :)

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

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

ציטוט:

נכתב במקור על ידי בניה (פרסם 850213)

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

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

ציטוט:

נכתב במקור על ידי Kernel (פרסם 850215)

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

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

תודה רבה :)

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>

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

אבי.

ציטוט:

נכתב במקור על ידי Kernel (פרסם 850225)

קוד:

<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>

קוד:

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

קוד:

<FilesMatch "\.(ico|jpg|jpeg|png|gif|js|css|swf)$">

Header set Cache-Control "max-age=290304000, public"

Header unset ETag

FileETag None

</FilesMatch>

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

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

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

ציטוט:

נכתב במקור על ידי Wekey (פרסם 850226)

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

ציטוט:

נכתב במקור על ידי Kernel (פרסם 850225)

קוד:

<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>

קוד:

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

קוד:

<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 (פרסם 850229)

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

הבנתי תודה :)

ציטוט:

נכתב במקור על ידי Wekey (פרסם 850235)

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

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

בקשר ל -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.

הבנתי תודה :)

תגובה באדום.

ציטוט:

נכתב במקור על ידי Kernel (פרסם 850243)

תגובה באדום.

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