[IgalSt]

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

[Kernel]

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

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

[IgalSt]

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

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

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

לגיטימי

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

[Kernel]

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

לגיטימי

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

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