ماذا يعني الدعم النهائي لمتصفّح Internet Explorer بالنسبة إلى العملاء والمطوّرين في Maersk.com؟
أنا "ستيف وركمان" كبير المهندسين في شركة Maersk.com، وهي شركة رائدة عالميًا في مجال الخدمات اللوجستية لسلسلة الإمداد المتكاملة، وتساعد العملاء على نقل البضائع حول العالم لمدة 118 عامًا، وذلك من خلال إجراء الحجوزات على الإنترنت لأكثر من عشرين عامًا. في بداية أيار (مايو) 2022، توقّف فريق @Maersk رسميًا عن إتاحة استخدام Internet Explorer (IE) على أنظمته المخصصة للعملاء، بعد أن توقّفت Microsoft رسميًا عن إنهاء التوافق مع IE في حزيران (يونيو) 2022. هذه هي نهاية حقبة مهمة على الويب وبداية حقبة جديدة.
لقد انضممت إلى شركة Maersk في عام 2018، وكان مشروعي الأول هو إنشاء شريط تنقّل شامل جديد. كان يجب أن يكون قابلاً للاختبار بالكامل، وسهل النشر والتحديث على مستوى العالم بدون وقت توقف، وأن يمنح الأولوية للأجهزة الجوّالة، وأن يكون متجاوبًا، وأن يتيح استخدام علامات تجارية متعددة، وأن يكون قابلاً للضبط، وأن يكون مُمَهَّدًا لـ 11 لغة، وأن يتيح استخدام متصفّح Internet Explorer 9.
في عام 2018، كان نظام التشغيل Windows 7 والمتصفّح التلقائي IE9 لا يزالان رائجَين للغاية، ولم يصل نظام التشغيل Windows 10 والمتصفّح IE11 إلى الحدّ الأدنى للاستخدام إلا في أوائل عام 2020 (وفقًا لعدّاد الإحصاءات). عند الاطّلاع على بياناتنا، وجدنا قدرًا كبيرًا من المعاملات الواردة من العملاء الذين يستخدمون IE9 أو IE11 في وضع التوافق، وهو أمر أسوأ. واميلت حركة الزيارات هذه بشكل كبير إلى الأسواق الناشئة وفي المناطق التي كانت فيها قاعدة عملاء شركة Maersk تنمو بسرعة.
إذا لم تعمل قائمة التنقّل، سيكون من الصعب العثور على زر تسجيل الدخول. إذا لم ينجح تسجيل الدخول، لن يتمكّن العملاء من حجز الحاويات، وستواجه فجأة مشكلة كبيرة بسبب المتصفحات القديمة.
لحل هذه المشكلة، اتخذنا موقف تحسين تدريجي باستخدام عنصر التنقل وجميع تطبيقات الويب المستقبلية. يمكننا إجراء ذلك، ولكن قد تكون هناك قيود وعمليات polyfill كبيرة لتنفيذ ذلك. على سبيل المثال، لا يتيح متصفّح Internet Explorer واجهة برمجة التطبيقات Fetch، ولكن هناك عمليات polyfill تعود إلى IE10 ونضيفها إلى هذه المتصفّحات. بالنسبة إلى IE9، وضعنا طلبات XMLHttpRequest في ملف منفصل، لكي لا يتم تحميلها إلا في الحالات التي يتعذّر فيها إضافة العناصر البرمجية إلى fetch.
عندما حان وقت إيقاف دعم IE9، عندما لم يبق سوى عدد قليل من العملاء، تمكّنا من إزالة هذا الرمز البرمجي من تطبيقاتنا بسهولة، وبأقل جهد ممكن وبأكبر فائدة ممكنة للمستخدمين على المتصفّحات الحديثة.
مع استمرار عملية التحول الرقمي في Maersk، أعدنا بناء العديد من أجزاء الموقع الإلكتروني باستخدام واجهات أمامية صغيرة تعمل بتقنية VueJS. كانت Vue تتضمّن الكثير من الميزات التي جعلتها متوافقة مع المستقبل، من خلال إعداد مُعدّ مسبقًا رائع لتحسين حِزم الترميز وإزالة العناصر غير الضرورية من البنية، إلى وضع حديث يتم فيه إنشاء نسختَين من التطبيق، إحداهما تستخدِم أحدث بنية ES Module للمتصفحات الحديثة، والأخرى للتطبيقات القديمة التي لا تفهم وحدات ES6. ويتم توفير هذا الإصدار القديم للمتصفحات مثل IE، وغالبًا ما يكون حجمه 100 كيلوبايت في حزمة polyfill المضغوطة بطريقة gzipped ببساطة من خلال مقدار الميزات التي لا تتوفَّر في المتصفح.
تبيّن لنا أنّه يمكننا أيضًا استخدام معظم تقنيات تنسيق CSS الحديثة، مثل شبكة CSS، وذلك بفضل Microsoft التي بدأت في وضع المواصفات منذ IE10. بمساعدة autoprefixer وهذه المقالة حول CSS Tricks لمساعدتنا في إتقان تسمية المناطق المختلفة من الصفحة، حصلنا على نظام تنسيق خفيف الوزن ومناسب لأي مشروع ومرن للغاية. ومع ذلك، كانت هناك مشاكل في التوافق استغرق حلّها الكثير من الوقت.
فجأةً، عدنا إلى مرحلة تحليل التكلفة والفائدة، ولكن بالنسبة لأي إصدار من IE هذه المرة، وكما هو الحال في IE9، لا بد من مفاضلة بين دعم الجميع وأسابيع من الوقت الحافل للتطوير لكل مشروع. ونحن نثق في أنّ استخدام متصفّح حديث يقدّم تجربة أفضل لعملائنا، فقد دفعنا المستخدمين إلى الابتعاد عن IE عند زيارة الموقع الإلكتروني. وقد تبيّن لنا أن هذا الأمر تم بنجاح عند تحقيق عدد صغير من العملاء النشطين الذين اعتادوا فتح IE أثناء تفاعلهم معنا. كانت هذه الرسالة جيدة، ولكنّها ليست كافية لإجراء العمليات الحسابية.
مع تراجع عدد الزيارات الواردة من Internet Explorer، قرّرت شركة Maersk اتّباع نهج العديد من الشركات الأخرى قبلها وإنهاء الدعم الرسمي لنظام التشغيل Internet Explorer، على الرغم من أنّ الأرقام لا تزال تشير إلى أنّنا يجب أن نوفّر الدعم له. لماذا الآن؟
باختصار، تطوّرت منصة الويب، ولا يستطيع IE11 تنفيذ المهام التي نحتاج إليها، حتى في ظل توفُّر مجموعة صغيرة من العناصر المتعددة. خذ عنصر التنقّل، وهو عنصر مخصّص في منصات الويب الحديثة، مع أنماط مُدمجة خاصة به، ويتم تشغيله بواسطة متغيّرات CSS وطلبات حاويات حتى يتمكّن من التحكّم في كل شيء في عنصر واحد. بدون هذه الأجزاء من النظام الأساسي، يمكن تغيير نمط هذه المكونات بالكامل من التطبيق، ويمكن أن تتسرب الأنماط إلى مكونات أخرى أو تعود إلى التطبيق. هناك مكونات polyfill تتيح لك محاكاة معظم الميزات الواردة هنا، بما في ذلك العناصر المخصّصة وShadyCSS وShadyDOM وعنصر template.
من الناحية العملية، تعمل هذه العناصر القابلة للاستبدال بشكلٍ رائع مع المكوّنات المنعزلة، ولكن عند دمج مكوّنات متعددة في تطبيق معقّد، يتوقّف متصفّح Internet Explorer عن العمل ويظهر شاشة بيضاء لعدّة ثوانٍ بينما يحاول وقت تشغيل JavaScript احتساب شجرة الأنماط للمرة الأربعين. باختصار، تم التأثير بشدة في تجربة المستخدم لدعم المتصفّح.
في السابق، كانت هناك انقطاعات صغيرة، مثل عمليات ملء البيانات التي قد تضيف نصف ثانية إلى اللوحة الأولى، ولكن ليس أكثر من ذلك. كان هذا الإجراء مختلفًا، وأصبحت هذه التطبيقات غير قابلة للاستخدام. لا يمكن أن تحقّق عمليات polyfill الكثير إلا عندما تواجه صعوبات في النظام الأساسي الحديث للويب.
هل لديك فكرة عما حدث منذ إيقافنا استخدام IE؟ قليل جدًا. لم يتم تسجيل أيّ عدد كبير من طلبات دعم العملاء أو ملاحظات سلبية. أصبح مهندسونا أكثر سعادةً وأصبحت تطبيقاتنا تتضمّن مسار ترقية إلى Vue 3 (الذي لا يتوافق مع IE11 لأنّه لا يمكن إضافة مكونات إضافية إلى عنصر الوكيل) وأصبحت أحجام الحِزم أصغر. إنّ التوافق الكامل مع متغيّرات CSS والخطوط المتغيّرة يتيح تنسيقها بشكل أسهل على مستوى العلامات التجارية، كما تقلّل إمكانية استخدام الرموز المميّزة ضمن مكوّنات الملف الواحد في Vue من التعقيد المعرفي، ما يحسّن تجربة المطوّرين.
من منظور العملاء، يستمر استخدام IE في الانخفاض ببطء. لم يتم إيقاف Internet Explorer من الموقع الإلكتروني، ولكن مع بدء عملية التحسين التدريجي، ستتوقف الميزات والتطبيقات عن العمل. سيستفيد العملاء من التطورات في التكنولوجيا التي نستخدمها، ما يمنحهم تجربة أكثر اتساقًا من الموقع الإلكتروني، حيث يتم دمج أفضل الممارسات وسهولة الاستخدام والتصميم في نظام تصميم متطور يستند إلى Lit، مع إمكانية التشغيل التفاعلي الكامل مع أي إطار عمل متاح الآن أو في المستقبل.
أنا متحمّس لمعرفة كيف يمكن استخدام ميزات منصة الويب الجديدة داخل الشركة، بدءًا من استخدام "الوضع الداكن" لتسهيل استخدام أنظمة السفن في الليل، وحتى Web Bluetooth وWebXR وPWA كي تتمكّن تطبيقات الويب من التفاعل مع العالم المادي من حولنا في أي ظروف. نشكرك يا Internet Explorer على العديد من الأشياء، وأصبح بإمكاننا الآن مواكبة منصة الويب.