পেইন্ট হোল্ডিং - একই-অরিজিন নেভিগেশনে সাদার ফ্ল্যাশ কমানো

কিছুক্ষণের জন্য, পৃষ্ঠাটি লোড হচ্ছে কিনা ব্যবহারকারীদের আশ্বস্ত করার জন্য Chrome একটি নতুন পৃষ্ঠায় স্থানান্তর করার সময় আগ্রহের সাথে স্ক্রীনটি সাফ করেছে৷ এই "হোয়াইটের ফ্ল্যাশ" হল এই সংক্ষিপ্ত মুহূর্ত যেখানে ব্রাউজার একটি পৃষ্ঠা লোড করার সময় একটি সাদা রঙ দেখায়। এটি নেভিগেশনের মধ্যে বিভ্রান্তিকর হতে পারে, বিশেষ করে যখন পৃষ্ঠাটি আরও আকর্ষণীয় অবস্থায় পৌঁছাতে যুক্তিসঙ্গতভাবে দ্রুত হয়।

কিন্তু যে পৃষ্ঠাগুলি দ্রুত লোড হয়, এই পদ্ধতিটি আসলে ব্যবহারকারীর অভিজ্ঞতার জন্য ক্ষতিকর। নিম্নলিখিত অ্যানিমেশনে, আপনি আজকের মতো দেখতে কেমন তার একটি উদাহরণ দেখতে পাচ্ছেন।

আমরা এই ওয়েবসাইটের বড় অনুরাগী এবং এটি আমাদেরকে হত্যা করে যে তাদের গুণমানের অভিজ্ঞতায় সাদা রঙের ফ্ল্যাশ রয়েছে এবং আমরা এটি ঠিক করতে চেয়েছিলাম। আমরা একটি নতুন আচরণের সাথে এটি করেছি যাকে আমরা পেইন্ট হোল্ডিং বলছি, যেখানে ব্রাউজারটি পেইন্ট করা শুরু করার আগে সংক্ষিপ্তভাবে অপেক্ষা করে, বিশেষ করে যদি পৃষ্ঠাটি যথেষ্ট দ্রুত হয়। এটি নিশ্চিত করে যে পৃষ্ঠাটি সম্পূর্ণরূপে একটি সত্যিকারের তাত্ক্ষণিক অভিজ্ঞতা প্রদান করে।

এটি যেভাবে কাজ করে তা হল একটি প্রদত্ত পৃষ্ঠা লোড সংকেত (পিএলএস) (যেমন প্রথম বিষয়বস্তুপূর্ণ পেইন্ট / নির্দিষ্ট সময়সীমা) না পৌঁছানো পর্যন্ত আমরা কম্পোজিটরের প্রতিশ্রুতি স্থগিত করি। আমরা প্রধান-থ্রেড রেন্ডারিং কাজের মধ্যে পার্থক্য করি এবং ইম্পল থ্রেডে প্রতিশ্রুতিবদ্ধ হই (শুধুমাত্র পরবর্তীটি স্থগিত করা হয়)। PLS না হওয়া পর্যন্ত অপেক্ষা করা সাদা/কঠিন-রঙের ফ্ল্যাশ হওয়ার সম্ভাবনা হ্রাস করে।

এই কাজের সাথে আমাদের লক্ষ্য ছিল Chrome-এ দুটি পৃষ্ঠার মধ্যে নেভিগেশন যা নিরবিচ্ছিন্ন হতে হবে এবং এইভাবে পুরানো এবং নতুন সামগ্রীর মধ্যে সাদা/সলিড-কালার ব্যাকগ্রাউন্ডের ফ্ল্যাশ ছাড়াই একটি দ্রুত ডিফল্ট নেভিগেশন অভিজ্ঞতা প্রদান করবে।

Chrome Canary (Chrome 76) এ পেইন্ট হোল্ডিং ব্যবহার করে দেখুন এবং আপনি কী ভাবছেন তা আমাদের জানান। বিকাশকারীদের এটির সুবিধা নেওয়ার জন্য তাদের পৃষ্ঠাগুলিতে কোনও পরিবর্তন করার বিষয়ে চিন্তা করতে হবে না।