Maersk.com-এর গ্রাহক এবং বিকাশকারীদের জন্য ইন্টারনেট এক্সপ্লোরারের শেষ সমর্থনের অর্থ কী।
আমি স্টিভ ওয়ার্কম্যান এবং আমি Maersk.com এর প্রধান প্রকৌশলী। Maersk হল ইন্টিগ্রেটেড সাপ্লাই চেইন লজিস্টিকসে বিশ্বব্যাপী নেতা, 118 বছর ধরে গ্রাহকদের সারা বিশ্বে পণ্য স্থানান্তর করতে সাহায্য করে, বিশ বছরেরও বেশি সময় ধরে অনলাইন বুকিং দিয়ে। 2022 সালের মে মাসের শুরুতে, @Maersk আনুষ্ঠানিকভাবে তার গ্রাহক-মুখী সিস্টেমগুলিতে ইন্টারনেট এক্সপ্লোরার (IE) সমর্থন করা বন্ধ করে দেয়, মাইক্রোসফ্ট 2022 সালের জুন মাসে IE এর জন্য আনুষ্ঠানিকভাবে সমর্থন বন্ধ করে দেয়। এটি ওয়েবের একটি গুরুত্বপূর্ণ যুগের সমাপ্তি। , এবং একটি নতুন শুরু.
আমি 2018 সালে Maersk এ যোগ দিয়েছিলাম এবং আমার প্রথম প্রজেক্ট ছিল একটি নতুন গ্লোবাল নেভিগেশন বার তৈরি করা। এটি সম্পূর্ণরূপে পরীক্ষাযোগ্য, ডাউনটাইম ছাড়াই বিশ্বব্যাপী স্থাপন করা এবং আপডেট করা সহজ, মোবাইল-প্রথম, প্রতিক্রিয়াশীল, একাধিক ব্র্যান্ড সমর্থন, কনফিগারযোগ্য, 11টি ভাষায় স্থানীয়করণযোগ্য হতে হবে... এবং IE9 সমর্থন করতে হবে।
2018 সালে, Windows 7, এবং এর ডিফল্ট ব্রাউজার IE9, এখনও খুব জনপ্রিয় ছিল, Windows 10 এবং IE11 শুধুমাত্র 2020 সালের শুরুতে (পরিসংখ্যান কাউন্টার অনুসারে) সমালোচনামূলক ভরে পৌঁছেছিল। আমাদের ডেটার দিকে তাকিয়ে, আমরা IE9, বা আরও খারাপ, IE11 ব্যবহারকারী গ্রাহকদের কাছ থেকে সামঞ্জস্যপূর্ণ মোডে একটি উল্লেখযোগ্য পরিমাণ বাণিজ্য পাওয়া গেছে। এই ট্র্যাফিক উল্লেখযোগ্যভাবে উদীয়মান বাজারের দিকে এবং মায়ের্স্কের গ্রাহক বেস দ্রুত ক্রমবর্ধমান অঞ্চলগুলির দিকে তির্যক ছিল।
যদি নেভিগেশন মেনু কাজ না করে, তাহলে লগইন বোতামটি খুঁজে পাওয়া কঠিন। যদি লগইন কাজ না করে, তাহলে তারা কন্টেইনার বুক করতে পারবে না, এবং হঠাৎ করেই লিগ্যাসি ব্রাউজারগুলির কারণে আপনার একটি বড় সমস্যা হয়েছে।
এটি সমাধান করার জন্য আমরা নেভিগেশন উপাদান এবং ভবিষ্যতের সমস্ত ওয়েব অ্যাপের সাথে একটি প্রগতিশীল বর্ধনের অবস্থান নিয়েছি। আমরা এটিকে "কাজ" করতে চাই তবে এটি করার জন্য উল্লেখযোগ্য পলিফিল এবং বিধিনিষেধ থাকতে পারে—উদাহরণস্বরূপ, IE ফেচ API সমর্থন করে না, তবে এমন পলিফিল রয়েছে যা IE10-এ ফিরে যায় যা আমরা সেই ব্রাউজারগুলির জন্য অন্তর্ভুক্ত করি। IE9-এর জন্য, আমরা XMLHttpRequest কলগুলিকে একটি পৃথক ফাইলে কোড করেছি, শুধুমাত্র সেই ক্ষেত্রেই লোড করা হবে যেখানে fetch পলিফিল করা যায় না।
যখন IE9 সমর্থন বাদ দেওয়ার সময় এসেছিল, যখন মাত্র কয়েক জন গ্রাহক অবশিষ্ট ছিল, আমরা আধুনিক ব্রাউজারগুলিতে আমাদের ব্যবহারকারীদের জন্য সর্বনিম্ন প্রচেষ্টা এবং সর্বাধিক সুবিধা সহ আমাদের অ্যাপ্লিকেশনগুলি থেকে এই কোডটি সহজভাবে বাদ দিতে সক্ষম হয়েছি।
Maersk এর ডিজিটাল রূপান্তর অব্যাহত থাকায়, আমরা VueJS চালিত মাইক্রো-ফ্রন্ট-এন্ডে সাইটের অনেক অংশ পুনর্নির্মাণ করেছি। Vue-তে অনেকগুলি বৈশিষ্ট্য ছিল যা এটিকে ভবিষ্যতের বন্ধুত্বপূর্ণ করে তুলেছে, উন্নত ট্রি-কাঁপানো এবং বান্ডিল অপ্টিমাইজেশনের জন্য একটি দুর্দান্ত প্রিসেট কনফিগারেশন সহ, একটি আধুনিক মোডে যেখানে অ্যাপ্লিকেশনটির দুটি সংস্করণ তৈরি করা হয়েছে - একটি যা চিরহরিৎ ব্রাউজারগুলির জন্য সর্বশেষ ES মডিউল সিনট্যাক্স ব্যবহার করে , এবং একটি লিগ্যাসি অ্যাপ্লিকেশনের জন্য যা ES6 মডিউল বোঝে না। এই লিগ্যাসি সংস্করণটি IE-এর মতো ব্রাউজারগুলিতে পরিবেশন করা হয় এবং প্রায়শই এটির জিজিপড পলিফিল বান্ডেলে 100KB বড় হয় কেবলমাত্র ব্রাউজারটি অনুপস্থিত বৈশিষ্ট্যগুলির পরিমাণ থেকে।
আমরা দেখতে পেলাম যে আমরা বেশিরভাগ আধুনিক সিএসএস লেআউট কৌশল যেমন সিএসএস গ্রিড ব্যবহার করতে পারি মাইক্রোসফ্টকে ধন্যবাদ IE10 তে বিশেষ পদ্ধতিটি শুরু করেছে। অটোপ্রেফিক্সারের সাহায্যে, এবং এই CSS ট্রিক্স নিবন্ধটি আমাদেরকে একটি পৃষ্ঠার বিভিন্ন এলাকার নামকরণে সত্যিই ভাল করতে সাহায্য করার জন্য, আমাদের একটি লেআউট সিস্টেম ছিল যা হালকা ওজনের, যেকোনো প্রকল্পের জন্য উপযুক্ত এবং অত্যন্ত নমনীয়। তবুও, সামঞ্জস্যের সমস্যা ছিল যা ঠিক করতে অনেক সময় ব্যয় করে।
হঠাৎ করেই আমরা খরচ-সুবিধা বিশ্লেষণের পর্যায়ে ফিরে এসেছি, কিন্তু এবার IE-এর যেকোনো সংস্করণের জন্য, এবং IE9-এর মতোই, এটি প্রত্যেককে সমর্থন করা এবং প্রতিটি প্রকল্পের জন্য কয়েক সপ্তাহের বেদনাদায়ক বিকাশের মধ্যে একটি ট্রেড-অফ। একটি আধুনিক ব্রাউজার ব্যবহার করা আমাদের গ্রাহকদের জন্য একটি ভাল অভিজ্ঞতা বলে আত্মবিশ্বাসী, আমরা আমাদের ব্যবহারকারীদের ওয়েবসাইট পরিদর্শন করার সময় তাদের IE থেকে দূরে সরিয়ে দিয়েছি। আমরা দেখেছি যে এটি সক্রিয় গ্রাহকদের জন্য অল্প পরিমাণে সফল হয়েছে যারা আমাদের সাথে তাদের মিথস্ক্রিয়া করার জন্য IE খোলার অভ্যাস পেয়েছিলেন। এই বার্তাটি ভাল ছিল, কিন্তু গণিত কাজ করার জন্য যথেষ্ট নয়।
IE এর ভিজিট বন্ধ হওয়ার সাথে সাথে, Maersk তাদের আগে অন্য অনেকের নেতৃত্ব অনুসরণ করার এবং IE এর জন্য অফিসিয়াল সমর্থন বন্ধ করার সিদ্ধান্ত নিয়েছে, যদিও সংখ্যা এখনও বলে যে আমাদের এটিকে সমর্থন করা উচিত। তাহলে, এখন কেন?
সহজ কথায়, ওয়েব প্ল্যাটফর্মটি এগিয়ে গেছে, এবং IE11 আমাদের যা করতে হবে তা করতে পারে না, এমনকি পলিফিলের একটি ছোট বাহিনী দিয়েও। নেভিগেশন উপাদান নিন—একটি আধুনিক ওয়েব প্ল্যাটফর্মের জগতে এটি একটি কাস্টম উপাদান, যার নিজস্ব এনক্যাপসুলেটেড শৈলী, CSS ভেরিয়েবল এবং কন্টেইনার কোয়েরি দ্বারা চালিত হয় যাতে এটি একটি উপাদানে সবকিছু নিয়ন্ত্রণ করে। প্ল্যাটফর্মের এই টুকরোগুলি ছাড়া, এই উপাদানগুলির শৈলী অ্যাপ্লিকেশন থেকে সম্পূর্ণরূপে পরিবর্তন করা যেতে পারে এবং শৈলীগুলি অন্যান্য উপাদানগুলিতে বা অ্যাপ্লিকেশনটিতে ফিরে যেতে পারে। এমন পলিফিল রয়েছে যা আপনাকে এখানে কাস্টম উপাদান , ShadyCSS , ShadyDOM এবং টেমপ্লেট উপাদান সহ বেশিরভাগ বৈশিষ্ট্য অনুকরণ করতে দেবে৷
অনুশীলনে, এই পলিফিলগুলি বিচ্ছিন্ন উপাদানগুলির জন্য দুর্দান্ত কাজ করে—কিন্তু একটি জটিল অ্যাপ্লিকেশনে একাধিক উপাদান একত্রিত করার সময়, IE কয়েক সেকেন্ড সাদা পর্দার সাথে থামে যখন জাভাস্ক্রিপ্ট রানটাইম চল্লিশ সেকেন্ডের জন্য শৈলী ট্রি গণনা করার চেষ্টা করে। সংক্ষেপে, ব্রাউজারটিকে সমর্থন করার জন্য ব্যবহারকারীর অভিজ্ঞতা মারাত্মকভাবে আপস করা হয়েছিল।
অতীতে, আমাদের ছোটখাটো বাধা ছিল—পলিফিল যা প্রথম পেইন্টে অর্ধেক সেকেন্ড যোগ করতে পারে, কিন্তু বেশি কিছু নয়। এটি ভিন্ন ছিল, এবং এই অ্যাপ্লিকেশনগুলি অব্যবহারযোগ্য হয়ে উঠেছে। আধুনিক ওয়েব প্ল্যাটফর্মের জটিলতার সাথে চ্যালেঞ্জ করার সময় পলিফিলগুলি তখনই অনেক কিছু করতে পারে।
এবং আপনি জানেন যে আমরা IE সমর্থন বাদ দেওয়ার পর থেকে কী ঘটেছে? খুব, খুব সামান্য. গ্রাহক সহায়তা টিকিটের কোন তুষারপাত বা নেতিবাচক প্রতিক্রিয়া দেখা যায়নি। আমাদের প্রকৌশলীরা আরও খুশি এবং আমাদের অ্যাপ্লিকেশনগুলির Vue 3-এ একটি আপগ্রেড পাথ রয়েছে (যা IE11 সমর্থন করে না কারণ প্রক্সি অবজেক্টটি পলিফিল করা যায় না) এবং ছোট বান্ডিলের আকার রয়েছে৷ CSS ভেরিয়েবল এবং ভেরিয়েবল ফন্টগুলির জন্য সম্পূর্ণ সমর্থন ব্র্যান্ডগুলি জুড়ে সহজ থিমিংয়ের অনুমতি দেয় এবং Vue-এর একক ফাইল উপাদানগুলির মধ্যে টোকেনগুলি ব্যবহার করার ক্ষমতাও জ্ঞানীয় জটিলতা হ্রাস করে, একটি উন্নত বিকাশকারীর অভিজ্ঞতা তৈরি করে।
গ্রাহকের দৃষ্টিকোণ থেকে, IE এর ব্যবহার ধীরে ধীরে হ্রাস পেতে থাকে। IE সাইট থেকে বন্ধ করা হয়নি, কিন্তু প্রগতিশীল বর্ধন যেমন সুন্দর অবনতিতে পরিণত হয়, বৈশিষ্ট্য এবং অ্যাপ্লিকেশনগুলি কাজ করা বন্ধ করে দেবে। গ্রাহকরা আমাদের প্রযুক্তির অগ্রগতি থেকে লাভ করবে—সাইট থেকে আরও সামঞ্জস্যপূর্ণ অভিজ্ঞতা লাভ করবে কারণ সর্বোত্তম অনুশীলন, অ্যাক্সেসিবিলিটি এবং ডিজাইন একটি বিকশিত লিট -ভিত্তিক ডিজাইন সিস্টেমে বেক করা হয়েছে, যা বর্তমানে আশেপাশে বা ভবিষ্যৎ
কোম্পানির মধ্যে নতুন ওয়েব প্ল্যাটফর্ম বৈশিষ্ট্যগুলি কীভাবে ব্যবহার করা যেতে পারে তা দেখে আমি উত্তেজিত - ডার্ক মোড ব্যবহার করা থেকে যাতে জাহাজের সিস্টেমগুলি রাতে ব্যবহার করা সহজ হয়, ওয়েব ব্লুটুথ , ওয়েবএক্সআর এবং পিডব্লিউএ যাতে আমাদের ওয়েব অ্যাপগুলি ইন্টারঅ্যাক্ট করতে পারে যে কোনো অবস্থায় আমাদের চারপাশের ভৌত জগতের সাথে। ধন্যবাদ, ইন্টারনেট এক্সপ্লোরার, অনেক কিছুর জন্য; আমরা এখন ওয়েব প্ল্যাটফর্মের সাথে যোগাযোগ করতে মুক্ত।
হিরো ছবি ম্যাট বটসফোর্ড দ্বারা।