ذات يوم بدون جافا سكريبت: ما الخطأ الذي قد يحدث؟

الصورة

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

أنا حقا لا أحب أولئك الذين يعتمدون على جافا سكريبت الهشة من أجل العميل ، في حين أن هناك الكثير من البدائل الأخرى. وبنفس الطريقة ، لن آمل في خدمة تاكسي واحدة فقط عندما أذهب إلى المطار في رحلة بالغة الأهمية. إذا كانت هناك احتمالات أخرى - فلماذا لا تستخدمها؟

توصي Skillbox بما يلي: الدورة التعليمية عبر الإنترنت "Profession Java-developer" .
نذكرك: لجميع قراء "هبر" - خصم 10000 روبل عند التسجيل في أي دورة من دورات Skillbox باستخدام الرمز الترويجي "Habr".

بالنسبة لي إنها مسألة أناقة وبساطة بدلاً من التعقيدات غير الضرورية.

علامات تبويب كثيرة جدًا


لذلك ، بدأت تجربتي القاسية بحقيقة أنني اقتصرت على فتح علامات التبويب في المتصفح بالفعل. لدى الأشخاص العاديين 2-3 علامات ، ولكن في حالتي هي 17 علامة تبويب ، لأنني غالبًا ما أعاني من مشكلة عدم الإغلاق.

بجدية ، لم أغلقها أبدًا. لقد جربت أشياء مثل One Tab ، ولكن لا يمكنني تقييد نفسي - عادةً ما يكون لدي 2-3 علامات تبويب مفتوحة ، كل منها أقول لنفسي: "أتركها للعرض لاحقًا". دعنا نعترف فقط أنني بحاجة للعلاج والمضي قدما.

لذلك ، لا يوجد شيء فائق في تجربتي. لقد قمت فقط بإيقاف تشغيل JavaScript في المستعرض وإعادة تحميل الموقع ، لا أكثر. لتعطيل JS بسرعة بنقرة واحدة فقط ، أستخدم Chrome وإضافات Toogle JavaScript ، التي يتم تنزيلها بشكل ساخر عبر متجر Chrome الإلكتروني ، والذي يعمل فقط مع JS.

بالنسبة لك ، عزيزي القارئ ، لقد فتحت علامات التبويب هذه في نوافذ جديدة ، لذلك لا داعي للقلق ، محاولًا إخراج كل منها من عشرات.

الانطباعات الأولى


كيف هي بعد بضع دقائق فقط من تعطيل JS ، كانت انطباعاتي الأولى هي: "يا إلهي ، كل شيء سريع جدًا بدون جافا سكريبت." بالإضافة إلى ذلك ، لا يوجد إعلان ، ولا تحميل فيديو عشوائي على مواقع مختلفة. لا يوجد مثل هذه القمامة مثل "هل لا تريد الاشتراك؟" وهذا يظهر في أكثر اللحظات غير المتوقعة.

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

مواقع


دعنا نبدأ! لقد فتحت مجموعة تمثيلية إلى حد ما من المواقع ، لذلك دعونا نرى كيف تتصرف بدون JS.

فيدلي



أول فطيرة متكتلة - مجرد صفحة بيضاء. هيا ، بإطعام.

أوه لا ، آسف. هل يمكننا العودة والبدء من جديد؟ أحب أن استخدمك في مشاركاتي.

لكن لماذا لا تعمل؟ يجب على مطوريك تقديم إصدار HTML أساسي من الخدمة واستخدام ميزات متقدمة مثل ... hmmm ، روابط الارتساء للتنقل بين المقالات. ولكن لا ، اتضح أنه لا يمكن استخدام هذه الخدمة إلا مع تمكين JS.

الحكم: سنواصل مناقشة علاقتنا.

تويتر



يبدو Twitter طبيعيًا تقريبًا (مع كمية المحتوى المعتادة) ، لكن ذلك لا يستغرق سوى بضع ثوانٍ. ثم تأتي إعادة التوجيه إلى mobile.twitter.com (إلى الإصدار القديم بالطبع دون رد فعلك). هذا أمر محبط - بعد كل شيء ، يمكن أن يعمل الموقع في الوضع العادي وبدون JS. يمكنك استخدام التنقل الذي يعمل في إصدار الجوال ، مع معلمات مثل "؟ Max_id = 871333359884148737" التي تشير إلى ما ستكون عليه آخر تغريدة في القائمة. بسيط وأنيق.

الحكم: يمكن القيام به بشكل أفضل.

جوجل كروم



رفضت صفحة تنزيل Chrome بشكل عام التحميل ، فنحن نرى شاشة بيضاء.

تنهد.

الحكم: لا ، Chrome ليس مناسبًا لك ، جافا سكريبتوبيا قذرة!

يوتيوب



من الواضح أن موقع YouTube يريد التحميل والعمل. نعم ، يريد حقا. ولكن في آخر ميكروثانية توقف كل شيء ولا يوجد فيديو ، ولا معاينات ، ولا تعليقات (على الرغم من أن هذا جيد في الحالة الأخيرة).

الحكم: لا أستطيع رؤية "My Drunk Kitchen" أو Superwoman.

24 طريقة



هذا الموقع مفتوح على إحدى علامات التبويب الخاصة بي منذ حوالي ستة أشهر. نعم ، إنها لك ، ولكن عفوا ، حسنا؟

لكنها تبدو رائعة بدون جافا سكريبت. جميع العناصر المتحركة في مكانها (نظرًا لكونها مرسومة باستخدام CSS) ، تعمل الملاحة ، كل شيء على ما يرام.

الحكم: عمل رائع. Smoooooth. جاز.

نيتفليكس



استخدمت NetFlix لإقناع صديقي بمشاهدة Star Trek. حتى الآن ، لم أتمكن من القيام بذلك. لماذا؟ حسنًا ، أحد الأسباب يبدو مثل "نمت تاشا مع السيد البيانات؟ ولكن الأمر مثل ممارسة الجنس مع ميكروويف ".

على أي حال ، لا يعمل NetFlix بدون JS. حسنًا ، نعم ، يتم تحميل العنوان. لكنني أفهم لماذا لا يستخدمون HTML5 - DRM وهذا كل شيء.

الحكم: جافا سكريبت فقط هي نتيجة الموسم.

نيويورك تايمز




لا أعرف لماذا فتحت علامة التبويب هذه ، ولكن منذ أن فتحتها لسنوات ، لم أكن متفاجئًا.

بدون JS ، تم تحميل موقع NY Times على الويب في 561 مللي ثانية ، وكان حجم البيانات 957 كيلو بايت. الآلهة ، هذا ما يجب أن نعتبره طبيعيا! بعد كل شيء ، مع تمكين JavaScript ، يستغرق التحميل 12000 مللي ثانية (12 ثانية!) ، يتم تحميل 4 ميجابايت من البيانات. وكمكافأة ، نحصل على باقة كاملة من الإعلانات المرح.

يتم تحميل العديد من الصور ببطء شديد ، وبعضها لا يتم تحميله على الإطلاق عند تعطيل JS ، مما يعرض رمز الصورة التي يتعذر الوصول إليها. لكن مع ذلك ، يمكنني قراءة جميع المقالات.

الحكم: فشل ... لا يعمل. الحزن!

أخبار بي بي سي



فتحت علامة التبويب هذه بعد الهجوم الإرهابي في لندن. يعمل موقع بدون JS بشكل جيد. هذا هو أكثر من نسخة للجوال ، ولكن كل القواعد.

الحكم: جيد.

بحث جوجل



بدون JS ، يعمل بحث Google دون مشاكل.

حسنًا ، لا يوجد إكمال تلقائي ، التصميم لا 2000 ، ولكن بشكل عام كل شيء على ما يرام ، تعمل الوظائف الأساسية.

الحكم: موثوق.

ويكيبيديا



كما هو الحال دائمًا ، لا تخيب ويكيبيديا. لا يمكن تمييز هذا الإصدار عن الإصدار مع تمكين JS. ابق هادئا ، ويكيبيديا!

الحكم: أفضل صديق على الإطلاق.

أمازون



يبدو الموقع غير مكتمل قليلاً بدون JS. هناك الكثير من المحتوى على الصفحة ، لكن موقعه لا يتم التحكم فيه. ولكن يمكنك البحث عن المنتجات ، يمكنك ترك تعليق. يمكنك حتى إضافة منتجات إلى سلة التسوق والدفع.

الحكم: غابة الأمازون.

خرائط جوجل



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

الحكم: كارثة رسم الخرائط.

الحكم النهائي


جعلتني التجربة أحترم المواقع التي تعمل فقط - قام منشئوها بعمل جيد. ولكن من الغريب إلى حد ما أن نرى أن الموقع يمكن أن يعمل ببطء على محطة عمل قوية مع تشغيل JS ويبدأ في الطيران مع إيقاف تشغيله.

الأسوأ من ذلك كله ، بعد تعطيل JS ، تبدأ في إدراك مقدار تحميل جميع أنواع القمامة في العملية. الآن أنا أفهم أين يذهب غيغابايت من حركة مرور الهاتف المحمول بسرعة كبيرة.

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

أعتقد أنني سأعطل JS أكثر - فقط من حيث المبدأ.

توصي Skillbox بما يلي:

Source: https://habr.com/ru/post/ar422213/


All Articles