ପେଜସ୍ପୀଡ୍ ଅପ୍ଟିମାଇଜେଶନ୍ — 2026ରେ ଆପଣଙ୍କର ୱେବସାଇଟ୍ କୁ ତେଜ କରନ୍ତୁ

ଗତି କାରଣ ବିଶ୍ଳେଷଣକୁ କିପରି ପ୍ରଭାବିତ କରେ

ଗୁଗୁଲ୍ ସ୍ଥାପିତ କରିଛି କି, ପେଜ୍ ଗତି ରାଙ୍କିଙ୍ଗକୁ ପ୍ରଭାବିତ କରେ। ଧୀର ପୃଷ୍ଠାଗୁଡିକୁ ବ୍ୟବହାରକାରୀଙ୍କୁ ଅସନ୍ତୁଷ୍ଟ କରେ, ଏବଂ ଗୁଗୁଲ୍ ସର୍ବୋତ୍ତମ ଅନୁଭବ ଦେବାକୁ ଚାହାଁ।

ଗୁଗୁଲ୍ର ତଥ୍ୟରୁ ଜାଣା ଯାଉଛି ଯେ, 1 ସେକେଣ୍ଡରୁ 3 ସେକେଣ୍ଡକୁ ଲୋଡ୍ ହେଲେ ବ୍ୟବହାରକାରୀ ପାଲାଇଯିବାର ସମ୍ଭାବନା 32% ବୃଦ୍ଧି ପାଇଁ ଯାଞ୍ଚ କରାଯାଉଛି।

କିନ୍ତୁ ଏହା ବିଶ୍ଲେଷଣ ପାଇଁ ହେବାକୁ ନୁହେଁ। ଗତି ପ୍ରତିକ୍ରିୟାକୁ ସିଧାସଳା ଭାବେ ପ୍ରଭାବିତ କରେ:

ରୂପାନ୍ତର — ପ୍ରତି ଅତିରିକ୍ତ ସେକେଣ୍ଡର ଲୋଡ୍ ଗତି ପ୍ରାୟ 7% ପର୍ଯ୍ୟନ୍ତ କମେ ବିନା ମୁଲ୍ୟରେ।
ବାଉନ୍ସ ରେଟ୍ — 53% ମୋବାଇଲ୍ ବ୍ୟବହାରକାରୀ ଚାଲିଯାନ୍ତି ଯେତେବେଳେ ସୂଚନା ଏକ ସେକେଣ୍ଡରୁ ଅଧିକ ସମୟ ନେଉଛି।
ବ୍ୟବହାରକାରୀ ଅନୁଭବ — ତେଜ ପୃଷ୍ଠାଗୁଡିକୁ ବୃହତ ଏବଂ ବିଶ୍ୱସନୀୟ ଅନୁଭୂତି ମିଳେ।

କୋର୍ ଓବ୍ ଭାଇଟାଲସ୍ — ଗୁଗୁଲ୍ର ଗତି ସାଧନା

ଗୁଗୁଲ୍ ତିନୋଟି କୋର୍ ଓବ୍ ଭାଇଟାଲସ୍ ସାଧନା ମାଧ୍ୟମରେ ଗତିକୁ ମାପେ:

LCP — ସର୍ବାଧିକ ଚିତ୍ର ପ୍ରଧାନ କର୍ତ୍ତା

ସର୍ବାଧିକ ଦୃଷ୍ଟିଗତ ଉପାଦାନ (ସାଧାରଣତଃ ଚିତ୍ର କିମ୍ବା ଶୀର୍ଷକ) କେବେ ଲୋଡ୍ ହେବାକୁ କ୍ଷୟ କରେ।

ଆନ୍ଦ୍ରଜ୍ଞାନ: 2.5 ସେକେଣ୍ଡରୁ କମ୍
ସୁଧାରଣା ଆବଶ୍ୟକ: 2.5 — 4.0 ସେକେଣ୍ଡ
କୁ ଦୟା: 4.0 ସେକେଣ୍ଡରୁ ଅଧିକ

INP — ପ୍ରତିକ୍ରିୟାକୁ ନୂତନ ପେଣ୍ଟ

ବ୍ୟବହାରକାରୀ କ୍ରିୟା କଲେ (କ୍ଲିକ୍, ଟାଇପ୍, ସ୍କ୍ରୋଲ୍) କେତେ ଶୀଘ୍ର ପୃଷ୍ଠା ଉତ୍ତର ଦେଇପାରିବାକୁ ସଂକ୍ଷେପ କରେ।

ଆନ୍ଦ୍ରଜ୍ଞାନ: 200msରୁ କମ୍
ସୁଧାରଣା ଆବଶ୍ୟକ: 200 — 500ms
କୁ ଦୟା: 500msରୁ ଅଧିକ

CLS — ଯୋଗଦାନିକାନିୟ ଗତି

ଲୋଡିଂ କ୍ଷେତ୍ରରେ ବ୍ୟବହାରକାରୀଙ୍କର ଆନନ୍ଦରେ କେତେ ଦୃଷ୍ଟିକୋଣ ବେହାଳ ହୁଏ।

ଆନ୍ଦ୍ରଜ୍ଞାନ: 0.1ରୁ କମ୍
ସୁଧାରଣା ଆବଶ୍ୟକ: 0.1 — 0.25
କୁ ଦୟା: 0.25ରୁ ଅଧିକ

10 ନିଶ୍ଚିତ ଅପ୍ଟିମାଇଜେଶନ୍ ସुझାବ

1. ଚିତ୍ରଗୁଡିକୁ ଅପ୍ଟିମାଇଜ୍ କରନ୍ତୁ

ଚିତ୍ରଗୁଡିକ ସାଧାରଣତଃ ସৰ্বାଧିକ ଦୁର୍ବଳତା। WebP କିମ୍ବା AVIF ଭଳି ଆଧୁନିକ ଫର୍ମାଟ୍କୁ ବ୍ୟବହାର କରନ୍ତୁ, ଯାହା ଦୃଷ୍ଟିର ଗୁଣତା କ୍ଷୟ କରି ବାହାର 30-50% ଫାଇଲ୍ ଆକାର କମେ।

ଅପଲୋଡ୍ କରିବାରୁ ପୂର୍ବରୁ ସମସ୍ତ ଚିତ୍ରଗୁଡିକୁ ସଂକୋଚନ କରନ୍ତୁ
ପ୍ରାରମ୍ଭିକ ଲୋଡ୍ ଉପରେ ନ ଦୃଷ୍ଟୀ ରହିଥିବା ଚିତ୍ରଗୁଡିକୁ loading="lazy" ବ୍ୟବହାର କରନ୍ତୁ
CLS ହଟାଇବାକୁ ସଦା width ଏବଂ height ଅନୁସୂଚିତ କରନ୍ତୁ
ବିଭିନ୍ନ ସ୍କ୍ରିନ୍ ଆକାର ପାଇଁ srcset ସହିତ ପ୍ରତିକ୍ରିୟାତ୍ମକ ଚିତ୍ରଗୁଡିକୁ ବ୍ୟବହାର କରନ୍ତୁ

2. CSS ଏବଂ JavaScript କୁ ମିନିଫାଇ କରନ୍ତୁ

ଆପଣଙ୍କର CSS ଏବଂ JS ଫାଇଲ୍‌ରୁ ଅପୟୋଗୀ କୋଡ୍, ଅନ୍ତରାଲ, ଏବଂ ପାଣ୍ଠ କୁ କଳନ୍ତୁ। ଅଧିକାଂଶ ବିଷୟକ କାର୍ଯ୍ୟପ୍ରଣାଳୀ ପ୍ରକୃତ ଭାବରେ ଏହା କରେ, କିନ୍ତୁ ଏହା ରେ ଏକ ଯାଞ୍ଚ କରନ୍ତୁ।

3. ସଙ୍କୋଚନ ସକ୍ରିୟ କରନ୍ତୁ

ଆପଣଙ୍କର ଷ୍ଟର୍ଟର Gzip କିମ୍ବା Brotli ସଙ୍କୋଚନ ସହିତ ଫାଇଲ୍ ପଠାଉଛି ବୋଲି ନିଶ୍ଚିତ କରନ୍ତୁ। ଏହା 70% ପର୍ଯ୍ୟନ୍ତ ଫାଇଲ୍ ଆକାର କମେ।

4. ବ୍ରାଉଜର୍ କ୍ୟାଶିଙ୍ଗ କରନ୍ତୁ

Cache-Control ହେଡର୍ ସେଟ୍ କରନ୍ତୁ, ଯାହା ପାଇଁ ବ୍ରାଉଜର୍ ସ୍ଥିତ ଫାଇଲ୍ (CSS, JS, ଚିତ୍ର) କୁ ସ୍ଥାନୀୟ ବ୍ୟବହାର କରେ। ପରେ ବ୍ୟବହାରକାରୀ ଯେତେବେଳେ ପୁନଃଭିଜିଟ କରନ୍ତି, ଏହି ଫାଇଲାଗୁଡିକୁ ଆଗରୁ ଡାଉନଲୋଡ୍ କରିବାକୁ ପଡେ ନାହିଁ।

5. ସର୍ଭର୍ ପ୍ରତିକ୍ରିୟା ସମୟ କମାନ୍ତୁ

ଆପଣଙ୍କର ସର୍ଭର୍ ପ୍ରତିକ୍ରିୟା ସମୟ (Time to First Byte, TTFB) 200msରୁ କମ୍ ହେବା ଉଚିତ। ଉପାୟ:

ଏକ ଦ୍ରୁତ ହୋଷ୍ଟିଂ ପ୍ରଦାନକାରୀ ବ୍ୟବହାର କରନ୍ତୁ
ସର୍ଭର୍-ସାଇଡ୍ କ୍ୟାଶିଙ୍ଗ ସକ୍ରିୟ କରନ୍ତୁ
ଡେଟାବେସ୍ ପ୍ରଶ୍ନଗୁଡିକୁ ଅପ୍ଟିମାଇଜ୍ କରନ୍ତୁ
ବ୍ୟବହାରକାରୀନିକଟ ସର୍ଭର୍ରୁ ସ୍ଥିତ ଫାଇଲ୍ ପାଇଁ CDN ବ୍ୟବହାର କରନ୍ତୁ

6. ନନ୍-କ୍ରେଟିକାଲ୍ JavaScript କୁ ବିଲମ୍ବ କରନ୍ତୁ

ପ୍ରାରମ୍ଭିକ ଦୃଷ୍ଟିକୋଣ ପାଇଁ ଆବଶ୍ୟକ ନହୋଇଥିବା JavaScript କୁ async କିମ୍ବା defer ସହିତ ଅସମୟରେ ଲୋଡ୍ କରାଯିବା ଚାହିଁ। ଏହା ବାବଦରେ ଅନ୍ତର୍ଗତ ସଂଗଣକ, ଚାଟ୍ ୱିଡ଼ଜ୍ ଏବଂ ସୋସିଆଲ୍ ମିଡିଆ ଏମ୍ବେଡ୍ ହୁଏ।

7. କ୍ରିଟିକାଲ୍ ସଂପଦଗୁଡିକୁ ପ୍ରିଲୋଡ୍ କରନ୍ତୁ

ଆପଣଙ୍କର ପ୍ରାରମ୍ଭିକ ଦୃଷ୍ଟିକୋଣ ପାଇଁ ଆବଶ୍ୟକ ଫଣ୍ଟ୍, CSS ଏବଂ ଚିତ୍ରଗୁଡିକୁ ଉପଯୋଗ କରିବାରେ ସଚେତନ ହୁଅନ୍ତୁ। ଏହା ବ୍ରାଉଜର୍ କୁ ଏହି ଫାଇଲ୍‌ଗୁଡିକୁ ପ୍ରାଥମିକତା ଦେବାକୁ କୁହେ।

8. ରେଣ୍ଡର-ବ୍ଲକିଂ ସଂପଦଗୁଡିକୁ କାଡିଦିଅନ୍ତୁ

ମାଧ୍ୟମରେ CSS ଏବଂ JavaScript ପୃଷ୍ଠା ପ୍ରଦର୍ଶନକୁ ଅବରୋଧ କରେ। ନନ୍-କ୍ରିଟିକାଲ୍ CSS କୁ ତଳକୁ ନଏଉ, ଏବଂ ପ୍ରାରମ୍ଭିକ ଦୃଷ୍ଟିକୋଣ ପାଇଁ ଆବଶ୍ୟକ CSS (କ୍ରିଟିକାଲ୍ CSS) କୁ ଇନ୍-ଲାଇନ୍ କରନ୍ତୁ।

9. CDN ବ୍ୟବହାର କରନ୍ତୁ

ଏକ କଣ୍ଟେଣ୍ଟ ଡିଲିଭରୀ ନେଟୱର୍କ ଆପଣଙ୍କର ଫାଇଲ୍‌ଗୁଡ଼ିକୁ ସାର୍ବଜନୀନ ଉପରେ ବିତରଣ କରେ। ବ୍ୟବହାରକାରୀ ବିନା କ୍ଳିକ୍ କରି ପ୍ରବେଶ କରିଥିବା ସର୍ଭର୍ରୁ ଡାଉନଲୋଡ୍ କରିବେ, ଯାହା ସେ ସ୍ନାତକ୍ତା କମେ ଦେଖିବାକୁ।

10. ୱେବ୍ ଫଣ୍ଟ୍ କୁ ଅପ୍ଟିମାଇଜ୍ କରନ୍ତୁ

କଷ୍ଟମ୍ ଫଣ୍ଟ୍ ଲେଖା ଦେଖାଇବାକୁ ବିଳମ୍ବ କରିପାରେ:

font-display: swap ବ୍ୟବହାର କରନ୍ତୁ, ଯାହା ଲେଖାକୁ ଏକ ପ୍ରତିବଦ୍ଧ ଫଣ୍ଟ୍ ସହିତ ଦେଖାଇବାକୁ ସ୍ୱାଗତ କରେ ଯାହାକୁ କଷ୍ଟମ୍ ଫଣ୍ଟ୍ ଲୋଡ୍ କରେ
କେବଳ ଆପଣଙ୍କର ଉପଯୋଗକ୍ରମରେ ଥିବା ଆକ୍ଷରଗୁଡିକୁ ଫଣ୍ଟ୍ ଶ୍ରେଣୀକରଣ କରନ୍ତୁ
ସର୍ବାଧିକ ମହତ୍ତ୍ୱପୂର୍ଣ୍ଣ ଫଣ୍ଟ୍ଗୁଡ଼ିକୁ ପ୍ରିଲୋଡ୍ କରନ୍ତୁ
ଶରୀରର ଲେଖା ପାଇଁ ସିଷ୍ଟମ୍ ଫଣ୍ଟ୍ ବ୍ୟବହାର କରନ୍ତୁ

ଆପଣଙ୍କର ଗତି କିପରି ପରୀକ୍ଷା କରିବେ

ଗୁଗୁଲ୍ ପେଜସ୍ପୀଡ୍ ଇନସାଇଟ୍ସ

ଗୁଗୁଲ୍ର ଆଧିକାରିକ ସାଧନା। ଏହା ଆପଣଙ୍କୁ ଦୁଇ ପ୍ରକାର ତଥ୍ୟ (ସିମ୍ୟୁଲେଟେଡ୍) ଏବଂ ପ୍ରବଳ ତଥ୍ୟ (ବାସ୍ତବିକ ବ୍ୟବହାରକାରୀ) ସହିତ ନିଶ୍ଚିତ ପ୍ରରିମ୍ବ ସୁଜନା ଦିଏ।

କ୍ରୋମ୍ ଡେଭଟୁଲ୍ସ

ଡେଭଟୁଲ୍ସ ଖୋଲନ୍ତୁ (F12), "ପରିଦେଶ" ପ୍ୟାନେଲକୁ ଯାଆନ୍ତୁ ଏବଂ ଏକ ପୃଷ୍ଠା ଲୋଡ୍ ରିକର୍ଡ୍ କରନ୍ତୁ। ଆପଣ ତ୍ୱରିତ ଏହା ଦେଖିପାରିବେ କି ଚେେଟେ ମାଟି ଓ କୋଣସି କ୍ଷେତ୍ରର ପୁନାର୍ଥ ଲୋଡ୍ ହୁଏ।

ୱେବପେଜ୍ଟେଷ୍ଟ

ଏକ ଉନ୍ନତ ପରୀକ୍ଷା ତାଲିକା ଯାହା ଆପଣଙ୍କୁ ବିଭିନ୍ନ ସ୍ଥାନରୁ ଏବଂ ସମ୍ପୃକ୍ତି ସ୍ପୀଡ଼ରୁ ପରୀକ୍ଷା କରିବାକୁ ସକ୍ଷମ କରେ। ସେହିପରି ଏହା ବିସ୍ତୃତ ପାଳିସର ସୂତ୍ରଚିତ୍ରରେ ଦେଖାଯିବା।

ପ୍ରାଥମିକତା — ଏଠାରୁ ଆରମ୍ଭ କରନ୍ତୁ

ଆପଣଙ୍କୁ ତିନିଟି ଜିନିଷ ଚୟନ କରିବାକୁ ହେଲେ:

ଚିତ୍ର — ସଂକୋଚନ କରନ୍ତୁ ଏବଂ WebP କୁ ପରିବର୍ତ୍ତନ କରନ୍ତୁ। ସର୍ବାଧିକ ପ୍ରଭାବ କମ୍ ଉଦ୍ୟମରେ।
କ୍ୟାଶିଂ — ସଠିକ୍ Cache-Control ହେଡର୍ ସେଟ୍ କରନ୍ତୁ। ଏକ ସମୟରେ ସେଟ୍ ଅଛି।
JavaScript — ସମସ୍ତ ନନ୍-କ୍ରିଟିକାଲ୍ ଲାଗି ବିଲମ୍ବ କରନ୍ତୁ। ତୃତୀୟ ପକ୍ଷ ଇସ୍କ୍ରିପ୍ଟ ଉତ୍କ୍ଷେପ କରନ୍ତୁ।

ଆପଣଙ୍କର ସାଇଟ୍ କେମିତି କାମ କରୁଛି ତାହା ଜାଣିବାକୁ ଚାହାଁ? ଏକ ମାତ୍ର ଅଡିଟ୍ କରନ୍ତୁ ଏବଂ ଆପଣଙ୍କର କୋର୍ ଓବ୍ ଭାଇଟାଲସ୍ ଏବଂ ଗତି ସ୍କୋର୍ ଦେଖନ୍ତୁ।