সবচেয়ে ভারী অ্যাসেটের আকার সঠিক করুন
ডেলিভার করা বাইট ও গ্রাহক-পথের গুরুত্ব অনুযায়ী ইমেজ, ফন্ট, এবং স্ক্রিপ্ট পর্যালোচনা করুন। দৃশ্যমান অভিজ্ঞতা ঠিক থাকলে কেবল কাজ মুছুন বা স্থগিত করুন।
ডেলিভারি বাজেট / 04
পথটি উন্নত করুন,
তারপর আবার পরিমাপ করুন।
একটি ব্যবহারিক পারফরম্যান্স পরিকল্পনা গাইড: সবচেয়ে ধীর গ্রাহক পথ শনাক্ত করা, স্পষ্ট ডেলিভারি বাজেট নির্ধারণ করা এবং একবারে একটি নিয়ন্ত্রিত উন্নতি যাচাই করা।
এটি ব্যবহার করুন: HTML, ইমেজ, ফন্ট, স্ক্রিপ্ট, ক্যাশিং এবং গুরুত্বপূর্ণ ব্যবহারকারী ইন্টারঅ্যাকশন জুড়ে পরিমাপকযোগ্য ডেলিভারি কাজকে অগ্রাধিকার দেওয়ার জন্য; স্কোর বা র্যাংকিং ফলাফল প্রতিশ্রুত না করে।
চার নিয়ন্ত্রিত লিভার
ঘর্ষণ কমান, প্রমাণ নয়।
সমালোচনামূলক রিকোয়েস্ট পাথ সংক্ষিপ্ত করুন
রেন্ডার-ব্লকিং এবং উত্স-নির্ভর অনুরোধ চিহ্নিত করে কন্ট্রোল্ড শর্তে ক্যাশিং, কমপ্রেশন, প্রিলোডিং, অথবা নির্ভরতা পরিবর্তন মূল্যায়ন করুন।
রেসপনসিভ ইনপুট রক্ষা করুন
প্রাথমিক ইন্টারঅ্যাকশনের চারপাশে দীর্ঘ টাস্ক এবং ক্লায়েন্ট-ওয়ার্ক নিরীক্ষণ করুন। এড়ানোযোগ্য কাজ কমানোর সময় সেমান্টিক্স, অ্যাক্সেসিবিলিটি, সম্মতি, এবং কার্যকরী আচরণ বজায় রাখুন।
একইরকমকে তুলনা করুন
URL, রিলিজ, ডিভাইস, নেটওয়ার্ক, ক্যাশ অবস্থা, এবং মেট্রিক উৎস রেকর্ড করুন। একে শুধু তখনই আস্থা দেওয়া যায় যখন একই পদ্ধতি ব্যবহার করে উন্নত ফল পাওয়া যায় এবং কোনো রিগ্রেশন নেই।
পদ্ধতি / উৎস-সীমানাবদ্ধ
পরবর্তী কাজ করুন পরিচিত ধাপ।
- একটি প্রতিনিধিত্বমূলক গ্রাহক পথ নির্বাচন করুন এবং কোড পরিবর্তন করার আগে তার বর্তমান ল্যাব ও উপলব্ধ ফিল্ড প্রমাণ নথিভুক্ত করুন।
- ট্রান্সফার আকার, গুরুত্বপূর্ণ অনুরোধ, এবং ঐ পথের জন্য সবচেয়ে প্রাসঙ্গিক ব্যবহারকারী-কেন্দ্রিক মেট্রিকের জন্য পর্যালোচনাযোগ্য বাজেট নির্ধারণ করুন।
- সর্ববৃহৎ নিয়ন্ত্রণযোগ্য কারণকে অগ্রাধিকার দিন, যেমন অত্যধিক বড় ইমেজ, রেন্ডার-ব্লকিং অ্যাসেট, এড়ানোযোগ্য স্ক্রিপ্ট, বা ধীর উত্স সাড়া।
- একটি সীমানাবদ্ধ পরিবর্তন করুন, একই পথ ও শর্তের সাথে তুলনা করুন, এবং পর্যবেক্ষিত প্রমাণের উপর ভিত্তি করে তা রেখে দিন বা ফিরিয়ে নিন।
যাচাই করুন / নির্ভর করার আগে
একই URL, ডিভাইস প্রোফাইল, নেটওয়ার্ক শর্ত, এবং ক্যাশ অনুমান ব্যবহার করে আগে-ও পরে ফলাফল তুলনা করুন।
রিগ্রেশন আছে কি না তা দেখতে রিয়েল পেজ পর্যালোচনা করুন—লেআউট, ইন্টারঅ্যাকশন, অ্যাক্সেসিবিলিটি, অ্যানালিটিক্স, এবং গুরুত্বপূর্ণ গ্রাহক পথ পরীক্ষা করুন।
রিলিজ আইডেন্টিফায়ার, পর্যবেক্ষিত মান, পরীক্ষা শর্ত, সিদ্ধান্ত, এবং যদি পরিবর্তন বজায় না থাকে তবে রোলব্যাক ফলাফল রেকর্ড করুন।
কর্তৃত্ব / পর্যালোচনা
উৎস নোট, ঋণগ্রস্ত নিশ্চয়তা নয়।
পরিকল্পনার ভিত্তি: web.dev পারফরম্যান্স এবং Core Web Vitals নির্দেশিকা
- web.dev — Web performance ↗web.dev পরামর্শ দেয় ব্যবহারকারী-কেন্দ্রিক পারফরম্যান্স পরিমাপ করতে, Core Web Vitals বোঝার জন্য, এবং পরিমাপ করার আগে লক্ষ্যভিত্তিক সংশোধন প্রয়োগ করতে।
প্রসঙ্গ / হ্যান্ডঅফ সংযুক্ত রাখুন
Launch Kitরুচিবদ্ধ পরিকল্পনার স্টার্টিং পয়েন্ট হিসেবে SIU লঞ্চ ওয়ার্কস্পেস ব্যবহার করুন।Status Is Downলাইভ সার্ভিস সিগন্যাল, মনিটর-কৃত সার্ভিস রেকর্ড, এবং ইনসিডেন্ট-ফেসিং প্রসঙ্গের জন্য SID ব্যবহার করুন।Image delivery readinessযখন ভিজ্যুয়াল উপাদান পেজ বাজেটে গুরুত্বপূর্ণ অংশ হয় তখন ইমেজ-নির্দিষ্ট ডেলিভারি সিদ্ধান্ত পরিদর্শন করুন।
লেখকত্ব: SIU Enablement সংকলিত খসড়া; উত্স-সীমাবদ্ধ পারফরম্যান্স নির্দেশনা। পর্যালোচনা করেছেন: একজন পারফরম্যান্স মালিক এবং গ্রাহক-পথের মালিক প্রমাণ ও ট্রেড-অফ পর্যালোচনা করেন। পুনরায় যাচাই: পেজের উপাদান, ডেলিভারি অবকাঠামো, তৃতীয়-পক্ষের স্ক্রিপ্ট, বা পরিমাপের শর্ত পরিবর্তিত হলে পুনঃযাচাই করুন।