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