שמעתם כי האינטרנט הפך יותר חזותיים תמונות נהדר באתר העסק שלך חשובים.
אבל התמונות האלה עשויים להיות הנגע של המבקרים באתר שלך. תמונות עבור 1MB מתוך 1.7MB המכיל את דף האינטרנט הממוצע.
זה לא יכול להיות בעיה גדולה עבור המבקרים שלך על מחשבים שולחניים באמצעות חיבורי אינטרנט במהירות גבוהה. עם זאת, אם אתה רואה או רוצה לראות תנועה מוגברת ממבקרים בנייד, התמונות האלה עשויות להוות בעיה. דפי אינטרנט כבדים של תמונות עשויים להימשך זמן רב. המבקרים מקבלים מתוסכל לעזוב את האתר שלך.
$config[code] not foundייתכן שיהיה מיושם עיצוב אינטרנט תגובה, לחשוב כי פותר את כל הבעיות הניידות שלך. וזה נכון כי עיצוב אינטרנט תגובה פותרת כמה בעיות. זה באופן אוטומטי מארגן ומציג את רכיבי האתר שלך כדי להיות צפו על קטן יותר, מסכים ניידים צרים.
אבל עיצוב אתרים תגובה היא לא התשובה לכל דבר. זה לא בהכרח לפתור את הבעיה להוריד את התמונה. אפילו עם עיצוב תגובה, פעמים רבות אלה תמונות כבד עדיין מורידים בכל זאת. כמומחה לביצועים באינטרנט, יואב וייס, מצביע על אתר האופרה:
"עיצוב אתרים בעל יכולת תגובה RWD שילב יכולות דפדפן חדשות וטכניקות CSS ליצירת אתרים המותאמים למכשיר המציג אותם, ונראה אידיאלי בכל מקום. הדבר איפשר למפתחים להפסיק לדאוג לגבי זיהוי מכשירים לא מהימן ולחשוב על האתרים שלהם במונחים של מאפיינים של שדה תצוגה.
אבל, למרות אתרי RWD נראה שונה על כל התקן, מתחת, רובם המשיכו להוריד את אותם משאבים עבור כל המכשירים. "
החדש
אם אינך יודע דבר על קוד HTML, הגדרה לא טכנית היא: זוהי שפה מיוחדת. כאשר נעשה שימוש מאחורי הקלעים בקוד האתר שלך, שפה זו מספקת הוראות כיצד הדפדפן צריך להציג את הטקסט והתמונות. רכיב התמונה החדשה הוא סוג של שפת סימון HTML. כתוב כך (לפי קבוצת התמונות של 'תמונות מגיבות'): אלמנט התמונה הוא בעל יכולת תגובה תמונות, לא מגיבים עיצוב. לאנשי עסקים שאינם טכניים, הבחנה זו עשויה להיראות קטנה. אבל כשמדובר בביצועי האתר שלך בניידים, זה יכול להיות משמעותי. על פי דו"ח ArsTechnica, אלמנט הסימון החדש מטפל בבעיות שנגרמות על ידי תמונות שנועדו להיראות על צג בגודל מלא - תמונות שאינן מתורגמות היטב למכשירים ניידים. ה
"כאשר הדפדפן נתקל באלמנט 'תמונה', הוא מעריך תחילה כל כללים שמפתח האינטרנט עשוי לציין. *** לאחר מכן, לאחר הערכת כללים שונים, הדפדפן בוחר את התמונה הטובה ביותר על פי הקריטריונים שלה. זוהי תכונה נחמדה נוספת שכן הקריטריונים של הדפדפן יכולים לכלול את ההגדרות שלך. לדוגמה, דפדפנים עתידיים עשויים להציע אפשרות לעצור תמונות ברזולוציה גבוהה מפני טעינה על פני 3G, ללא קשר למה שכל רכיב תמונה בדף עשוי לומר. ברגע שהדפדפן יודע איזו תמונה היא הבחירה הטובה ביותר, היא למעשה טוענת ומציגה את התמונה באלמנט img ישן. … מה שקורה הוא תמונה עוטפת תג img. אם הדפדפן ישן מדי כדי לדעת מה לעשות לא כל היזמים קיבלו את רכיב התמונה החדשה בהתחלה. הסיפור של ארס טניקה מתאר את התהליך שמנהיגים בקהילת פיתוח האינטרנט עברו עד לנקודה שבה $config[code] not found אבל הבעיה עכשיו נראה מסודר, עם אלמנט HTML תמונה חדשה להיות מאומץ. ה
כאנשי עסקים, דבר חשוב לדעת הוא זה יישום אלמנט HTML תמונה עבור תמונות הוא משהו כדי לדון עם מפתח האינטרנט שלך. את מבחינה טכנית אופקים לעשות זאת בעצמך יכולים ללכת לכאן כדי ללמוד כיצד להשתמש באלמנט תמונה. זה מצוין לכתוב על ידי סקוט Gilbertson. אתה מוזמן ליישם
תמונות: Shutterstock; RICG מהו אלמנט HTML תמונה?
נקודות מפתח על
