మీరు Chrome వినియోగదారు అయితే, మీరు ఒకటి లేదా అంతకంటే ఎక్కువ పొడిగింపులను ఉపయోగించుకునే అవకాశం ఉంది. ఇది ప్రకటనలను నిరోధించడమో లేదా లక్షణాలను జోడించడమో, పొడిగింపులు బ్రౌజర్‌కు చాలా ప్రయోజనాన్ని జోడిస్తాయి. మీరు మీ స్వంత Chrome పొడిగింపును నిర్మించగలిగితే అది చల్లగా ఉండదా? అదే నేను మీకు ఇక్కడ చూపిస్తాను.
మా కథనాన్ని ఉత్తమ టచ్‌స్క్రీన్ Chromebooks కూడా చూడండి
నేను ఖాతాదారుల కోసం వెబ్‌సైట్‌లను నిర్వహిస్తున్నప్పుడు, పేజీ లోడింగ్‌కు సంబంధించి ప్రతి సైట్ ఎలా పని చేస్తుందో తెలుసుకోవాలనుకుంటున్నాను. గూగుల్ ఇప్పుడు దాని SEO లెక్కల్లో లోడ్ సమయాలను ఉపయోగిస్తున్నందున, సైట్‌ను ఆప్టిమైజ్ చేసేటప్పుడు పేజీ లోడ్ ఎంత వేగంగా లేదా నెమ్మదిగా తెలుసుకోవడం అనేది ఒక ముఖ్యమైన మెట్రిక్. మొబైల్ కోసం వెబ్‌సైట్‌ను ఆప్టిమైజ్ చేసేటప్పుడు ఇది మరింత నిజం. గూగుల్‌లో ఎక్కువ స్కోర్ చేయడానికి ఇది లోపాలు లేకుండా తేలికగా, వేగంగా మరియు లోడ్ అవ్వాలి.
దీనికి జోడించు, సైట్ పాయింట్ వద్ద ఒక person త్సాహిక వ్యక్తి పేజీ వేగం, జిటిమెట్రిక్స్ తనిఖీ చేయడానికి నేను చేసే అదే వెబ్‌సైట్‌ను ఉపయోగిస్తాడు మరియు దాన్ని తనిఖీ చేయడానికి క్రోమ్ ఎక్స్‌టెన్షన్‌ను అభివృద్ధి చేసాడు, నేను కూడా అదే చేస్తానని మరియు దాని ద్వారా మిమ్మల్ని నడిపిస్తానని అనుకున్నాను.
Chrome పొడిగింపులు
Chrome పొడిగింపులు కోర్ బ్రౌజర్‌కు లక్షణాలను జోడించే చిన్న ప్రోగ్రామ్‌లు. అవి మనం సృష్టించబోయే వాటిలాగా లేదా సురక్షితమైన పాస్‌వర్డ్ నిర్వాహకులు లేదా స్క్రిప్ట్ ఎమ్యులేటర్‌ల వలె సంక్లిష్టంగా ఉంటాయి. HTML, CSS మరియు జావాస్క్రిప్ట్ వంటి అనుకూల భాషలలో వ్రాయబడినవి, అవి బ్రౌజర్‌తో పాటు కూర్చునే స్వీయ-నియంత్రణ ఫైల్‌లు.
అవసరం ప్రకారం, చాలా పొడిగింపులు ఇచ్చిన చర్యను చేసే సాధారణ ఐకాన్ క్లిక్ అమలులు. ఆ చర్య అక్షరాలా మీరు Chrome చేయాలనుకునే ఏదైనా కావచ్చు.
మీ స్వంత Chrome పొడిగింపును రూపొందించండి
ఒక చిన్న పరిశోధనతో, మీకు నచ్చిన పనిని చేయడానికి మీరు మీ పొడిగింపును సర్దుబాటు చేయవచ్చు, కాని నాకు ఒక బటన్ స్పీడ్ చెక్ ఆలోచన ఇష్టం కాబట్టి నేను దానితో వెళ్తున్నాను.
సాధారణంగా, మీరు సైట్ వేగాన్ని తనిఖీ చేసినప్పుడు మీరు ఉన్న పేజీ యొక్క URL ను GTmetrix, Pingdom లేదా ఎక్కడైనా అతికించండి మరియు విశ్లేషించండి నొక్కండి. దీనికి కొన్ని సెకన్లు మాత్రమే పడుతుంది, కానీ మీరు మీ బ్రౌజర్‌లో ఒక ఐకాన్‌ను ఎంచుకుని, మీ కోసం దీన్ని చేయగలిగితే మంచిది కాదా? ఈ ట్యుటోరియల్ ద్వారా పనిచేసిన తరువాత, మీరు దీన్ని చేయగలుగుతారు.
ప్రతిదీ ఉంచడానికి మీరు మీ కంప్యూటర్‌లో ఫోల్డర్‌ను సృష్టించాలి. మానిఫెస్ట్.జసన్, పాపప్.హెచ్ఎమ్ మరియు పాపప్.జెస్ అనే మూడు ఖాళీ ఫైళ్ళను సృష్టించండి. మీ క్రొత్త ఫోల్డర్ లోపల కుడి క్లిక్ చేసి, క్రొత్త మరియు టెక్స్ట్ ఫైల్ను ఎంచుకోండి. మీ ప్రతి మూడు ఫైళ్ళను మీకు నచ్చిన టెక్స్ట్ ఎడిటర్‌లో తెరవండి. Popup.html ఒక HTML ఫైల్‌గా సేవ్ చేయబడిందని మరియు popup.js జావాస్క్రిప్ట్ ఫైల్‌గా సేవ్ చేయబడిందని నిర్ధారించుకోండి. ఈ ట్యుటోరియల్ ప్రయోజనాల కోసం గూగుల్ నుండి ఈ నమూనా చిహ్నాన్ని డౌన్‌లోడ్ చేయండి.
Manifest.json ఎంచుకోండి మరియు కింది వాటిని అతికించండి:
Man "మానిఫెస్ట్_వర్షన్": 2, "పేరు": "జిటిమెట్రిక్స్ పేజ్ స్పీడ్ ఎనలైజర్", "వివరణ": "వెబ్‌సైట్ పేజీ లోడింగ్ వేగాన్ని విశ్లేషించడానికి జిటిమెట్రిక్స్ ఉపయోగించండి", "వెర్షన్": "1.0", "బ్రౌజర్_ఆక్షన్": default "డిఫాల్ట్_కాన్" : "icon.png", "default_popup": "popup.html"}, "అనుమతులు":}
మీరు గమనిస్తే, మేము దీనికి శీర్షిక మరియు ప్రాథమిక వివరణ ఇచ్చాము. మేము Google నుండి డౌన్‌లోడ్ చేసిన చిహ్నాన్ని కలిగి ఉన్న బ్రౌజర్ చర్యను కూడా పిలిచాము, అది మీ బ్రౌజర్ బార్ మరియు popup.html లో కనిపిస్తుంది. మీరు బ్రౌజర్‌లో పొడిగింపు చిహ్నాన్ని ఎంచుకున్నప్పుడు Popup.html అంటారు.
Popup.html తెరిచి, కింది వాటిని అందులో అతికించండి.
GTMetrix ఉపయోగించి పేజ్‌స్పీడ్ ఎనలైజర్
మీరు బ్రౌజర్‌లో పొడిగింపు చిహ్నాన్ని ఎంచుకున్నప్పుడు Popup.html అంటారు. మేము దీనికి ఒక పేరు ఇచ్చాము, పాపప్ అని లేబుల్ చేసి ఒక బటన్‌ను జోడించాము. బటన్‌ను ఎంచుకుంటే popup.js అని పిలుస్తాము, ఇది మేము తదుపరి పూర్తి చేసే ఫైల్.
Popup.js ను తెరిచి, కింది వాటిని అతికించండి:
document.addEventListener ('DOMContentLoaded', ఫంక్షన్ () {var checkPageButton = document.getElementById ('checkPage'); checkPageButton.addEventListener ('క్లిక్', ఫంక్షన్ () {chrome.tabs.getSelected (శూన్య, ఫంక్షన్ (టాబ్) = పత్రం; var f = d.createElement ('form'); f.action = 'http://gtmetrix.com/analyze.html?bm'; f.method = 'post'; var i = d.createElement ( 'ఇన్పుట్'); i.type = 'దాచిన'; i.name = 'url'; i.value = tab.url; f.appendChild (i); d.body.appendChild (f); f.submit () ;});}, తప్పుడు);}, తప్పుడు);
నేను జావాస్క్రిప్ట్‌ను తెలుసుకున్నట్లు నటించను, అందుకే సైట్ పాయింట్ ఇప్పటికే ఫైల్ను కలిగి ఉండటం చాలా సులభం. నాకు తెలుసు, ప్రస్తుత Chrome టాబ్‌లోని పేజీని విశ్లేషించడానికి ఇది GTmetrix కి చెబుతుంది. 'Chrome.tabs.getSelected' అని చెప్పే చోట పొడిగింపు క్రియాశీల ట్యాబ్ నుండి URL ను తీసుకొని వెబ్ రూపంలోకి ప్రవేశిస్తుంది. నేను వెళ్ళగలిగినంత వరకు.
మీ Chrome పొడిగింపును పరీక్షిస్తోంది
ఇప్పుడు మనకు ప్రాథమిక ఫ్రేమ్‌వర్క్ ఉంది, ఇది ఎలా పనిచేస్తుందో చూడటానికి మనం పరీక్షించాలి.
- Chrome ను తెరవండి, మరిన్ని సాధనాలు మరియు పొడిగింపులను ఎంచుకోండి.
- దీన్ని ప్రారంభించడానికి డెవలపర్ మోడ్ పక్కన ఉన్న పెట్టెను ఎంచుకోండి.
- ప్యాక్ చేయని పొడిగింపును లోడ్ చేయి ఎంచుకోండి మరియు ఈ పొడిగింపు కోసం మీరు సృష్టించిన ఫైల్‌కు నావిగేట్ చేయండి.
- పొడిగింపును లోడ్ చేయడానికి సరే ఎంచుకోండి మరియు అది మీ పొడిగింపుల జాబితాలో కనిపిస్తుంది.
- జాబితాలో ప్రారంభించబడిన ప్రక్కన ఉన్న పెట్టెను ఎంచుకోండి మరియు మీ బ్రౌజర్‌లో ఐకాన్ కనిపిస్తుంది.
- బ్రౌజర్‌లోని చిహ్నాన్ని ఎంచుకోండి, తద్వారా పాపప్ కనిపిస్తుంది.
- బటన్‌ను ఎంచుకోండి, ఈ పేజీని ఇప్పుడే తనిఖీ చేయండి!
మీరు పేజీ తనిఖీ చేయడాన్ని మరియు GTmetrix నుండి పనితీరు నివేదికను చూడాలి. ప్రధాన చిత్రంలోని నా స్వంత సైట్ నుండి మీరు చూడగలిగినట్లుగా, నా క్రొత్త డిజైన్‌ను వేగవంతం చేయడానికి నాకు కొంచెం పని ఉంది!
పొడిగింపులను ముందుకు తీసుకెళుతుంది
మీ స్వంత Chrome పొడిగింపును సృష్టించడం అంత కష్టం కాదు. ఒక చిన్న కోడ్ తెలుసుకోవడం ద్వారా ఇది ప్రారంభించటానికి ఖచ్చితంగా సహాయపడింది, ఆన్‌లైన్‌లో వందలాది వనరులు ఉన్నాయి. అదనంగా, గూగుల్ సమాచారం, ట్యుటోరియల్స్ మరియు నడక యొక్క భారీ రిపోజిటరీని కలిగి ఉంటుంది. ఈ పొడిగింపుతో నాకు సహాయం చేయడానికి నేను ఈ పేజీని Google డెవలపర్ సైట్ నుండి ఉపయోగించాను. పొడిగింపును సృష్టించే ప్రతి భాగం ద్వారా పేజీ మిమ్మల్ని నడిపిస్తుంది మరియు మేము ఇంతకు ముందు ఉపయోగించిన చిహ్నాన్ని అందిస్తుంది.
తగినంత పరిశోధనతో, మీరు బ్రౌజర్ సామర్థ్యం ఉన్న ఏదైనా చాలా పొడిగింపులను సృష్టించవచ్చు. Chrome స్టోర్‌లోని కొన్ని ఉత్తమ పొడిగింపులు వ్యక్తుల నుండి వచ్చినవి, కంపెనీల నుండి కాదు, మీరు నిజంగా మీ స్వంతంగా సృష్టించగలరని రుజువు చేస్తాయి.
అసలు గైడ్ కోసం సైట్ పాయింట్ వద్ద జాన్ సోన్మెజ్కు అన్ని క్రెడిట్. అతను చాలా కష్టపడ్డాడు, నేను దానిని కొద్దిగా పునర్వ్యవస్థీకరించాను మరియు కొద్దిగా నవీకరించాను.
మీరు మీ స్వంత Chrome పొడిగింపును సృష్టించారా? దీన్ని ప్రోత్సహించాలనుకుంటున్నారా లేదా భాగస్వామ్యం చేయాలనుకుంటున్నారా? మీరు చేస్తే క్రింద మాకు తెలియజేయండి!
