কি একটি ভাল প্রগতিশীল ওয়েব অ্যাপ তৈরি করে?

পিট লেপেজ
স্যাম রিচার্ড

প্রোগ্রেসিভ ওয়েব অ্যাপস (PWA) আধুনিক API দিয়ে তৈরি এবং উন্নত করা হয় যাতে উন্নত ক্ষমতা, নির্ভরযোগ্যতা এবং ইনস্টলযোগ্যতা প্রদান করা যায় এবং একই সাথে যেকোনো জায়গায়, যেকোনো ডিভাইসে একটি একক কোডবেস সহ যে কারো কাছে পৌঁছানো যায়। সর্বোত্তম সম্ভাব্য অভিজ্ঞতা তৈরি করতে, আপনাকে গাইড করার জন্য মূল এবং সর্বোত্তম চেকলিস্ট এবং সুপারিশগুলি ব্যবহার করুন।

কোর প্রোগ্রেসিভ ওয়েব অ্যাপ চেকলিস্ট

প্রগ্রেসিভ ওয়েব অ্যাপ চেকলিস্ট বর্ণনা করে যে কী কারণে একটি অ্যাপ সকল ব্যবহারকারীর জন্য ইনস্টলযোগ্য এবং ব্যবহারযোগ্য, আকার বা ইনপুটের ধরণ নির্বিশেষে।

দ্রুত শুরু হয়, দ্রুত থাকে

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

কেন

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

যদিও সকল অ্যাপ্লিকেশনের চাহিদা আলাদা, Lighthouse-এর পারফরম্যান্স অডিটগুলি Core Web Vitals-এর উপর ভিত্তি করে তৈরি করা হয় এবং সেই অডিটগুলিতে উচ্চ স্কোর করলে আপনার ব্যবহারকারীদের একটি উপভোগ্য অভিজ্ঞতা পাওয়ার সম্ভাবনা বেশি হবে। আপনার ওয়েব অ্যাপের জন্য বাস্তব-বিশ্বের পারফরম্যান্স ডেটা পেতে আপনি PageSpeed ​​Insights অথবা Chrome ব্যবহারকারীর অভিজ্ঞতা প্রতিবেদনও ব্যবহার করতে পারেন।

কিভাবে

আপনার PWA কীভাবে দ্রুত শুরু করবেন এবং দ্রুত থাকবেন তা শিখতে দ্রুত লোড টাইম সম্পর্কে আমাদের নির্দেশিকা অনুসরণ করুন।

যেকোনো ব্রাউজারে কাজ করে

ব্যবহারকারীরা আপনার ওয়েব অ্যাপটি ইনস্টল করার আগে যেকোনো ব্রাউজার ব্যবহার করে অ্যাক্সেস করতে পারবেন।

কেন

প্রোগ্রেসিভ ওয়েব অ্যাপস হলো প্রথমে ওয়েব অ্যাপ, এবং এর অর্থ হলো তাদের ব্রাউজার জুড়ে কাজ করতে হবে।

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

উদাহরণস্বরূপ ফর্ম জমা দেওয়ার কথাই ধরুন। এটি বাস্তবায়নের সবচেয়ে সহজ উপায় হল একটি HTML ফর্ম যা একটি POST অনুরোধ জমা দেয়। এটি তৈরি করার পরে, আপনি জাভাস্ক্রিপ্টের অভিজ্ঞতা উন্নত করতে পারেন ফর্ম যাচাইকরণ করতে এবং AJAX এর মাধ্যমে ফর্ম জমা দিতে, যা ব্যবহারকারীদের অভিজ্ঞতা উন্নত করতে পারে যারা এটি সমর্থন করতে পারে।

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

কিভাবে

এই ক্রস-ব্রাউজার, প্রগতিশীল পদ্ধতিতে ওয়েব ডিজাইন সম্পর্কে কীভাবে চিন্তা করতে হয় তা বর্ণনা করার জন্য জেরেমি কিথের রেজিলিয়েন্ট ওয়েব ডিজাইন একটি চমৎকার উৎস।

অতিরিক্ত পঠন

যেকোনো স্ক্রিন সাইজের জন্য প্রতিক্রিয়াশীল

ব্যবহারকারীরা আপনার PWA যেকোনো স্ক্রিন আকারে ব্যবহার করতে পারবেন এবং এর সমস্ত কন্টেন্ট যেকোনো ভিউপোর্ট আকারে উপলব্ধ।

কেন

ডিভাইসগুলি বিভিন্ন আকারে আসে এবং ব্যবহারকারীরা আপনার অ্যাপ্লিকেশনটি বিভিন্ন আকারে ব্যবহার করতে পারে, এমনকি একই ডিভাইসেও। অতএব, আপনার কন্টেন্ট ভিউপোর্টের মধ্যে ফিট করে এবং আপনার সাইটের সমস্ত বৈশিষ্ট্য এবং কন্টেন্ট সমস্ত ভিউপোর্ট আকারে ব্যবহারযোগ্য কিনা তা নিশ্চিত করা অত্যন্ত গুরুত্বপূর্ণ।

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

"মোবাইল ডিভাইসগুলির জন্য সফ্টওয়্যার ডেভেলপমেন্ট টিমগুলিকে শুধুমাত্র একটি অ্যাপ্লিকেশনের সবচেয়ে গুরুত্বপূর্ণ ডেটা এবং অ্যাকশনের উপর ফোকাস করতে হয়। 320 বাই 480 পিক্সেল স্ক্রিনে বহিরাগত, অপ্রয়োজনীয় উপাদানের জন্য কোনও জায়গা নেই। আপনাকে অগ্রাধিকার দিতে হবে।"

কিভাবে

রেসপন্সিভ ডিজাইনের উপর অনেক রিসোর্স আছে, যার মধ্যে রয়েছে: ইথান মার্কোটের মূল প্রবন্ধ এবং এর সাথে সম্পর্কিত গুরুত্বপূর্ণ ধারণার একটি সংগ্রহ , সেইসাথে প্রচুর বই এবং আলোচনা।

এই আলোচনাটি রেসপন্সিভ ডিজাইনের বিষয়বস্তুর দিকগুলিতে সংকুচিত করতে, দেখুন:

একটি কাস্টম অফলাইন পৃষ্ঠা প্রদান করে

যখন ব্যবহারকারীরা অফলাইনে থাকেন, তখন তাদের আপনার PWA-তে রাখলে ডিফল্ট ব্রাউজার অফলাইন পৃষ্ঠায় ফিরে যাওয়ার চেয়ে আরও মসৃণ অভিজ্ঞতা পাওয়া যায়।

কেন

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

কিভাবে

কোনও পরিষেবা কর্মীর install ইভেন্টের সময়, কোনও ব্যবহারকারী অফলাইনে গেলে দেখানোর জন্য আপনি একটি কাস্টম অফলাইন পৃষ্ঠা প্রিক্যাশে করতে পারেন। এটি নিজে কীভাবে বাস্তবায়ন করবেন তা শিখতে "একটি অফলাইন ফলব্যাক পৃষ্ঠা তৈরি করুন" পড়ুন। যদি কোনও পৃষ্ঠা সরবরাহ না করা হয় তবে Chrome একটি মৌলিক অফলাইন পৃষ্ঠা দেখাতে থাকে।

ইনস্টলযোগ্য

যেসব ব্যবহারকারী তাদের ডিভাইসে অ্যাপ ইনস্টল করেন বা যোগ করেন তারা সেই অ্যাপগুলির সাথেই বেশি যুক্ত হন।

কেন

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

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

কিভাবে

আমাদের ইনস্টলযোগ্য নির্দেশিকা অনুসরণ করুন।

সর্বোত্তম প্রগতিশীল ওয়েব অ্যাপ চেকলিস্ট

সত্যিকার অর্থে একটি দুর্দান্ত PWA তৈরি করতে, যা একটি সেরা অ্যাপের মতো মনে হয়, আপনার কেবল মূল চেকলিস্টের চেয়েও বেশি কিছুর প্রয়োজন। সর্বোত্তম PWA চেকলিস্ট হল আপনার PWA কে এমনভাবে অনুভব করানো যাতে এটি সেই ডিভাইসের অংশ যা এটি ব্যবহার করছে এবং ওয়েবকে শক্তিশালী করে তোলে তার সুবিধা গ্রহণ করা।

একটি অফলাইন অভিজ্ঞতা প্রদান করে

যেখানে সংযোগের কঠোরভাবে প্রয়োজন নেই, সেখানে আপনার অ্যাপটি অনলাইনের মতোই অফলাইনেও কাজ করে।

কেন

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

একটি অফলাইন PWA ব্যবহারকারীদের জন্য একটি সত্যিকারের অ্যাপের মতো অভিজ্ঞতা প্রদান করে।

কিভাবে

আপনার ব্যবহারকারীরা কোন বৈশিষ্ট্যগুলি অফলাইনে কাজ করবে তা নির্ধারণ করার পরে, আপনাকে আপনার সামগ্রীটি উপলব্ধ এবং অফলাইন প্রসঙ্গের সাথে খাপ খাইয়ে নিতে হবে। আপনি ডেটা সংরক্ষণ এবং পুনরুদ্ধার করতে IndexedDB , একটি ইন-ব্রাউজার NoSQL স্টোরেজ সিস্টেম ব্যবহার করতে পারেন, এবং ব্যাকগ্রাউন্ড সিঙ্ক ব্যবহার করতে পারেন যাতে ব্যবহারকারীরা অফলাইনে থাকাকালীন পদক্ষেপ নিতে পারেন এবং ব্যবহারকারীর আবার স্থিতিশীল সংযোগ না পাওয়া পর্যন্ত সার্ভার যোগাযোগ স্থগিত রাখতে পারেন। আপনি অফলাইনে ব্যবহারের জন্য অন্যান্য ধরণের সামগ্রী, যেমন ছবি, ভিডিও ফাইল এবং অডিও ফাইল সংরক্ষণ করতে এবং ব্যবহারকারীদের প্রমাণীকরণ বজায় রাখার জন্য নিরাপদ, দীর্ঘস্থায়ী সেশন বাস্তবায়ন করতে পরিষেবা কর্মীদের ব্যবহার করতে পারেন।

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

সম্পূর্ণরূপে অ্যাক্সেসযোগ্য

সমস্ত ব্যবহারকারীর মিথস্ক্রিয়া সাম্প্রতিকতম ওয়েব কন্টেন্ট অ্যাক্সেসিবিলিটি নির্দেশিকা (WCAG) আন্তর্জাতিক মান অতিক্রম করে।

কেন

বেশিরভাগ ব্যবহারকারী, তাদের জীবনের কোনো না কোনো সময়ে, WCAG-এর আওতায় আপনার PWA ব্যবহার করতে চান। আপনার PWA-এর সাথে যোগাযোগ করার এবং বোঝার মানুষের ক্ষমতা বিভিন্ন ধরণের, এবং চাহিদাগুলি অস্থায়ী বা স্থায়ী হতে পারে। আপনার PWA-কে অ্যাক্সেসযোগ্য করে তোলার মাধ্যমে, আপনি এটিকে সকলের জন্য ব্যবহারযোগ্য করে তুলবেন।

কিভাবে

W3C এর ওয়েব অ্যাক্সেসিবিলিটির ভূমিকা শুরু করার জন্য একটি ভালো জায়গা। বেশিরভাগ অ্যাক্সেসিবিলিটি পরীক্ষা ম্যানুয়ালি করতে হবে। Lighthouse , axe , এবং অ্যাক্সেসিবিলিটি ইনসাইটস -এ অ্যাক্সেসিবিলিটি অডিট আপনাকে কিছু অ্যাক্সেসিবিলিটি পরীক্ষা স্বয়ংক্রিয় করতে সাহায্য করতে পারে। <a> এবং <button> উপাদানগুলির মতো উপাদানগুলি নিজে থেকে পুনরায় তৈরি করার পরিবর্তে শব্দার্থগতভাবে সঠিক উপাদানগুলি ব্যবহার করাও গুরুত্বপূর্ণ। এটি নিশ্চিত করে যে যখন আপনার আরও উন্নত বৈশিষ্ট্য তৈরি করার প্রয়োজন হয়, তখন অ্যাক্সেসিবিলিটির প্রত্যাশা পূরণ হয়, যেমন ট্যাব বনাম তীর কখন ব্যবহার করবেন।

A11Y নিউট্রিশন কার্ডগুলিতে কিছু সাধারণ উপাদানের জন্য চমৎকার পরামর্শ রয়েছে।

আপনার PWA সহজেই অনুসন্ধানের মাধ্যমে খুঁজে পাওয়া যাবে।

কেন

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

কিভাবে

প্রতিটি URL-এর একটি অনন্য, বর্ণনামূলক শিরোনাম এবং মেটা বিবরণ নিশ্চিত করে শুরু করুন। তারপর আপনি আপনার PWA-এর আবিষ্কারযোগ্যতা সংক্রান্ত সমস্যাগুলি ডিবাগ এবং সমাধান করতে Google Search Console এবং Lighthouse-এর Search Engine Optimization audits ব্যবহার করতে পারেন।

আপনি Bing বা Yandex এর সাইট মালিকের টুলগুলিও ব্যবহার করতে পারেন এবং আপনার PWA-তে Schema.org থেকে স্কিমা ব্যবহার করে স্ট্রাকচার্ড ডেটা অন্তর্ভুক্ত করার কথা বিবেচনা করতে পারেন।

যেকোনো ইনপুট টাইপের সাথে কাজ করে

আপনার PWA মাউস, কীবোর্ড, স্টাইলাস বা টাচের মাধ্যমে সমানভাবে ব্যবহারযোগ্য।

কেন

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

কিভাবে

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

অনুমতি অনুরোধের জন্য প্রসঙ্গ প্রদান করে

শক্তিশালী API ব্যবহারের অনুমতি চাওয়ার সময়, প্রসঙ্গ প্রদান করুন এবং শুধুমাত্র যখন API প্রয়োজন হয় তখনই জিজ্ঞাসা করুন।

কেন

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

পরিবর্তে, ব্যবহারকারীকে কেন আপনার সেই অনুমতির প্রয়োজন তার একটি প্রেক্ষাপটগত যুক্তি প্রদান করার পরেই কেবল সেই প্রম্পটগুলি ট্রিগার করুন।

কিভাবে

অনুমতি UX নিবন্ধ এবং UX প্ল্যানেটের The Right Ways to Ask Users for Permissions হল অনুমতি প্রম্পটগুলি কীভাবে ডিজাইন করতে হয় তা বোঝার জন্য ভালো উৎস, যা মোবাইলের উপর দৃষ্টি নিবদ্ধ করে, সমস্ত PWA-এর ক্ষেত্রে প্রযোজ্য।

সুস্থ কোডের জন্য সর্বোত্তম অনুশীলন অনুসরণ করে

আপনার কোডবেস সুস্থ রাখলে আপনার লক্ষ্য অর্জন করা এবং নতুন বৈশিষ্ট্য সরবরাহ করা সহজ হয়।

কেন

একটি আধুনিক ওয়েব অ্যাপ্লিকেশন তৈরিতে অনেক কিছু করার আছে। আপনার অ্যাপ্লিকেশনটি আপডেটেড রাখলে এবং আপনার কোডবেস সুস্থ রাখলে আপনার জন্য এই চেকলিস্টে উল্লেখিত অন্যান্য লক্ষ্যগুলি পূরণ করে এমন নতুন বৈশিষ্ট্য সরবরাহ করা সহজ হবে।

কিভাবে

একটি সুস্থ কোডবেস নিশ্চিত করার জন্য বেশ কয়েকটি উচ্চ-অগ্রাধিকার পরীক্ষা রয়েছে:

  • পরিচিত দুর্বলতা সহ লাইব্রেরি ব্যবহার করা এড়িয়ে চলুন।
  • নিশ্চিত করুন যে আপনি অবচিত API গুলি ব্যবহার করছেন না।
  • আপনার কোডবেস থেকে অনিরাপদ কোডিং অনুশীলনগুলি সরিয়ে ফেলুন, যেমন document.write() অথবা নন-প্যাসিভ স্ক্রোল ইভেন্ট লিসেনারের ব্যবহার।
  • এমনকি অ্যানালিটিক্স বা অন্যান্য তৃতীয় পক্ষের লাইব্রেরি লোড না হলে আপনার PWA যাতে ভেঙে না যায় তা নিশ্চিত করার জন্য আপনি প্রতিরক্ষামূলকভাবে কোড করতে পারেন।
  • লিন্টিংয়ের মতো স্ট্যাটিক কোড বিশ্লেষণ, পাশাপাশি একাধিক ব্রাউজার এবং রিলিজ চ্যানেলে স্বয়ংক্রিয় পরীক্ষার প্রয়োজন বিবেচনা করুন। এই কৌশলগুলি উৎপাদনে আসার আগে ত্রুটিগুলি ধরতে সাহায্য করতে পারে।