২০২৬ সালে ওয়েব পারফরম্যান্স অসমতা বিশ্লেষণ

কি আমরা অবশেষে কোণটি ঘুরে এসেছি? ডিভাইস এবং নেটওয়ার্ক ল্যান্ডস্কেপে একটা নজর। বাজেট, ২০২৬ সংস্করণ। ২০২৬-এর জন্য আপডেটেড নেটওয়ার্ক টেস্ট প্যারামিটারগুলো হলো: ৯ Mbps ডাউনলিংক, ৩ Mbps আপলিংক, ১০০ মিলিসেকেন্ড RTT। ডিভাইসের ক্ষেত্রে, আমার আপডেটেড সুপারিশগুলো হলো Samsung Galaxy A24 4G (অথবা সমতুল্য) এবং HP 14। এই সুপারিশগুলোর লক্ষ্য হলো ৭৫তম পারসেন্টাইল ইউজার এক্সপেরিয়েন্স অনুকরণ করা, মানে পুরো এক চতুর্থাংশ ডিভাইস এবং নেটওয়ার্ক এই বেসলাইন থেকে খারাপ পারফর্ম করবে। এই প্যারামিটারগুলো আপডেটেড বাজেট ক্যালকুলেটরে বসিয়ে, আমরা তিন এবং পাঁচ সেকেন্ডের পেজ লোড টার্গেটের জন্য ক্রিটিক্যাল-পাথ রিসোর্স থ্রেশহোল্ড বের করতে পারি। সাদা রুটিন মতো, আমরা দুটো স্টাইলে বিল্ট পেজ বিবেচনা করি: JS-লাইট, যেখানে ক্রিটিক্যাল-পাথ বাইটের শুধু ১৫% জাভাস্ক্রিপ্ট, এবং JS-হеви, যেটা ৫০% জাভাস্ক্রিপ্ট দিয়ে বানানো। টাইম JS-লাইট (MiB) JS-হеви টোটাল JS অদর টোটাল JS অদর ৩ সেক ২.০ ০.৩ ১.৭ ১.২ ০.৬ ২০.৬ ২৫ ৫ সেক ৩.৭ ০.৫ ৭.৩ ২.২ ২.৩ ১১.৫ ১.১ ৫। নোট: বাজেটগুলো দুটো TLS কানেকশন কাউন্ট করে। অনেক সাইট বেশি আর্লি কানেকশন ইনিশিয়েট করে, রিসোর্স ডাউনলোড করার জন্য উপলব্ধ টাইম কমিয়ে দেয়। চারটা কানেকশন ইউজ করলে তিন সেকেন্ডের বাজেট ৩৫০ KiB কমে যায়, ১.৫ MiB / ৯৩৫ KiB-এ। পাঁচ সেকেন্ডের বাজেট প্রায় অর্ধেক মেগাবাইট হারায়, ৩.২ / ১.৯ MiB-এ নামে। H/2 বা H/3 অ্যাডপ্ট করা এবং কানেকশন কনসলিডেট করা ফायदेमন্দ। এই বাজেটগুলো অত্যধিক উদার। তিন সেকেন্ডের টার্গেটটাও লাক্সুরিয়াস; অধিকাংশ সাইট প্রায় সব ইউজারের জন্য ইন্টারঅ্যাক্টিভ কন্টেন্ট অনেক আগেই দেখাতে পারবে। একই সাথে, সাইটগুলো ফুলছে। মিডিয়ান মোবাইল পেজ এখন ২.৬ MiB, এপ্রিলে DOOM (২.৪৮ MiB) এর সাইজ পেরিয়ে গেছে। ৭৫তম পারসেন্টাইল সাইট এখন DOOM-এর দুটো কপির চেয়ে বড়। P90+ সাইটগুলো ৪.৫x এর চেয়ে বড়, এবং পिछले দশকে প্রতিটি পয়েন্টে সাইজ ডাবল হয়েছে। অন্য কথায়, মিডিয়ান মোবাইল পেজ এখন চাঁদে মানুষ পৌঁছানো কম্পিউটারের টোটাল স্টোরেজের চেয়ে ৭০ গুন বড়। মিডিয়ান পেজ ওজন এক দশক আগের চেয়ে মোবাইল সাইটের জন্য ২.৫x এর চেয়ে বড়, এবং ৭৫তম পারসেন্টাইলের সাইটগুলো এখন ২০১৫ সালের ওজনের ৪x। এই ব্লোটের একটা বড় কন্ট্রিবিউটর জাভাস্ক্রিপ্টের গ্রোথ থেকে আসে। মোবাইল জাভাস্ক্রিপ্ট পেলোড ২০১৫ থেকে ডাবলের চেয়ে বেশি বড়েছে, P50 এবং P75-এ ক্রমশः ৬৮০ KiB এবং ১.৩ MiB-এ পৌঁছেছে। এই কম্পোজিশনাল শিফট লেটেন্ট অসমতা বাড়ায় এবং বড়তে চাইয়া বিজনেসকে নুকসান করে। জাভাস্ক্রিপ্ট ক্রিটিক্যাল-পাথ রিসোর্সের প্রপорশন হিসেবে বাড়লে, প্রতি বাইট হাইয়ার CPU কস্টের ইমপ্যাক্ট বাজেট কমায়। এই কফিন কর্নার ইফেক্ট এক্সপ্লেইন করে কেন ইমেজ এবং CSS-হеви এক্সপেরিয়েন্স বাইট-ফর-বাইট ফ্রন্টএন্ডের হারানো দশকের ফেল্ড টুলস দিয়ে বিল্ট সাইটের চেয়ে बेटার পারফর্ম করে। আসলে, লেটেস্ট CrUX ডেটা দেখায় না হয়ে অর্ধেকও অরিজিনের পাসিং কোর ওয়েব ভাইটালস স্কোর মোবাইল ইউজারের জন্য। ৪০% এর বেশি সাইট এখনো ডেস্কটপ ইউজারের জন্য খারাপ পারফর্ম করে, এবং দুটো কোহোর্টে প্রগ্রেস প্লেটো করছে: এটা একটা টেকনিক্যাল এবং বিজনেস চ্যালেঞ্জ, কিন্তু একটা ইথিক্যাল ক্রাইসিস ও। যে কেউ দেখতে চাইলে সে তাদের জন্য ট্র্যাজিক কনসিকোয়েন্স দেখতে পাবে যাদের টেকনোলজির হেল্প সবচেয়ে বেশি দরকার। একই সাথে, ফ্রন্টএন্ডের ইনফ্লুয়েন্সার ক্লাস এই অ্যাপ্রোচগুলোর ডিফেন্সে যে লাই, হাফ-ট্রুথস এবং এক্সকিউজ দিচ্ছে, সেগুলো যদি কিছু হয় তবে ওরস হচ্ছে। নিজেদের কোনো অ্যাকশন ছাড়াই, ফ্রন্টএন্ড ডেভেলপাররা প্রতি বছর বেশি কম্পিউট এবং ব্যান্ডউইথ পেয়েছে। সেই বরকতকে ডিলাইটফুল এক্সপেরিয়েন্স এবং পজিটিভ বিজনেস রেজাল্টে কনভার্ট করার বদলে, ফ্রন্টএন্ডের ডমিন্যান্ট কালচার সেলফ-অ্যাগ্রান্ডাইজিং ন্যারেটিভে ঝুকে পড়েছে যেটা ফেইলারকে সাকসেস হিসেবে বeneration করে। ফলাফল একটা ওয়েব যেটা 점점 গরিবদের তাদের ব্যাড লাকের জন্য পানিশ করছে যখন ডেভেলপারদের হিউজ স্যালারি দিয়ে বিজনেস-আন্ডারমাইনিং রেজাল্ট দিলে। কেউ ও কাজে খারাপ কাজ করার ইচ্ছে নিয়ে আসে না, কিন্তু লো-কোয়ালিটি রেজাল্ট এখন নর্ম। এটা ডেভেলপার এবং PM-রা প্রivilেজ বাবল-এ रहकर ইনডিউসড ডিমান্ড থেকে বने অন্ডার-প্রাইসড এক্সটার্নালিটির একটা ক্লাসিক কেস। ইন্টারঅ্যাক্টিভ বাজেট ক্যালকুলেটর ২০২৬-এর জন্য আপডেটেড এবং রিভাইজড, যেটা আপনাকে নেটওয়ার্ক, ডিভাইস, কানেকশন এবং জাভা...-র ইমপ্যাক্ট দেখাবে।

উৎস: Hacker News · সারাংশ: HeadlinesBriefing