তাত্ক্ষণিক মোবাইল ওয়েব অ্যাপস

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

স্লাইড

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