مقالة مقدمة من wulin.com (www.vevb.com): إيجابيات وسلبيات العفاريت CSS.
إيجابيات وسلبيات العفاريت CSS
فيما يتعلق بهذه التكنولوجيا ، فإن الفوائد الأكبر هي ما يلي:
1. تقليل عدد طلبات HTTP عند تحميل صفحة الويب. يبدو أن هذا الموقف ينطبق فقط على الحالات التي يجب إعادة تشكيل الموارد فقط من جانب الخادم ، مثل التحميل الأولي. ولكن بغض النظر عن السبب ، فإنه لا يزال مفيدًا جدًا لصفحة ويب ذات حركة مرور عالية أو إعادة تحميل متكررة.
2. عند إنشاء صورة خلفية للرابط ، يمكن أن يمنع انتشار الخلفية الناتجة عن تحميل صورة الخلفية عند التحوم. أنا شخصياً أعتقد أن هذا ذو أهمية في تحسين تجربة المستخدم.
3. الصور سهلة الإدارة. الفرضية هي أن صور الخياطة لها قواعد معينة. كما هو موضح في الصورة أدناه ، فهي صورة لخلفية الزر تستخدمها جميع مواقع الويب. يتيح لك هذا رؤية جميع أنماط الأزرار في الموقع بشكل حدسي. (أنا شخصياً أحب تهجئة الصور وفقًا لبعض سمات الصورة. صورة واحدة هي رمز أو خلفية BTN ... وبهذه الطريقة ، يمكن إدارة الصور بالمناسبة ، ويمكن اتباع الصور ذات القواعد ، والتي من السهل ترتيبها معًا. يسمى.
CSS Sprites نطاق التطبيق:
1. يجب إكمال تسريع صفحة الويب عن طريق تقليل عدد طلبات HTTP.
2. تحتوي صفحة الويب على عدد كبير من الرموز الصغيرة. أو ، بعض الرموز متعددة الاستخدامات.
3. هناك صور تحتاج إلى تحميل مسبقًا على صفحة الويب. يرتبط بشكل رئيسي بصورة خلفية: تحوم. إذا تم تحميل صور الخلفية لـ A و A: Hover بشكل منفصل ، فسوف ينتقل فأر المستخدم إلى زر ، وستختفي خلفية الزر فجأة ثم تظهر ، مما يسبب فلاش. إذا كان لون النص للزر هو نفسه أو مشابه للخلفية ، فسيكون ذلك أكثر إحراجًا ، مما قد يجعل الناس يشعرون أن الزر قد اختفى.
الظروف التي يتعين الوفاء بها
في صفحات الويب ، من الأفضل أن يكون لديك قاعدة للصور التي يتم تجميعها من خلال هذه التقنية. ضبط العرض أو الارتفاع. من الأفضل ضبط العرض والارتفاع. من الواضح أن الصور التي تتطلب البلاط ليست مناسبة للعفريت.
كما هو موضح في الصورة أعلاه ، يتم تحديد الأزرار حسب حالة العرض الثابت والارتفاع.
في حالة العرض الثابت ، يمكن ترتيب عدة صور صغيرة بالتوازي. عند ضبط الارتفاع ، يتم ترتيب الصور الصغيرة رأسياً.
إذا لم تكن الخلفية ذات عرض ثابت أو ارتفاع ثابت ، فمن السهل استخدام تقنية CSS Sprites في حالة عدم العرض الثابت أو الارتفاع الثابت ، فمن السهل إنتاج حالة الصور التي لا ينبغي أن تظهر في الصفحة. إذا تم تعيين الارتفاع بالقوة ، فسيكون غير مواتٍ للغاية للصيانة المستقبلية.
لخص
ما إذا كانت هذه التكنولوجيا جيدة أو سيئة لا يمكن تعميمها. ذلك يعتمد على الموقف المحدد للموقع. عند التحليل ، قرر أولاً ما إذا كنت بحاجة إليه أم لا ، وكذلك دمج تكاليف التطوير وتكاليف الصيانة وغيرها من المشكلات بشكل شامل. ابحث عن خطة تناسب الموقف الفعلي قبل اتخاذ قرار. استخدم العفاريت في الوقت المناسب ، ويوصى بعدم وضع صور لأحجام مختلفة ، والمحاذاة ، والاستخدامات بطرق متطرفة للحفاظ عليها. قد لا تقلل مثل هذه الأحداث القصوى من عدد طلبات HTTP ، ولكن بدلاً من ذلك تضع مخاطر خفية للصيانة المستقبلية.