ما هو التحسين التدريجي؟

Question

ذكر جيف مفهوم "التحسين التدريجي" عند الحديث عن استخدام JQuery لكتابة تدفق المكدس.

وبعد بحث سريع في Google، وجدت بضع مناقشات رفيعة المستوى حول هذا الموضوع.

هل يمكن لأي شخص أن يوصي بمكان جيد للبدء كمبرمج.

على وجه التحديد، كنت أكتب تطبيقات الويب بلغة PHP وأرغب في استخدام YUI لتحسين الصفحات التي أكتبها، ولكن يبدو أن الكثير منها يعتمد بشكل كبير على JavaScript، حيث يتم تنفيذ معظم العمل باستخدام JavaScript.بالنسبة لي، يبدو هذا مبالغة بعض الشيء، نظرًا لأن عرض الموقع بدون جافا سكريبت قد يؤدي إلى تعطيل معظمه.

أي شخص لديه بعض الأماكن الجيدة للبدء في استخدام هذه الفكرة، فأنا لا أهتم حقًا باللغة.

من الناحية المثالية، أود أن أرى كيف تبدأ في إنشاء HTML الثابت أولاً، ثم إضافة YUI (أو أي إطار عمل Ajax) إليه حتى تحصل على فوائد عميل أكثر ثراءً؟

Answer 1

أنظر أيضا جافا سكريبت غير مزعجة وهو الأساس الذي تم بناؤه للتعزيز التقدمي.

Answer 2

كما قلت

بالنسبة لي، يبدو هذا مبالغة بعض الشيء، نظرًا لأن عرض الموقع بدون جافا سكريبت قد يؤدي إلى تعطيل معظمه.

هذا ليس التحسين التدريجي.يتم التحسين التدريجي عندما يعمل الموقع بشكل مثالي بدون JavaScript أو CSS ثم إضافة (طبقات) هذه التقنيات/الأكواد الإضافية لزيادة سهولة الاستخدام ووظائف موقع الويب.

أفضل مثال يمكنني تقديمه هو مربع إدخال العلامة على هذا الموقع.مع إيقاف تشغيل JavaScript، سيظل يعمل مما يسمح لك بإدخال علامات مفصولة بمسافة.عند تشغيل JavaScript، ستحصل على قائمة منسدلة تحتوي على اقتراحات للإدخالات السابقة.

هذا هو التحسين التدريجي.

Answer 3

كتبت أ درس تعليمي عند إنشاء استطلاع يستخدم التحسين التدريجي في NETTUTS.تتمثل الفكرة في إنشاء موقع فعال باستخدام XHTML/CSS وPHP، ثم اعتراض النماذج وما إلى ذلك باستخدام Javascript.(لقد استخدمت JQuery).

Answer 4

يُشار أحيانًا إلى الذهاب إلى الأمر من الاتجاه الآخر على أنه تدهور رشيق.عادةً ما يكون هذا مطلوبًا عندما يتم إنشاء الموقع أولاً باستخدام الوظائف المحسنة التي توفرها التقنيات المختلفة، ثم يتم تعديلها لتتحلل بشكل أنيق للمتصفحات التي لا تتوفر فيها هذه التقنيات.

إنه أيضًا تدهور رائع عند التصميم للعمل مع المتصفحات القديمة (القديمة في مصطلحات الإنترنت) مثل IE 5.5 وNetscape وما إلى ذلك...

في رأيي، يتطلب الأمر مزيدًا من العمل لتدهور التطبيق بأمان.إن تعزيزها تدريجيًا يميل إلى أن يكون أكثر كفاءة؛ومع ذلك، في بعض الأحيان تنشأ الحاجة إلى استخدام تطبيق موجود وإتاحته في هذه البيئات الناقصة.

Answer 5

في الأساس، إذا كان موقعك لا يزال يعمل مع إيقاف تشغيل JavaScript، فيمكن اعتبار أي شيء تضيفه باستخدام JavaScript تحسينًا تقدميًا.

قد يعتقد بعض الأشخاص أن هذا غير ضروري، لكن الكثير من الأشخاص يتصفحون باستخدام الوظائف الإضافية مثل NoScript (أو مع إيقاف تشغيل JavaScript ببساطة في إعدادات المتصفح لديهم).بالإضافة إلى ذلك، قد تدعم أو لا تدعم العديد من متصفحات الويب للجوال JavaScript.لذا، من الجيد دائمًا اختبار موقعك بالكامل باستخدام JavaScript وبدونه.

Answer 6

التحسين التقدمي هو أسلوب تطوير يؤكد على أولوية HTML الدلالي، ثم اختبار المتصفحالإمكانية و"الطبقات" المشروطة على تحسينات JavaScript و/أو CSS للمتصفحات التي يمكنها الاستفادة من هذه التحسينات.

أحد المفاتيح هو فهم أننا نختبر ما يستطيع المتصفح القيام به يفعل, ، على عكس المتصفحاستنشاق. موديرنيزر هي مجموعة اختبار قدرة المتصفح المشهورة جدًا.

يمكن الوصول إلى التحسين التدريجي بطبيعته (القسم 508)؛وينص على تلبية نص القانون و روح القاعدة.

مجموعة الخيوط كتبت ممتازة "التصميم مع التحسين التدريجي" كتاب في الموضوع .(أنا لست تابعًا لمجموعة Filament Group، على الرغم من أنهم أذكياء جدًا لدرجة أنني أتمنى لو كنت كذلك.)

Answer 7

هذا مفهوم مهم ويحزنني أن عددًا قليلاً جدًا من مطوري الويب يفهمونه.

في الأساس، ابدأ ببناء موقع/إطار عمل بلغة HTML القديمة البسيطة - العناصر الهيكلية والروابط والنماذج.ثم أضف بعض الأنماط ثم الأشياء اللامعة (Ajax أو أي شيء لديك).

انها ليست صعبة للغاية.يحب حصان شاحب يقول، التدهور الرشيق هو المزيد من العمل.

يجب أن تعمل مواقع الويب في أي وكيل مستخدم، وألا تبدو بنفس الشكل (ولا حتى تبدو ولكنها تبدو سليمة إذا كانت رؤيتك ضعيفة)، بل يجب أن تعمل فقط.

Answer 8

تحسين تدريجي:

1. موقع HTML/CSS العادي رائع (العمل بشكل كامل وسهل الاستخدام).
2. تؤدي إضافة JavaScript إلى تحديد مستوى جديد من الروعة.