ব্যবহারকারীরা কীভাবে আপনার প্রগ্রেসিভ ওয়েব অ্যাপ (PWA) এর কর্মক্ষমতা উপলব্ধি করে তার জন্য দ্রুত পৃষ্ঠার রূপান্তর চাবিকাঠি। এমনকি একটি ধীর নেটওয়ার্কেও ট্রানজিশনগুলি চটজলদি বোধ করা উচিত।
সুপারিশ
ধীর গতির পৃষ্ঠা রূপান্তর খুঁজে পেতে, একটি সিমুলেটেড ধীর নেটওয়ার্ক ব্যবহার করে আপনার ওয়েব অ্যাপে নেভিগেট করুন। Chrome এ এটি করতে:
[মন্তব্য]: <> (প্রথম দুটি তালিকার আইটেম হল web.dev থেকে একটি শর্টকোড, কিন্তু এটি কোনো ভাষার জন্য ইংরেজি থেকে অনুবাদ করা হয়নি।) 1. Control + Shift + J (বা Mac-এ Command + Option + J টিপুন) ) DevTools খুলতে। 2. নেটওয়ার্ক ট্যাবে ক্লিক করুন। 3. থ্রটলিং ড্রপ-ডাউন তালিকায়, স্লো 3G নির্বাচন করুন।
প্রতিবার আপনি অ্যাপে একটি লিঙ্ক বা বোতামে ট্যাপ করলে, পৃষ্ঠাটি দুটি উপায়ের মধ্যে একটিতে অবিলম্বে প্রতিক্রিয়া জানায় কিনা তা পরীক্ষা করুন:
- পৃষ্ঠাটি অবিলম্বে পরবর্তী স্ক্রিনে রূপান্তরিত হয় এবং নেটওয়ার্ক থেকে সামগ্রীর জন্য অপেক্ষা করার সময় একটি লোডিং স্ক্রীন দেখায়৷
- অ্যাপটি নেটওয়ার্ক থেকে প্রতিক্রিয়ার জন্য অপেক্ষা করার সময় পৃষ্ঠাটি একটি লোডিং সূচক দেখায়।
আপনি যদি একটি ক্লায়েন্ট-রেন্ডার করা একক-পৃষ্ঠা অ্যাপে কাজ করেন, ব্যবহারকারীকে অবিলম্বে পরবর্তী পৃষ্ঠায় স্থানান্তর করুন এবং একটি কঙ্কাল স্ক্রীন দেখান। বাকি বিষয়বস্তু লোড হওয়ার সময় পৃষ্ঠার শিরোনাম বা থাম্বনেইলের মতো ইতিমধ্যে উপলব্ধ যে কোনও সামগ্রী অবিলম্বে দেখাতে ভুলবেন না৷
সম্পদ
,ব্যবহারকারীরা কীভাবে আপনার প্রগ্রেসিভ ওয়েব অ্যাপ (PWA) এর কর্মক্ষমতা উপলব্ধি করে তার জন্য দ্রুত পৃষ্ঠার রূপান্তর চাবিকাঠি। এমনকি একটি ধীর নেটওয়ার্কেও ট্রানজিশনগুলি চটজলদি বোধ করা উচিত।
সুপারিশ
ধীর গতির পৃষ্ঠা রূপান্তর খুঁজে পেতে, একটি সিমুলেটেড ধীর নেটওয়ার্ক ব্যবহার করে আপনার ওয়েব অ্যাপে নেভিগেট করুন। Chrome এ এটি করতে:
[মন্তব্য]: <> (প্রথম দুটি তালিকার আইটেম হল web.dev থেকে একটি শর্টকোড, কিন্তু এটি কোনো ভাষার জন্য ইংরেজি থেকে অনুবাদ করা হয়নি।) 1. Control + Shift + J (বা Mac-এ Command + Option + J টিপুন) ) DevTools খুলতে। 2. নেটওয়ার্ক ট্যাবে ক্লিক করুন। 3. থ্রটলিং ড্রপ-ডাউন তালিকায়, স্লো 3G নির্বাচন করুন।
প্রতিবার আপনি অ্যাপে একটি লিঙ্ক বা বোতামে ট্যাপ করলে, পৃষ্ঠাটি দুটি উপায়ের মধ্যে একটিতে অবিলম্বে প্রতিক্রিয়া জানায় কিনা তা পরীক্ষা করুন:
- পৃষ্ঠাটি অবিলম্বে পরবর্তী স্ক্রিনে রূপান্তরিত হয় এবং নেটওয়ার্ক থেকে সামগ্রীর জন্য অপেক্ষা করার সময় একটি লোডিং স্ক্রীন দেখায়৷
- অ্যাপটি নেটওয়ার্ক থেকে প্রতিক্রিয়ার জন্য অপেক্ষা করার সময় পৃষ্ঠাটি একটি লোডিং সূচক দেখায়।
আপনি যদি একটি ক্লায়েন্ট-রেন্ডার করা একক-পৃষ্ঠা অ্যাপে কাজ করেন, ব্যবহারকারীকে অবিলম্বে পরবর্তী পৃষ্ঠায় স্থানান্তর করুন এবং একটি কঙ্কাল স্ক্রীন দেখান। বাকি বিষয়বস্তু লোড হওয়ার সময় পৃষ্ঠার শিরোনাম বা থাম্বনেইলের মতো ইতিমধ্যে উপলব্ধ যে কোনও সামগ্রী অবিলম্বে দেখাতে ভুলবেন না৷