সারসংক্ষেপ

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

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

এই প্রবন্ধটি নিয়ে আলোচনা করা হবে কিভাবে আমরা HAR ডেটা ব্যবহার করে ওয়েবপৃষ্ঠার রেন্ডারিং সমস্যা সমাধানে ব্যবহার করতে পারি।

পরিবেশ

HAR ডেটা প্রয়োজনীয়।

নির্দেশাবলী

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

এইচটিটিপি স্ট্যাটাস কোডস

এইচটিটিপি স্ট্যাটাস কোড ক্লায়েন্টের সার্ভারে অনুরোধের অবস্থা সম্পর্কে তথ্য প্রদান করে, যা যে কোনো সমস্যা নির্ণয় এবং সমাধান করতে সাহায্য করে যা যোগাযোগ প্রক্রিয়ার সময় উদ্ভূত হতে পারে। নিচে সাধারণ HTTP স্ট্যাটাস কোড এবং তাদের কি অর্থ দেয় তা দেয়া হল। বিস্তারিত জানার জন্য এইচটিটিপি/১.১ স্ট্যাটাস কোড সংজ্ঞা পৃষ্ঠাটি দেখুন।

• 200 - সফলতা
• 404 - পৃষ্ঠা পাওয়া যায়নি / খারাপ অনুরোধ
• 401 - অননুমোদিত
• 403 - নিষিদ্ধ 
• 304 - পরিবর্তিত নয় (বিষয়বস্তু ক্যাশে করা হয়েছে)
• 500 - অভ্যন্তরীণ সার্ভার ত্রুটি

পদক্ষেপ

1. সংগৃহীত HAR ডেটা গুগল HAR বিশ্লেষক-এ লোড করুন।
2. এইচটিটিপি স্ট্যাটাস কোড দ্বারা অনুরোধগুলি ফিল্টার করুন।
   উদাহরণ
   নিচে একটি HAR ফাইল দেখানো হয়েছে যা গুগল HAR বিশ্লেষকে লোড করা হয়েছে। এই সংযোগটি একটি ফেইসবুক ব্রাউজ করার চেষ্টা যাতে বিষয়বস্তু সঠিকভাবে লোড হয়নি। অসফল (অ-২xx) HTTP স্ট্যাটাস কোড দ্বারা ফিল্টারিং করে, আমরা দেখতে পাই যে ডোমেইন নাম x.x.fbcdn.net এর জন্য অনেক 403 (নিষিদ্ধ) প্রতিক্রিয়া আছে (হলুদ দ্বারা চিহ্নিত)। পরবর্তী ধাপটি হবে এই অনুরোধগুলি কেন নিষিদ্ধ তা আরও তদন্ত করা। 
   
   
   
3. যেসব দেশে গুগলে অ্যাক্সেস সীমাবদ্ধ (যেমন চীন), সেখানে গুগল HAR বিশ্লেষক অ্যাক্সেস করা সম্ভব নয়। এই ক্ষেত্রে, আপনি সেই একই ডেভেলপার টুলে HAR ডাটা লোড করতে পারেন যেখানে ডাটা সংগ্রহ করা হয়েছে, তারপর আপনি HTTP স্থিতি কোড দ্বারা অবরোহী ক্রমে সাজাতে পারেন।
   

দীর্ঘ ওয়েবপেজ লোড সময়

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

পদক্ষেপ

1. সংগৃহীত HAR ডেটা গুগল HAR বিশ্লেষকে লোড করুন

2.  প্যাকেটের বিলম্ব প্রতিক্রিয়ার অনুরোধটিতে ক্লিক করুন (সাধারণত মোট সময় দেখায় সবচেয়ে দীর্ঘ বার)

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

4. যেসব দেশে গুগলে অ্যাক্সেস সীমাবদ্ধ (যেমন চীন), সেখানে গুগল HAR বিশ্লেষক অ্যাক্সেস করা যাবে না। এই ক্ষেত্রে, আপনি সেই একই ডেভেলপার টুলে HAR ডেটা লোড করতে পারেন যেটি দিয়ে ডেটাটি সংগ্রহ করা হয়েছে।
5. বিশ্লেষণ ২ নম্বর ধাপের মতোই হবে যেখানে আমরা সবচেয়ে দীর্ঘ প্রতিক্রিয়া সময় সহ সংযোগগুলি সনাক্তকরণে মনোযোগ দিই। নিচের প্রান্তিকৃত স্ক্রিনশটের উদাহরণের মাধ্যমে, সারসংক্ষেপ সেকশনের অধীনে, আমরা দেখতে পারি যে কয়েকটি সংযোগ লোডিংয়ে উল্লেখযোগ্য দেরি করছে। এগুলোকে সারাংশ বিভাগের মধ্যে হাইলাইট করার মাধ্যমে, আমরা দেখতে পারি যে কিছু অনুরোধের লোডিংয়ে ৩০ সেকেন্ডের বেশি সময় লাগে। এই সংযোগগুলির মধ্যে একটি নির্বাচন করলে এটি app.launchdarkly.com প্রতি একটি অনুরোধ তা প্রকাশিত হয়।
   
6. একবার দীর্ঘ লোডিং সময় অভিজ্ঞতা করা অনুরোধগুলি সনাক্ত করা হলে, প্যাকেটের বিলম্বের মূলে কারণ খুঁজে বের করার জন্য আরও তদন্ত করা যেতে পারে। অন্বেষণ করার একটি সম্ভাব্য উপাদান হল অন-পেমিস ফায়ারওয়ালের উপস্থিতি যা এই অনুরোধগুলিকে ব্লক করতে পারে।
7. কিছু অঞ্চলে, যেমন চীন, এটি একটি পরিচিত সমস্যা যে অ্যাপ্লিকেশনগুলির মধ্যে কিছু দীর্ঘ সময় ধরে থাকা অনুরোধ এম্বেড করা ট্র্যাকারের সাথে যুক্ত হতে পারে। আরও বিশদ বিবরণের জন্য, চীন | ওয়েবপেজ রেন্ডারিং সমস্যা.