רוטר - מה השיטה הטובה ביותר לטעון הרבה תמונות קטנות בטעינת עמוד?

יומן פעילות	לוח שנה	מבזקי חדשות	תקנון	RSS	כותרות	כותרות לפי תגובה	ניקוי קוקיז	IP	להורדת אפליקציה
eBay	AliExpress	GearBest	Amazon	Booking	Kiwi	SkyScanner	Trip Advisor

"מה השיטה הטובה ביותר לטעון הרבה תמונות קטנות בטעינת עמוד?"

גירסת הדפסה

קבוצות דיון פיתוח, תיכנות ובניית אתרים נושא #21067	מנהל סגן המנהל מפקח Winner צל"ש מומחה

אשכול מספר 21067

Bonito
חבר מתאריך 22.9.09
14859 הודעות

12:30 08.01.15

מה השיטה הטובה ביותר לטעון הרבה תמונות קטנות בטעינת עמוד?

באזור ה800 תמונות, בעבר השתמשו בSPRITES, התחלתי לקרוא קצת על DATA-URI.

מה מומלץ?(עם כמה שפחות בקשות לשרת)

שתף

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

האשכול	מחבר	תאריך כתיבה	מספר
אם זה תמונות קבועות - עדיף לשים תמונה אחת גדולה לדעתי, ככה יהיה פחות IO ולטפל	איציק2	08.01.15 22:53	1
אם אתה רוצה לחסוך בקשות לשרת	VeNom	08.01.15 23:49	2
אם כבר, למה לא להטמיע את ה-DATA בתוך ה-html ישירות?	meni181818	09.01.15 00:53	3
תודה על העזרה, חילקתי את זה בסוף ל3 SPRITES, חסכתי 4 שניות בטעינת העמוד	Bonito	09.01.15 12:38	4

איציק2
חבר מתאריך 26.4.08
2436 הודעות

22:53 08.01.15

1. אם זה תמונות קבועות - עדיף לשים תמונה אחת גדולה לדעתי, ככה יהיה פחות IO ולטפל
בתגובה להודעה מספר 0

בתצוגה בצד לקוח.. (כל פעם להציג רק חלק מהתמונה)

(ניהול: מחק תגובה)

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

VeNom

חבר מתאריך 7.6.02
7922 הודעות, 1 פידבק

23:49 08.01.15

2. אם אתה רוצה לחסוך בקשות לשרת
בתגובה להודעה מספר 0

אתה יכול ליצור לך קובץ JSON שיכיל binary data של התמונות.
ה- KEY יהיה ה ID של האלמנט(אם בכלל יש כזה, אחרת אתה תחזיק מערך).
הנה אתר שיכול להראות לך איך עושים את זה:
http://www.kawa.net/works/js/data-scheme/base64-e.html

בגדול אני בחיים לא ראיתי דף שמחזיק ככה את התמונות ובכלל נדיר לראות 800 תמונות על דף.
אם אתה רוצה לצמצם בקשות לשרת ו SPRITE לא בא בחשבון זה אולי יתאים לך..

(ניהול: מחק תגובה)

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

meni181818

חבר מתאריך 12.12.13
1032 הודעות, 1 פידבק

00:53 09.01.15

3. אם כבר, למה לא להטמיע את ה-DATA בתוך ה-html ישירות?
בתגובה להודעה מספר 2

http://s28.postimg.org/izm7890yz/image.gif

(ניהול: מחק תגובה)

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

Bonito
חבר מתאריך 22.9.09
14859 הודעות

12:38 09.01.15

4. תודה על העזרה, חילקתי את זה בסוף ל3 SPRITES, חסכתי 4 שניות בטעינת העמוד
בתגובה להודעה מספר 0

השתמשתי בכלי נחמד שעלה כמה דולרים אבל עשה עבודה מושלמת:
http://spritepad.wearekiss.com/

(ניהול: מחק תגובה)

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