لقد سمعت أن الويب قد أصبح أكثر وضوحًا وأن الصور الرائعة في موقع نشاطك التجاري مهمة.
لكن هذه الصور قد تكون آفة لزوار موقعك على الويب. حساب صور ل 1 ميغابايت من 1.7 ميغابايت يحتوي متوسط صفحة ويب.
قد لا يكون هذا مشكلة كبيرة لزائريك على أجهزة كمبيوتر سطح المكتب باستخدام اتصالات الإنترنت عالية السرعة. ومع ذلك ، إذا كنت ترى أو ترغب في مشاهدة زيارات متزايدة من زائري الجوال ، فقد تكون هذه الصور مشكلة. يمكن أن تستغرق صفحات الويب ذات ثقل الصورة وقتًا طويلاً للتنزيل. يشعر الزوار بالإحباط ويغادرون موقعك.
$config[code] not foundربما تكون قد نفذت تصميم ويب سريع الاستجابة ، معتقدًا أنه يحل جميع مشكلات هاتفك الجوّال. وصحيح أن تصميم الويب سريع الاستجابة يحل بعض المشكلات. ويقوم تلقائيًا بترتيب وعرض عناصر موقعك ليتم عرضها على شاشات متحركة أصغر وأضيق.
لكن تصميم الويب سريع الاستجابة ليس هو الحل لكل شيء. لا يحل بالضرورة مشكلة تنزيل الصور. حتى مع التصميم المتجاوب ، لا يزال يتم تحميل هذه الصور الوزن الثقيل عدة مرات على أي حال. وكما يشير المتخصص في أداء الويب يوآف فايس بإيجاز على موقع Opera:
يجمع "تصميم الويب المتجاوب RWD بين إمكانات المستعرض الجديدة وتقنيات CSS لإنشاء مواقع ويب تتكيف مع الجهاز الذي يعرضها ، وتبدو مثالية في كل مكان. مكن ذلك المطورين من التوقف عن القلق بشأن اكتشاف الأجهزة غير الموثوق بها والتفكير في مواقعهم على الويب من حيث أبعاد إطار العرض.
ولكن على الرغم من أن مواقع RWD كانت مختلفة على كل جهاز ، تحتها ، استمر معظمها في تنزيل نفس الموارد لجميع الأجهزة ".
الجديد
إذا كنت لا تعرف شيئًا عن شفرة HTML ، فإن التعريف غير التقني هو: إنها لغة خاصة. عند استخدامها خلف الكواليس في شفرة موقعك على الويب ، تقدم هذه اللغة تعليمات حول كيفية عرض المتصفح للنص والصور. عنصر الصورة الجديد هو نوع من لغة ترميز HTML. إنه مكتوب مثل هذا (لكل مجموعة Community Responsive Images): عنصر الصورة هو عن الاستجابة الصور، لا تستجيب التصميم. بالنسبة لرجال الأعمال غير التقنيين ، قد يبدو هذا التمييز صغيرا. ولكن عندما يتعلق الأمر بأداء موقعك على أجهزة الجوال ، فقد يكون أمرًا مهمًا. وفقًا لتقرير ArsTechnica ، يتناول عنصر الترميز الجديد المشكلات التي تسببها الصور التي كان من المفترض مشاهدتها على شاشة كاملة الحجم - صور لا تترجم جيدًا إلى أجهزة الجوال. ال
"عندما يواجه المتصفح عنصر صورة ، فإنه يقوم أولاً بتقييم أي قواعد قد يحددها مطور الويب. *** ثم ، بعد تقييم القواعد المختلفة ، يختار المتصفح أفضل صورة استنادًا إلى معاييره الخاصة. هذه ميزة رائعة أخرى لأن معايير المتصفح يمكن أن تتضمن إعداداتك. على سبيل المثال ، قد توفر المستعرضات المستقبلية خيارًا لوقف الصور عالية الدقة من التحميل عبر شبكة الجيل الثالث ، بغض النظر عما قد يقوله أي عنصر صورة على الصفحة. بمجرد أن يعرف المتصفح الصورة التي هي الخيار الأفضل ، فإنه يقوم بالفعل بتحميل هذه الصورة وعرضها في عنصر img قديم جيد. … ما يحدث هو أن الصورة تلتف على علامة img. إذا كان المتصفح قديمًا جدًا في معرفة ما يجب عمله لم يقبل كل المطورين عنصر الصورة الجديد في البداية. توضح قصة آرس تكنيكا العملية التي مر بها القادة في مجتمع تطوير الويب للوصول إلى نقطة حيث $config[code] not found ولكن يبدو الآن أن المشكلة قد تمت تسويتها ، مع اعتماد عنصر HTML الجديد للصورة. ال
كرجال أعمال ، شيء مهم أن تعرفه هو ذلك تنفيذ عنصر صورة HTML للصور هو شيء لمناقشة مع مطور الويب الخاص بك. يمكن للذهان من الناحية الفنية والقيام بأنفسهم الذهاب هنا لمعرفة كيفية استخدام عنصر الصورة. إنها كتابة ممتازة كتبها سكوت جيلبرتسون. لا تتردد في التنفيذ
الصور: شترستوك RICG ما هو عنصر HTML صورة؟
النقاط الرئيسية حول