గూగుల్ PageSpeed ​​ను పరిష్కరించండి పైన-ది-రౌండ్ విషయంలో రెండరింగ్ బ్లాకింగ్ జావాస్క్రిప్ట్ మరియు CSS ను తొలగించండి

జావాస్క్రిప్ట్ మరియు CSS ని నిరోధించడాన్ని పరిష్కరించండి

HTML పూర్తిగా లోడ్ అయిన తర్వాత Google PageSpeed ​​[1] పరీక్షలో మీ సైట్ యొక్క JS మరియు CSS ఫైళ్ళను డెలివర్-బ్లాకింగ్ జావాస్క్రిప్ట్ మరియు CSS ను తొలగించండి-పైన-రెట్లు కంటెంట్లో తొలగించండి. అందువల్ల మీ HTML లోడింగ్ వాటిని డౌన్లోడ్ చేయడానికి.

స్క్రిప్ట్ నిర్వచనాన్ని రెండర్-నిరోధించడం: పూర్తి HTML DOM కి ముందు లోడ్ చేయబడిన స్క్రిప్ట్లు అన్వయించబడతాయి. ఉదాహరణకు, HTML పెయింట్ తర్వాత స్క్రిప్ట్ లోడ్ను ఆలస్యం చేయమని బ్రౌజర్లకు నిర్దిష్ట సూచన లేకుండా, హెడర్లో లేదా కంటెంట్లో స్క్రిప్ట్లు చేర్చబడ్డాయి.

పై-రెట్లు కంటెంట్‌లో రెండర్-బ్లాకింగ్ జావాస్క్రిప్ట్ మరియు CSS ని తొలగించండి: దాన్ని ఎలా పరిష్కరించాలో చూపించు

1. మీ కోసం మీ వెబ్‌సైట్‌ను ఆప్టిమైజ్ చేయడానికి బాహ్య వ్యవస్థను కలిగి ఉండండి
   
2. రెండర్-నిరోధించే వనరులను తొలగించడానికి అవసరమైన మూడు క్రింది ఆప్టిమైజేషన్లతో సహా, మీ తరపున సాధ్యమయ్యే అన్ని ఆప్టిమైజేషన్లను చేసే CDN ని ఉపయోగించండి:
   
3. జావాస్క్రిప్ట్ ఫైల్స్ లోడ్ వాయిదా
   
4. HTML లోడ్ తర్వాత CSS ని లోడ్ చేయండి
   
5. ఒక WordPress ప్లగ్ఇన్ ఉపయోగించండి
   

రెండర్-నిరోధించే వనరులను తొలగించడానికి చాలా ఆప్టిమైజేషన్లు అవసరం మరియు వాటిని మీరే అమలు చేయడం చాలా శ్రమతో కూడుకున్నది - ప్లస్, మీరు క్రోమ్ లైట్హౌస్ మరియు గూగుల్ పేజ్స్పీడ్లో చేర్చబడిన కొత్త పరీక్షల కోసం ఇతర పేజీ వేగ పరీక్షలలో నిరంతరం చూడాలి.

ఇష్యూ DOM కి సంబంధించినది కాబట్టి వెబ్సైట్ కంటెంట్, మరియు చేర్చబడిన వనరులు లోడ్ చేయబడిన క్రమం, జావాస్క్రిప్ట్ మరియు CSS వంటివి లోడ్ చేయబడినందున htaccess కోడ్లోని రెండర్-బ్లాకింగ్ వనరులను తొలగించడానికి ప్రస్తుత పరిష్కారం లేదు. వీటిని Htaccess లో ప్రారంభించలేము, కానీ HTML DOM కంటెంట్లో మాత్రమే.

మీరు డెస్క్టాప్ కోసం ఈ సమస్యలను పరిష్కరిస్తే, అదే సమయంలో మొబైల్ కోసం రెండర్-నిరోధించే వనరులను మీరు తొలగిస్తారు, ఎందుకంటే రెండూ సరిగ్గా ఒకే విధంగా ఉంటాయి!

Did you know that you can even have all these steps executed automatically for you by using an external  సైట్ స్పీడ్ యాక్సిలరేటర్   technology, which through artificial intelligence will preload your site, optimize it, and deliver it to your visitors? It is possible with tools such as Ezoic platform offering, with a free trial and no credit card required. Otherwise, implement below optimizations in your website!

జావాస్క్రిప్ట్ ఫైల్స్ లోడ్ వాయిదా

మీ JS ఫైళ్ళను లోడ్ చేయటానికి [2], మీరు మీ స్క్రిప్ట్ లింకులకు async లేదా ఆదేశాన్ని ఆదేశాన్ని జోడించవచ్చు. అసిన్క్ వారు అదే శ్రేణిలో లోడ్ అవుతారని హామీ ఇవ్వదు - అందువల్ల, మీరు ఇతర స్క్రిప్ట్లను కలిగి ఉంటే, మరొకదాని తర్వాత అమలు చేయాలంటే, వాయిదా శ్రేణికి హామీ ఇవ్వడాన్ని ఉత్తమం:

HTML లోడ్ తర్వాత CSS ని లోడ్ చేయండి

పూర్తి HTML ప్రసారం అయిన తర్వాత లోడ్ చేయటానికి CSS కోసం, మీ HTML చివరలో జోడించడానికి కోడ్ యొక్క ఈ భాగాన్ని [3] ప్రతిపాదిస్తుంది, ఉదాహరణకు ఫుటరు ముగింపు ట్యాగ్ తర్వాత మరియు శరీరాన్ని మూసివేసే ట్యాగ్కు ముందు:

మీ వెబ్సైట్ను ఆప్టిమైజ్ చేయడానికి, ఇది ఉపయోగించని CSS కోడ్, మీరు వెబ్ డిజైన్ లో జ్ఞానం లేకపోతే దుర్భరమైన కావచ్చు ఒక ఆపరేషన్ తొలగించడానికి ఒక మంచి ఆలోచన. మీరు మీ వెబ్ సైట్ థీమ్ను మీరే సృష్టించకపోతే, మీ తరపున మీ పేజీలలో ఉపయోగించని CSS కోడ్ను తొలగించడానికి ఒక బాహ్య వ్యవస్థను ఉపయోగించుకోవచ్చు, ఉదాహరణకు, మీ అద్భుతమైన సైట్ యొక్క కొత్త (మరియు పూర్తిగా ఉచితం) వెర్షన్ స్పీడ్ యాక్సిలేటర్.

గూగుల్ సైట్ స్పీడ్ టెస్ట్ లో ఉత్తీర్ణత!

ఇది గూగుల్ PageSpeed ​​[1] పరీక్షలో ఒక వెబ్ సైట్ పై పై-ది-రౌండ్ కంటెంట్ (పరపతి బ్రౌజింగ్ క్యాచింగ్ తో పాటు [4]) లో రెండర్-నిరోధించే జావాస్క్రిప్ట్ మరియు CSS ను తొలగిస్తుంది, అంజీర్ 1) కు 72 (Fig 2), మరియు 59 (Figure 3) నుండి డెస్క్టాప్ (Fig 4) కు 79 వరకు.

WordPress లో రెండర్ నిరోధించడాన్ని వనరులు తొలగించడానికి ఎలా

WordPress లో రెండర్-నిరోధించడాన్ని వనరులను తొలగించడానికి, ఇది JetPack వంటి ప్లగిన్ను ఇన్స్టాల్ చేయడానికి అవసరం.

అప్పుడు, మీరు నిర్వాహకుడిగా ఉండాలి మరియు JetPack ఎంపికలు> రాయడం> పనితీరు మరియు స్పీడ్> తనిఖీకి వెళ్లండి సైట్ యాక్సిలరేటర్ను ప్రారంభించండి, చిత్ర లోడ్ సమయాన్ని వేగవంతం చేయండి, స్టాటిక్ ఫైల్ లోడ్ సార్లు వేగవంతం చేయండి మరియు సోమరితనం లోడింగ్ కోసం ప్రారంభించండి చిత్రాలు.

SEO బేసిక్స్ నేర్చుకోండి: ఈ రోజు నమోదు చేయండి!

మా సులభంగా అనుసరించే బేసిక్స్ కోర్సుతో SEO యొక్క ప్రాథమికాలను మాస్టరింగ్ చేయడం ద్వారా మీ వెబ్‌సైట్ యొక్క దృశ్యమానత మరియు ట్రాఫిక్‌ను పెంచండి.

SEO నేర్చుకోవడం ప్రారంభించండి

ఇది JetPack మీ చిత్రాలను ఆప్టిమైజ్ చేయడానికి మరియు మీ చిత్రాల నెట్వర్క్ మరియు సర్వర్లు (గ్లోబల్ మరియు జావాస్క్రిప్ట్ వంటివి) వారి గ్లోబల్ నెట్ వర్క్ సర్వర్ల నుండి సేవలను అందించుట ద్వారా WordPress లో వేగవంతమైన-నిరోధించదగిన వనరులను తొలగించుట మరియు లోడ్ పేజీలను వేగవంతం చేస్తుంది.

కూడా, ఒక సోమరితనం లోడ్ ఫంక్షన్ ఉపయోగించి స్క్రీన్ లోడ్ చిత్రాలు వాయిదా మర్చిపోవద్దు. అది కష్టంగా ఉండేది మరియు బాహ్య లైబ్రరీని లోడ్ చేయటానికి బాహ్య లైబ్రరీకి అవసరమైనప్పుడు, అది HTML5 లో స్థానికంగా ఇప్పుడు సాధ్యమవుతుంది!

మీ వెబ్సైట్లలో చిత్రాల సోమరితనం లోడ్ని అమలు చేయడానికి, మీ వెబ్సైట్ చిత్రాల లోడ్ లక్షణాలకు సోమరితనంను జోడించండి మరియు ఇటీవలి బ్రౌజర్లు ఈ చిత్రాలను మాత్రమే అభ్యర్థించబడతాయని మరియు వారు ప్రదర్శించబడుతుంటే, యూజర్ స్క్రోల్స్ డౌన్ ఉంటే అర్థం చిత్రం placeholders.

<img src=”SRC” alt=”ALT” loading=”lazy”></img>

ఆ పైన, సోమరితనం లోడ్ కూడా ఐఫ్రేమ్స్తో పనిచేస్తుంది మరియు మీ వెబ్పేజీల నుండి రెండర్-నిరోధించే వనరులను తొలగించడానికి ఒక ముఖ్యమైన అమలు.

రెండరింగ్ నిరోధించే వనరులు ప్రధాన కంటెంట్ తర్వాత లోడ్ చేయడానికి సూచనలను కలిగి ఉంటాయి, అర్థం HTML DOM అంటే, మీరు ఇప్పటికే Google లైట్హౌస్ టెస్ట్, పేజీ స్పీడ్ అంతర్దృష్టుల పరీక్ష, లేదా Google కోర్ వెబ్ వైటల్ పై పాయింట్లు చాలా సంపాదిస్తారు.

మీ కోసం మీ వెబ్‌సైట్‌ను ఆప్టిమైజ్ చేయడానికి బాహ్య వ్యవస్థను కలిగి ఉండండి

ఉచిత ట్రయల్ కోసం నమోదు చేసుకోవడం మరియు మీ DNS ని మార్చడం మినహా - మీ సైట్ నుండి ఎక్కువ ప్రయత్నం చేయకుండా, మీ తరపున అన్ని గూగుల్ పేజ్స్పీడ్ సమస్యలను మీరు పరిష్కరించగలరని మీకు తెలుసా?

ఎజోయిక్ ప్లాట్ఫాం  సైట్ స్పీడ్ యాక్సిలరేటర్   టెక్నాలజీని ఉపయోగించి, అన్ని సాధారణ గూగుల్ పేజ్స్పీడ్ సమస్యలు వారి సిస్టమ్ ద్వారా పరిష్కరించబడతాయి, ఇది మీ వెబ్సైట్ మరియు సందర్శకుల మధ్య మధ్యవర్తిగా ఉంటుంది. మీ సందర్శకుడికి ప్రదర్శించడానికి ముందు వారు మీ కోసం వెబ్ పేజీని ఆప్టిమైజ్ చేస్తారు.

ఎజోయిక్ ప్లాట్ఫామ్లో ఉచిత ట్రయల్ కోసం నమోదు చేయడం ద్వారా ఆకుపచ్చగా మారండి మరియు మీ కోసం ప్రయత్నించండి - అవి మీ వెబ్సైట్ కొద్ది రోజుల్లోనే పేజ్ స్పీడ్ ఆప్టిమైజేషన్ యొక్క అత్యున్నత ప్రమాణాలకు చేరుకునేలా చేస్తుంది: తరువాతి తరం వెబ్పి చిత్రాలను అందించండి, ఉపయోగించని CSS ను తొలగించడం ద్వారా CSS మరియు జావాస్క్రిప్ట్ను ఆప్టిమైజ్ చేయండి మరియు JS, సోమరితనం లోడ్ చిత్రాలు, చిత్రాల పరిమాణాన్ని మార్చండి, మీ సైట్ పేజీలను క్యాష్ చేయండి, ఫాంట్లను ఆప్టిమైజ్ చేయండి, మీరు చేర్చిన అన్ని సైట్లకు ముందే కనెక్ట్ చేయండి మరియు మరెన్నో.

క్రెడిట్ కార్డ్ అవసరం లేదు - మీరు చేయాల్సిందల్లా ఉచితంగా నమోదు చేసుకొని ఒకసారి ప్రయత్నించండి. అదనంగా, మీ వెబ్సైట్ ప్రదర్శన ప్రకటనల నుండి డబ్బు సంపాదిస్తుంటే, మీ వెబ్సైట్ను చాలా వేగంగా తయారుచేసేటప్పుడు, మీ ప్రకటనలను మెషీన్ లెర్నింగ్ మరియు అధునాతన కృత్రిమ ఇంటెలిజెన్స్తో ఆప్టిమైజ్ చేయడం ద్వారా గూగుల్ యాడ్సెన్స్తో మీరు చేసే దానికంటే చాలా రెట్లు ఎక్కువ డబ్బు సంపాదించవచ్చు.

తరచుగా అడిగే ప్రశ్నలు

రెండర్-బ్లాకింగ్ జావాస్క్రిప్ట్ మరియు CSS లను పైన రెక్కల కంటెంట్‌లో ఎలా తొలగించాలి?

రెండర్-బ్లాకింగ్ జావాస్క్రిప్ట్ మరియు CSS లను తొలగించడానికి, కంటే ఎక్కువ కంటెంట్ కోసం, HTML పూర్తిగా లోడ్ అయిన తర్వాత మీ సైట్ యొక్క JS మరియు CSS ఫైల్‌లు లోడ్ అవుతాయని మీరు నిర్ధారించుకోవాలి. దీని అర్థం ఈ ఫైళ్ళను డౌన్‌లోడ్ చేయడానికి HTML లోడింగ్ ప్రాసెస్‌ను పాజ్ చేయడం లేదు. మీరు జావాస్క్రిప్ట్ ఫైళ్ళను అసిన్క్ లేదా వాయిదా లక్షణంతో వాయిదా వేయవచ్చు మరియు CSS కోసం, మీరు HTML తర్వాత దాన్ని లోడ్ చేయడానికి నిర్దిష్ట కోడ్‌ను ఉపయోగించవచ్చు. * ఎజోయిక్ * వంటి బాహ్య ఆప్టిమైజేషన్ వ్యవస్థ కూడా దీన్ని స్వయంచాలకంగా నిర్వహించగలదు.

రెండర్-బ్లాకింగ్ జావాస్క్రిప్ట్ మరియు CSS ను తొలగించడానికి వెబ్ డెవలపర్లు Google PagesPeed యొక్క సిఫార్సును ఎలా పరిష్కరించగలరు?

వెబ్ డెవలపర్లు జావాస్క్రిప్ట్ మరియు CSS ఫైళ్ళను కనిష్టీకరించడం ద్వారా వారి సైట్‌ను ఆప్టిమైజ్ చేయవచ్చు, జావాస్క్రిప్ట్ కోసం అసమకాలిక లోడింగ్‌ను ఉపయోగించడం, క్లిష్టమైన CSS ను నేరుగా HTML లోకి ఇన్లైన్ చేయడం మరియు క్రిటికల్ కాని CSS మరియు జావాస్క్రిప్ట్ ఫైల్‌ల లోడింగ్‌ను వాయిదా వేయడం. ఈ వ్యూహాలను అమలు చేయడం వల్ల లోడింగ్ సమయాలు మరియు పేజీలు స్కోర్‌లను గణనీయంగా మెరుగుపరుస్తాయి.

పర్ఫెక్ట్ క్రోమ్ లైట్హౌస్ స్కోరు: ఏమి జరుగుతుంది?