האצת האתר בצורה אוטומטית ע"י שיפור בסקריפט
 

כתבתי בבלוג שלי סקירה על סקריפטים שמאיצים את טעינת האתר,
לצורך הדגמה העתקתי את האתר של sPD.co.il והצגתי מס' דרכים להמהרתו.

הארות/הערות/תגובות - בבקשה בבלוג.

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

היי Ray, תודה רבה.

אם אתה מעוניין להתמקצע יותר בנושא הזה, אני ממליץ לך 2 הספרים של סטיב סאודרס (לפי הסדר)
High performance websites
Even faster websites

(באמזון וב-Ebay תמצא את הספרים במחיר הרבה יותר נמוך)

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

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

שלום יגאל, אני לא יכול לפרסם את קוד המקור של האופטימציה שלי, אחרי הכל מדובר בפרנסה שלי,
תוכל לקרוא עוד על imaeg data uri(שיפור מאוד יעיל) כאן.

שים לב ש-data:image לא נתמך ב-IE7 (ועוד כמה דפדפנים ענתיקה) אז יש לתכנן שימוש נכון מראש.

לגיטימי :)

לגבי ההשימוש ב-data uri, מה היתרון פה?
כלומר, אם אתה מכניס את את המידע ב-CSS אז מתבצע קאשינג של ה-CSS ועל הדרך של התמונה, אבל אם אתה משתמש בתגית img וה-src שלה embedded, אז אתה לא מנצל את הקאשינג של הדפדפן.. לא חבל?
או שהעלות לגשת לשרת ולבדוק אם היה עדכון עבור תמונות (בד"כ קטנות - בהן מתבצע בד"כ השימוש ב-data uri) לא שווה את המאמץ?

מחמיא :)
אני מתאר לעצמי שאני אהיה איתך בקשר בנוגע לתוצאות..

תגובה מלאה פרסמתי בפוסט.

בקשר לקוד המקור - די חבל שלא ניתן לראות את התוצר הסופי, זה יכול להיות מועיל ומלמד מאוד.
מצד שני, הסיבה מובנת בהחלט :).

כמו שציינתי בבלוג, פוסט מעולה.

כשאתה מטמיע תמונה כ-data uri בקובץ css אתה חוסך בקשת GET לתמונה, ניתן ליישם את זה גם בעמוד ה-html, אבל אז אתה מאבד את ה-caching (מתאים לדפי נחיתה).