একটি কাস্টম স্প্ল্যাশ স্ক্রিনের জন্য কনফিগার করা নেই৷

সতর্কতা: লাইটহাউসে PWA পরীক্ষা বাতিল করা হয়েছে। এর অবচয় সম্পর্কে আরও তথ্যের জন্য Chrome এর আপডেট করা ইনস্টলেবিলিটি মানদণ্ড দেখুন। পরীক্ষার বিষয়ে নির্দেশনার জন্য, PWA ডকুমেন্টেশন পড়ুন।

একটি কাস্টম স্প্ল্যাশ স্ক্রিন আপনার প্রগ্রেসিভ ওয়েব অ্যাপ (PWA) কে সেই ডিভাইসের জন্য তৈরি একটি অ্যাপের মতো মনে করে। ডিফল্টরূপে, যখন কোনো ব্যবহারকারী হোম স্ক্রীন থেকে আপনার PWA চালু করে, PWA প্রস্তুত না হওয়া পর্যন্ত Android একটি সাদা স্ক্রীন প্রদর্শন করে। ব্যবহারকারী 200 ms পর্যন্ত এই ফাঁকা, সাদা স্ক্রীন দেখতে পারেন। একটি কাস্টম স্প্ল্যাশ স্ক্রিন সেট আপ করে, আপনি আপনার ব্যবহারকারীদের একটি কাস্টম পটভূমির রঙ এবং আপনার PWA এর আইকন দেখাতে পারেন, একটি ব্র্যান্ডেড, আকর্ষক অভিজ্ঞতা প্রদান করে৷

কীভাবে লাইটহাউস স্প্ল্যাশ স্ক্রিন অডিট ব্যর্থ হয়

বাতিঘর পতাকা পৃষ্ঠাগুলি যেগুলির একটি কাস্টম স্প্ল্যাশ স্ক্রীন নেই:

দ্রষ্টব্য: লাইটহাউস রিপোর্ট UI-তে সম্পূর্ণ PWA ব্যাজ দেওয়া হয় যখন আপনি PWA উপশ্রেণীর সমস্ত অডিট পাস করেন ( দ্রুত এবং নির্ভরযোগ্য , ইনস্টলযোগ্য , এবং PWA অপ্টিমাইজড )।

কীভাবে একটি কাস্টম স্প্ল্যাশ স্ক্রিন তৈরি করবেন

Android এর জন্য Chrome স্বয়ংক্রিয়ভাবে আপনার কাস্টম স্প্ল্যাশ স্ক্রীন দেখায় যতক্ষণ না আপনি আপনার ওয়েব অ্যাপ ম্যানিফেস্টে নিম্নলিখিত প্রয়োজনীয়তাগুলি পূরণ করেন:

• name সম্পত্তি আপনার PWA এর নামে সেট করা আছে।
• background_color প্রপার্টি একটি বৈধ CSS কালার মান সেট করা আছে।
• theme_color বৈশিষ্ট্যটি একটি বৈধ CSS রঙের মান সেট করা হয়েছে।
• icons অ্যারে একটি আইকন নির্দিষ্ট করে যা কমপক্ষে 512x512 px।
• নির্দিষ্ট আইকন বিদ্যমান এবং একটি PNG.

আরও তথ্যের জন্য Chrome 47-এ ইনস্টল করা ওয়েব অ্যাপগুলির জন্য একটি স্প্ল্যাশ স্ক্রিন যুক্ত করা দেখুন।

দ্রষ্টব্য: Lighthouse এর অডিট পাস হবে যখন একটি একক 512x512 px আইকন উপস্থিত থাকবে, PWA-তে কোন আইকনগুলি অন্তর্ভুক্ত করা উচিত তা নিয়ে কিছু মতবিরোধ রয়েছে৷ অডিট দেখুন: বিভিন্ন পদ্ধতির সুবিধা এবং অসুবিধা সম্পর্কে আলোচনার জন্য আইকন আকারের কভারেজ ।

সম্পদ

একটি কাস্টম স্প্ল্যাশ স্ক্রিন অডিটের জন্য উত্স কোড কনফিগার করা হয়নি৷