మీ ఆన్‌లైన్ స్టోర్ పనితీరును మెరుగుపరచడం
మీ ఆన్‌లైన్ స్టోర్ అనేది థీమ్ కోడ్, యాప్‌లు, ఇమేజ్‌లు, వీడియోలు, కరౌసెల్‌లు, సోషల్ మీడియా ఫీడ్‌లు, విశ్లేషణల వంటి ఫీచర్ల సమితితో రూపొందించబడింది. ఈ ఫీచర్‌లు సందర్శకుల అనుభవాన్ని మెరుగుపరచడంతో పాటు మీ సైట్ సామర్థ్యాలను కూడా విస్తరిస్తాయి.
అయితే, మీరు మీ ఆన్‌లైన్ స్టోర్‌కు జోడించే ప్రతి ఫీచర్ మీ స్టోర్ పనితీరుపై ప్రభావం చూపవచ్చు. కొన్ని ఫీచర్‌లు మీ సైట్‌ను నెమ్మదించేలా చేయవచ్చు లేదా వినియోగదారు అనుభవాలపై (UX) ప్రభావం చూపే ఊహించని ప్రవర్తనలను సృష్టించగలవు.
వెబ్ పనితీరు అనేది వినియోగదారు అనుభవాన్ని ఆప్టిమైజ్ చేయడంపై దృష్టి పెడుతుంది. ప్రస్తుతం, వెబ్ పనితీరు ప్రధానంగా మూడు విభాగాలపై దృష్టి సారిస్తుంది, ఇవి Core Web Vitalsలో కూడా ప్రతిబింబిస్తాయి:
- లోడింగ్ వేగం, లార్జెస్ట్ కంటెంట్‌ఫుల్ పెయింట్ (LCP) ద్వారా కొలుస్తారు
- లేఅవుట్ స్థిరత్వం, క్యుములేటివ్ లేఅవుట్ షిఫ్ట్ (CLS) ద్వారా కొలుస్తారు
- వినియోగదారు ఇంటరాక్షన్‌కు ప్రతిస్పందన, ఇంటరాక్షన్ టు నెక్స్ట్ పెయింట్ (INP) ద్వారా కొలుస్తారు
వెబ్ పనితీరును ఆప్టిమైజ్ చేయడం వలన, మీ కస్టమర్‌లు మీ సైట్‌లోనే ఉండి, కన్వర్ట్ అయ్యే అవకాశాలు ఎక్కువగా ఉంటాయి.
ఈ పేజీలో
మీ ఆన్‌లైన్ స్టోర్ ఆప్టిమైజేషన్‌లు
మీ ఆన్‌లైన్ స్టోర్‌లో ముందే వెబ్ ఆప్టిమైజేషన్ ఉంటుంది. ఏదైనా కొత్త ఫీచర్‌లలో కూడా వెబ్ ఆప్టిమైజేషన్ ముందే ఇన్‌బిల్ట్‌గా ఉంటుంది. కింది ఫీచర్ల ప్రయోజనం పొందడానికి మీరు ప్రత్యేకంగా ఏమీ చేయాల్సిన అవసరం లేదు:
- మీ ఆన్‌లైన్ స్టోర్ అనేది వేగవంతమైన, గ్లోబల్ సర్వర్‌లలో హోస్ట్ చేయబడుతుంది అలాగే ఇది మీ స్టోర్ బ్యాండ్‌విడ్త్‌ను పరిమితం చేయదు. మీరు మీ Shopify స్టోర్ స్థితిని Shopify స్థితిలో చెక్ చేయవచ్చు.
- మీ ఆన్‌లైన్ స్టోర్ ప్రపంచవ్యాప్తంగా వేగంగా లోడ్ అయ్యేలా నిర్ధారించడానికి, మీ ఆన్‌లైన్ స్టోర్ Cloudflare ద్వారా రన్ చేయబడే కంటెంట్ డెలివరీ నెట్‌వర్క్ (CDN)ను కలిగి ఉంది. మీరు CDN స్థితిని Cloudflare స్థితి పేజీలో చెక్ చేయవచ్చు.
- లోడ్ అయ్యే సమయాన్ని వేగంగా ఉంచడానికి, ఇమేజ్‌లు ఇమేజ్ CDNను ఉపయోగించి ఆటోమేటిక్‌గా ఆప్టిమైజ్ చేయబడతాయి. మీ థీమ్ కోడ్‌తో కలిపి, ఫైల్ పరిమాణాలను చిన్నగా ఉంచడానికి ఇమేజ్ CDN పరిమాణం మార్చబడిన, కుదించబడిన అత్యుత్తమ ఇమేజ్ ఫార్మాట్‌ను అందిస్తుంది.
వెబ్ పనితీరును ప్రభావితం చేసే కారకాలు
Shopify స్టోర్‌ల విషయానికొస్తే, వెబ్ పనితీరును ప్రభావితం చేసే అతి పెద్ద కారకాలు కింద ఇవ్వబడ్డాయి:
- మీ ఆన్‌లైన్ స్టోర్ థీమ్
- మీరు ఇన్‌స్టాల్ చేసుకున్న యాప్‌లు
- ట్యాగ్ మేనేజర్‌లు, వాటిలోని ట్యాగ్‌లతో సహా మీరు మీ స్టోర్‌కు మాన్యువల్‌గా జోడించిన ఏదైనా అదనపు థర్డ్-పార్టీ కోడ్
అంటే మీరు మీ వెబ్ పనితీరును మెరుగుపరచుకోవడానికి, కింది వాటిపై దృష్టి సారించాలి:
- అప్‌-టు-డేట్‌గా ఉండే ఆప్టిమైజ్ చేయబడిన థీమ్ను ఉపయోగించండి. Horizon థీమ్‌ల ఫ్యామిలీకి చెందిన అన్నీ అలాగే Shopify అందించే Online Store 2.0 థీమ్‌లు ఉచితం, ఇవి వెబ్ పనితీరు కోసం ఆప్టిమైజ్ చేయబడ్డాయి. అదనంగా, అనేక ఇతర థర్డ్-పార్టీ థీమ్‌లు కూడా వెబ్ పనితీరు కోసం ఆప్టిమైజ్ చేయబడ్డాయి. మీరు అత్యంత తాజా థీమ్ పనితీరు డేటాను రివ్యూ చేయవచ్చు.
- మీ థీమ్ పేజీ ట్రాన్సిషన్‌లు లేదా ఇతర యానిమేషన్‌లను అందిస్తే, వాటిని యాక్టివేట్ చేయడానికి ముందు, తర్వాత మీ వెబ్ పనితీరును సరిపోల్చండి. యానిమేషన్‌ల కారణంగా పేజీలు నెమ్మదించవచ్చు.
- మీ థీమ్‌లో ఉన్న పేజీ టెంప్లేట్‌లకు మరీ ఎక్కువ విభాగాలను జోడించకుండా నివారించండి. పేజీల్లో అధిక సంఖ్యలో విభాగాలు ఉంటే వెబ్ పనితీరు క్షీణించవచ్చు.
- మీకు భారీ మొత్తంలో ఉత్పత్తులు ఉన్న కలెక్షన్లు ఏమైనా ఉంటే, ఒకేసారి లోడ్ అయ్యే ఉత్పత్తుల సంఖ్యను పరిమితం చేయడానికి పేజీనేషన్‌ను యాక్టివేట్ చేయడాన్ని పరిగణించండి.
- మీ యాప్‌లు, థర్డ్-పార్టీ కోడ్ వల్ల పనితీరు పరంగా ఏదైనా నష్టం ఉన్నప్పటికీ, అవి మీకు తగినంత ప్రయోజనాన్ని చేకూరుస్తున్నాయో లేదో నిర్ధారించుకోవడానికి, మీరు ఇన్‌స్టాల్ చేసుకున్న యాప్‌లను, థర్డ్-పార్టీ కోడ్‌ను మూల్యాంకనం చేయండి.
- ఉపయోగించని లేదా తక్కువ విలువ ఉన్న ట్యాగ్‌లను తీసివేయడానికి మీ ట్యాగ్ మేనేజర్‌ను ఆడిట్ చేయండి. ట్యాగ్‌లు మరియు ట్యాగ్ మేనేజర్‌ల కోసం ఉత్తమ పద్ధతుల గురించి మరింత తెలుసుకోండి.
టెస్టింగ్ టూల్స్
మీ ఆన్‌లైన్ స్టోర్ పనితీరును పరిశోధించడానికి మీరు కింది టూల్స్‌ను ఉపయోగించవచ్చు:
- వెబ్ పనితీరు నివేదికలు: నిజమైన వినియోగదారులు మీ ఆన్‌లైన్ స్టోర్‌ను ఎలా అనుభవిస్తున్నారో కొలవడానికి, Shopifyకి చెందిన వెబ్ పనితీరు నివేదికలు Core Web Vitalsను ఉపయోగిస్తాయి.
- PageSpeed Insights: మీ స్టోర్‌లోని పేజీల కోసం మరింత వివరణాత్మక మెట్రిక్‌లను వీక్షించడానికి, Google యొక్క PageSpeed Insightsను ఉపయోగించి మీ స్వంత నివేదికలను రన్ చేయవచ్చు.
థర్డ్-పార్టీ పనితీరు సిఫార్సులను అర్థం చేసుకోవడం
థర్డ్-పార్టీ పనితీరు స్కానింగ్ టూల్స్ మీ స్టోర్ వేగాన్ని మెరుగుపరచడానికి మార్పులను సూచించవచ్చు. అయితే, ఈ సిఫార్సులలో చాలా వరకు ఇప్పటికే Shopify ద్వారా అమలు చేయబడ్డాయి లేదా ఇవి Shopify స్టోర్‌లకు వర్తించవు.
Shopifyలో ఇప్పటికే చేర్చబడిన ఆప్టిమైజేషన్‌లు
మీ Shopify స్టోర్‌లో ఆటోమేటిక్‌గా కింది పనితీరు ఆప్టిమైజేషన్‌లు చేర్చబడతాయి:
కంటెంట్ డెలివరీ నెట్‌వర్క్ (CDN): అదనపు ఛార్జీలు లేకుండా Shopify ఒక ప్రపంచ-స్థాయి CDNను అందిస్తుంది, తద్వారా ఇది వేగవంతమైన ప్రపంచ స్థాయి పనితీరును నిర్ధారిస్తుంది. పాత ప్రోటోకాల్‌లతో పోలిస్తే ఓవర్‌హెడ్‌ను తగ్గించడం ద్వారా, అన్ని అసెట్‌లు HTTP/2 ఉపయోగించి అందించబడతాయి.
బ్రౌజర్ కాషింగ్: క్యాచ్ చేయగల రిసోర్స్‌ల కోసం బ్రౌజర్ కాషింగ్‌ను సాధ్యమయ్యే గరిష్ట వ్యవధి అయిన ఒక సంవత్సరానికి Shopify సెట్ చేస్తుంది. అంటే మీ స్టోర్‌కు మళ్లీ వచ్చే సందర్శకులు వేగవంతమైన లోడింగ్ సమయాలను అనుభవిస్తారు.
Gzip కుదింపు: బ్యాండ్‌విడ్త్‌ను తగ్గించడానికి, లోడ్ అయ్యే సమయాన్ని మెరుగుపరచడానికి CSS, JavaScript, డాక్యుమెంట్‌లు, పేజీలపై Shopify gzip కుదింపును ఉపయోగిస్తుంది. బహుళ ఫైల్ పునరుద్ధరణ కోసం కీప్-అలైవ్ కూడా ఎనేబుల్ చేయబడింది.
ఇమేజ్ ఆప్టిమైజేషన్: కుదింపు, విజువల్ అప్పీల్‌ను బ్యాలెన్స్ చేస్తూ, అడ్వాన్స్‌డ్ అల్గారిథమ్‌లను ఉపయోగించి Shopify ఆటోమేటిక్‌గా JPG ఇమేజ్‌లను కుదిస్తుంది. మెరుగైన కుదింపు, వేగవంతంగా లోడ్ అవ్వడం కోసం ఇమేజ్‌లు తరచుగా WebP ఫార్మాట్‌లో అందించబడతాయి.
ఫైల్ మినఫికేషన్: మీ స్టోర్‌ఫ్రంట్ ద్వారా రిక్వెస్ట్ చేసినప్పుడు, Shopify ఆటోమేటిక్‌గా CSS, JavaScript ఫైళ్లను చిన్నవి చేస్తుంది, దీనివల్ల వాటి ఫంక్షనాలిటీకి ఎటువంటి అంతరాయం కలగకుండా ఫైల్ పరిమాణాలు తగ్గుతాయి.
థర్డ్-పార్టీ సిఫార్సులు వర్తించనప్పుడు
Shopify స్టోర్‌లకు సంబంధం లేని మార్పులను థర్డ్-పార్టీ స్కానింగ్ టూల్స్ సూచించవచ్చు:
- సర్వర్-స్థాయి కాన్ఫిగరేషన్‌లు: సర్వర్ సెటప్, HTTP హెడర్‌లు లేదా కాషింగ్ పాలసీల గురించిన సిఫార్సులు ఇప్పటికే Shopify మౌలిక సదుపాయాల ద్వారా ఆప్టిమైజ్ చేయబడ్డాయి.
- CDN అమలు: Shopify ఆటోమేటిక్‌గా అత్యుత్తమ పనితీరు చూపే CDNను కలిగి ఉంటుంది కాబట్టి, CDNను జోడించాలనే సూచనలు అనవసరం.
- కుదింపు సెట్టింగ్‌లు: కుదింపును ఎనేబుల్ చేయడం గురించిన సిఫార్సులు ఇప్పటికే Shopify ప్లాట్‌ఫామ్‌ అంతటా అమలు చేయబడ్డాయి.
సంబంధిత సిఫార్సుల మీద చర్య తీసుకోవడం
మీ స్టోర్ సంబంధిత నిర్దిష్ట కంటెంట్, ఫీచర్‌లకు సంబంధించిన సిఫార్సులపై దృష్టి పెట్టండి:
- ఇమేజ్ ఆప్టిమైజేషన్: మీరు అప్‌లోడ్ చేసిన ఇమేజ్‌ల పరిమాణం సరైన విధంగా ఉండేలా చూసుకోండి మరియు సిఫార్సు చేసిన ఫార్మాట్‌లను ఉపయోగించండి.
- యాప్ మూల్యాంకనం: పనితీరుపై చూపే ఏదైనా ప్రభావాన్ని భర్తీ చేయడానికి, ఇన్‌స్టాల్ చేసిన యాప్‌లు తగినంత విలువను అందిస్తాయో లేదో పరిశీలించండి.
- థీమ్ ఆప్టిమైజేషన్: పనితీరు కోసం ఆప్టిమైజ్ చేసిన థీమ్‌లను ఎంచుకోండి మరియు పేజీ టెంప్లేట్‌ల మీద విభాగాల సంఖ్యను పరిమితం చేయండి.
నెమ్మదిగా లోడ్ అయ్యే పేజీల ట్రబుల్షూటింగ్
ఒకవేళ మీ స్టోర్ నెమ్మదిగా లోడ్ అవుతున్నట్లయితే, సమస్యను గుర్తించి, పరిష్కరించడానికి ఈ కింద పేర్కొన్న దశలను అనుసరించండి:
దశ 1: సమస్యను ధృవీకరించండి
- వివిధ పరికరాలు, ఇంటర్నెట్ కనెక్షన్‌ల నుండి మీ స్టోర్ లోడింగ్ వేగాన్ని మీరే స్వయంగా టెస్ట్ చేయండి.
- మీ ఇంటర్నెట్ కనెక్షన్‌లో లోకల్ సమస్య లేదని నిర్ధారించుకోవడానికి, మీ స్టోర్‌ను టెస్ట్ చేయమని ఇతరులను అడగండి.
- నిర్దిష్ట పనితీరు మెట్రిక్‌లను పొందడానికి PageSpeed Insights లాంటి టెస్టింగ్ టూల్స్‌ను ఉపయోగించండి.
దశ 2: కారణాన్ని గుర్తించండి
అధికంగా ఉన్న యాప్‌ల కోసం తనిఖీ చేయండి: మీ స్టోర్‌ఫ్రంట్‌లో యాప్‌లు చాలా అసెట్‌లను లోడ్ చేయడం వల్ల పనితీరు నెమ్మదిస్తుంది. మీరు ఇన్‌స్టాల్ చేసుకున్న యాప్‌లను రివ్యూ చేయండి, మీ విక్రయాలకు అవసరం లేని వాటిని తీసివేయండి.
పెద్ద ఇమేజ్‌లను రివ్యూ చేయండి: అనేక హై-క్వాలిటీ ఇమేజ్‌లతో ఉన్న పేజీలు నెమ్మదిగా లోడ్ అవుతాయి. మీ ఇమేజ్‌లను ఆప్టిమైజ్ చేయండి లేదా ప్రదర్శించే ఇమేజ్‌ల సంఖ్యను తగ్గించండి. సిఫార్సు చేసిన ఇమేజ్ పరిమాణాల గురించి మరింత తెలుసుకోండి.
నెమ్మదిగా ఉన్న స్క్రిప్ట్‌లను గుర్తించండి: అన్నీ ఒకేసారి లోడ్ కావడానికి ముందు మీ సైట్ బ్లాంక్ పేజీలా నిలిచిపోతే, నెమ్మదిగా లోడ్ అవుతున్న స్క్రిప్ట్‌లను గుర్తించడానికి మీ బ్రౌజర్ డెవలపర్ టూల్స్‌ను ఉపయోగించండి. పరిష్కారం కోసం యాప్ లేదా థీమ్ డెవలపర్‌ను సంప్రదించండి.
దశ 3: చర్య తీసుకోండి
అనవసరమైన యాప్‌లను తీసివేయండి: యాప్‌ను అన్‌ఇన్‌స్టాల్ చేయడం వల్ల, అది మీ థీమ్ నుండి దాని కోడ్‌ను ఆటోమేటిక్‌గా తీసివేయదు. దీన్ని పూర్తిగా తీసివేయడానికి సంబంధించిన సూచనల కోసం మీరు యాప్ డెవలపర్‌ను సంప్రదించాల్సి రావచ్చు.
ఇమేజ్‌లను ఆప్టిమైజ్ చేయండి: తగిన ఫైల్ ఫార్మాట్‌లను (ఫోటోల కోసం JPG, పారదర్శకతతో కూడిన గ్రాఫిక్స్ కోసం PNG) ఉపయోగించండి మరియు ఇమేజ్‌లు ప్రదర్శించబడే పరిమాణానికి సరిపోయేలా వాటిని రీసైజ్ చేయండి.
థీమ్ పనితీరును మూల్యాంకనం చేయండి: మీ ప్రస్తుత థీమ్ పనితీరు తీవ్రంగా నెమ్మదిస్తున్నట్లయితే, ఆప్టిమైజ్ చేయబడిన థీమ్‌కు మారడాన్ని పరిగణించండి.
ఆన్‌లైన్ స్టోర్ పనితీరుతో మద్దతును పొందండి
మీరు Shopify అందిస్తున్న ఉచిత థీమ్ను ఉపయోగిస్తుంటే, ప్రాథమిక పనితీరు మెరుగుదలల కోసం Shopify సపోర్ట్ మీకు సహాయం చేయవచ్చు.
మీరు థర్డ్-పార్టీ థీమ్ను ఉపయోగిస్తుంటే, మీకు సహాయం కావాలంటే, మీరు తప్పనిసరిగా మీ థీమ్ డెవలపర్‌ను సంప్రదించాలి, Shopify వెబ్ పనితీరు నిపుణుడిని నియమించుకోవాలి లేదా సైట్ పనితీరు, వేగం కోసం ఒక Shopify భాగస్వామిని నియమించుకోవాలి. Shopify భాగస్వామిని నియమించుకోవడం గురించి మరింత తెలుసుకోండి.
మీకు పనితీరుకు సంబంధించిన సమస్య యాప్‌లో వస్తుంటే, మీరు మీ యాప్ డెవలపర్‌ను సంప్రదించవచ్చు.
మీకు డెవలప్‌మెంట్ టీమ్ లేదా ఏజెన్సీ భాగస్వామి ఉన్నట్లయితే, తదుపరి సహాయం కోసం మీరు వారిని కూడా సంప్రదించవచ్చు.
ట్రబుల్షూటింగ్ కోసం సాంకేతిక సమాచారం, రిసోర్స్‌లు
మీరు Shopify స్టోర్‌ఫ్రంట్, థీమ్ లేదా యాప్ కోసం పనితీరును మెరుగుపరచాలనుకుంటున్న ఒక డెవలపర్ అయితే, ప్రతి Core Web Vital కోసం మీరు కింది రిసోర్స్‌లను రివ్యూ చేయవచ్చు. Shopify థీమ్‌ల కోసం పనితీరుకు సంబంధించిన ఉత్తమ పద్ధతుల గురించి మరింత తెలుసుకోండి.
లోడింగ్ వేగం
లార్జెస్ట్ కంటెంట్‌ఫుల్ పెయింట్ (LCP), స్క్రీన్ మీద అతిపెద్ద ఎలిమెంట్ ఎంత వేగంగా కనిపిస్తుంది అనే దాని ఆధారంగా లోడింగ్ వేగాన్ని కొలుస్తుంది. టైమ్ టు ఫస్ట్ బైట్ (TTFB), ఫస్ట్ కంటెంట్‌ఫుల్ పెయింట్ (FCP) అనేవి సపోర్టింగ్ మెట్రిక్స్. ఇవి సమస్యకు మూలకారణం ఎక్కడి నుండి వస్తుందో బాగా అర్థం చేసుకోవడంలో మీకు సహాయపడతాయి. Shopify Liquid స్టోర్‌ఫ్రంట్‌లలో నెమ్మదిగా లోడ్ అవ్వడానికి గల సాధారణ కారణాలను డీబగ్ చేయడం గురించి మీరు మరింత తెలుసుకోవచ్చు.
విజువల్ స్టెబిలిటీ
లోడ్ అవుతున్నప్పుడు కంటెంట్ అనుకోకుండా ఎంత మారుతుంది అనే దాని ఆధారంగా క్యుములేటివ్ లేఅవుట్ షిఫ్ట్ (CLS) విజువల్ స్టెబిలిటీని కొలుస్తుంది. CLS డీబగ్గింగ్ గురించి లోతుగా తెలుసుకోవడానికి, Shopify సైట్‌లలో క్యుములేటివ్ లేఅవుట్ షిఫ్ట్ (CLS)ని ఆప్టిమైజ్ చేయడం ఎలా చదవండి.
ఇంటరాక్టివిటీ
లింక్ లేదా బటన్‌ను క్లిక్ చేయడం లాంటి వినియోగదారు చర్యలకు పేజీ ప్రతిస్పందించడానికి ఎంత సమయం పడుతుందనే దాని ఆధారంగా ఇంటరాక్షన్ టు నెక్స్ట్ పెయింట్ (INP) ఇంటరాక్టివిటీని కొలుస్తుంది.
మీరు పేలవమైన INPతో ఇబ్బంది పడుతున్నట్లయితే, థీమ్ కోడ్, యాప్ కోడ్ లేదా థర్డ్-పార్టీ/ట్యాగ్ మేనేజర్ కోడ్ వల్ల మీ స్టోర్‌లో చాలా ఎక్కువ JavaScript ఉండవచ్చు. అత్యధికంగా ఇబ్బంది కలిగించే వాటిని క్లీన్ చేయడంపై దృష్టి పెట్టండి. పేజీ లోడ్ అవ్వడానికి ఇబ్బంది కలిగించే అత్యంత చెత్త JavaScriptలను కనుగొనడానికి 3 మార్గాల గురించి మరింత తెలుసుకోండి. మీరు ఇంకా INPతో సమస్యలను ఎదుర్కొంటున్నట్లయితే, web.devలోని వనరులతో మరింత తెలుసుకోండి.