Google PageSpeed ​​ஐ சரிசெய்யவும்-மேலே-மடக்கு உள்ளடக்கத்தில் உள்ள தடுப்பு-தடுப்பு JavaScript மற்றும் CSS ஐ அகற்றவும்

கூகிள் PageSpeed ​​[1] டெஸ்ட் HTML ஐ முழுமையாக ஏற்றப்பட்ட பிறகு உங்கள் தளத்தின் JS மற்றும் CSS கோப்புகள் வழங்குவதற்கு முன்மொழியப்பட்ட மேல்-உள்ளடக்க மடலில் ஜாவாஸ்கிரிப்ட் மற்றும் CSS இரண்டையும் நீக்குதல் - மற்றும் உங்கள் HTML ஏற்றுதல் அவற்றை பதிவிறக்க.


ஜாவாஸ்கிரிப்ட் மற்றும் CSS ஐ தடுப்பதை தீர்க்கவும்

கூகிள் PageSpeed ​​[1] டெஸ்ட் HTML ஐ முழுமையாக ஏற்றப்பட்ட பிறகு உங்கள் தளத்தின் JS மற்றும் CSS கோப்புகள் வழங்குவதற்கு முன்மொழியப்பட்ட மேல்-உள்ளடக்க மடலில் ஜாவாஸ்கிரிப்ட் மற்றும் CSS இரண்டையும் நீக்குதல் - மற்றும் உங்கள் HTML ஏற்றுதல் அவற்றை பதிவிறக்க.

[1] - பேஜ்ஸ்பீட் நுண்ணறிவு - develop.google.com
ரெண்டர்-தடுக்கும் ஸ்கிரிப்ட் வரையறை: முழு HTML DOM க்கு முன் ஏற்றப்பட்ட ஸ்கிரிப்ட்கள் பாகுபடுத்தப்பட்டுள்ளன. எடுத்துக்காட்டாக, HTML வண்ணப்பூச்சு வரை ஸ்கிரிப்ட் சுமைகளை தாமதப்படுத்த உலாவிகளுக்கு எந்தவொரு குறிப்பிட்ட அறிவுறுத்தலும் இல்லாமல், தலைப்பு அல்லது உள்ளடக்கத்திற்குள் ஸ்கிரிப்ட்கள் சேர்க்கப்பட்டுள்ளன.

மேலே உள்ள மடங்கு உள்ளடக்கத்தில் ரெண்டர்-தடுப்பதை ஜாவாஸ்கிரிப்ட் மற்றும் CSS ஐ நீக்கு: அதை எவ்வாறு சரிசெய்வது என்பதைக் காட்டு

  1. உங்கள் வலைத்தளத்தை உங்களுக்காக மேம்படுத்த ஒரு வெளிப்புற அமைப்பு உள்ளது
  2. உங்கள் சார்பாக சாத்தியமான அனைத்து மேம்படுத்தல்களையும் செய்யும் ஒரு சி.டி.என் ஐப் பயன்படுத்தவும், ரெண்டர்-தடுக்கும் வளங்களை அகற்றுவதற்கு தேவையான பின்வரும் மூன்று தேர்வுமுறை உட்பட:
  3. ஜாவாஸ்கிரிப்ட் கோப்புகளை ஏற்றுவதை ஒத்திவைக்கவும்
  4. HTML சுமைக்குப் பிறகு CSS ஐ ஏற்றவும்
  5. ஒரு வேர்ட்பிரஸ் சொருகி பயன்படுத்த

ரெண்டர்-தடுக்கும் வளங்களை அகற்றுவதற்கு நிறைய மேம்படுத்தல்கள் தேவை, அவற்றை நீங்களே செயல்படுத்துவது சிரமமாக இருக்கலாம் - மேலும், குரோம் லைட்ஹவுஸ் மற்றும்  கூகிள் பேஜ்ஸ்பீட்   ஆகியவற்றில் சேர்க்கப்பட்டுள்ள புதிய சோதனைகளை மற்ற பக்க வேக சோதனைகளில் நீங்கள் தொடர்ந்து கவனிக்க வேண்டும்.

HTAccess குறியீட்டில் ரெண்டர்-தடுக்கும் வளங்களை அகற்றுவதற்கு தற்போதுள்ள தீர்வு எதுவும் இல்லை, ஏனெனில் இது DOM உடன் தொடர்புடையது, அதாவது வலைத்தள உள்ளடக்கம் மற்றும் சேர்க்கப்பட்ட வளங்கள் ஏற்றப்பட்ட வரிசை, அதாவது ஜாவாஸ்கிரிப்ட் மற்றும் CSS போன்றவை, ஆனால் மட்டுமல்ல. இவை 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 உத்தரவாதம் அளிக்காது - எனவே, உங்களிடம் பல ஸ்கிரிப்டுகள் இருந்தால் மற்றொன்றுக்கு பின்னால் இயங்க வேண்டும், பின்வருவனவற்றை வரிசைப்படுத்த உத்தரவாதம் அளிக்க வேண்டும்:

[2] - ரெண்டர்-தடுக்கும் ஜாவாஸ்கிரிப்டை அகற்று | பேஜ்ஸ்பீட் நுண்ணறிவு | நல்ல உருவாக்குநர்கள் - develop.google.com

HTML சுமைக்குப் பிறகு CSS ஐ ஏற்றவும்

முழு HTML அனுப்பப்பட்ட பின் CSS ஐ ஏற்றுவதற்கு கூகிள் [3] உங்கள் HTML இன் முடிவில் சேர்க்க இந்த குறியீட்டு குறியீடு [3] பரிந்துரைக்கிறது, உதாரணமாக அடிக்குறிப்பை மூடுவதன் குறிச்சொல் மற்றும் உடல் மூடுதல் குறிச்சொல்லைக்கு முன்:

[3] - CSS விநியோகத்தை மேம்படுத்துங்கள் | பேஜ்ஸ்பீட் நுண்ணறிவு | நல்ல உருவாக்குநர்கள் - develop.google.com

உங்கள் வலைத்தளத்தை மேம்படுத்துவதற்காக, நீங்கள் பயன்படுத்திய CSS குறியீடு நீக்க ஒரு நல்ல யோசனை, நீங்கள் வலை வடிவமைப்பு அறிவு இல்லை என்றால் கடினமான இருக்க முடியும் ஒரு அறுவை சிகிச்சை. உங்கள் வலைத்தள தீம் உங்களை உருவாக்கவில்லை என்றால், உதாரணமாக, உங்கள் அற்புதமான தளத்தின் புதிய (மற்றும் முற்றிலும் இலவசம்) பதிப்பு போன்ற உங்கள் சார்பாக உங்கள் பக்கங்களில் பயன்படுத்தப்படாத CSS குறியீட்டை நீக்க ஒரு வெளிப்புற அமைப்பு பயன்படுத்த புத்திசாலி இருக்கலாம் வேக முடுக்கி.

கூகிள் தள வேக சோதனையில் தேர்ச்சி பெறுங்கள்!

இது கூகிள் PageSpeed ​​[1] சோதனைக்கு இணையாக, இணையத்தளத்தில் 51-வது ஸ்கோர் மூலம் (மேலேற்றும் உலாவி கேச்சிங் [4] உடன்) மேலே-மடக்கு உள்ளடக்கத்தில் உள்ள ஜாவாஸ்கிரிப்ட் மற்றும் CSS ஆகியவற்றை அகற்ற அனுமதித்தது. படம் 1) 72 (படம் 2), மற்றும் 59 (படம் 3) முதல் டெஸ்க்டாப்பில் 79 வரை (படம் 4).

[4] - கூகிள் பேஜ்ஸ்பீட் அந்நிய உலாவி தேக்ககத்தை htaccess இல் சரிசெய்யவும் - யோன் பியர்லிங், சர்வதேச SAP / வலை ஆலோசகர் - www.ybierling.com

வேர்ட்பிரஸ் உள்ள வழங்கல் தடுக்கும் வளங்களை அகற்ற எப்படி

வேர்ட்பிரஸ் உள்ள வழங்கல்-தடுக்கும் வளங்களை அகற்ற, இது JetPack போன்ற சொருகி நிறுவ வேண்டும்.

பின்னர், நீங்கள் நிர்வாகியாக இருக்க வேண்டும் மற்றும் JetPack விருப்பங்களை> எழுதுதல்> செயல்திறன் மற்றும் வேகம்> சரிபார்க்கவும் தள முடுக்கியை இயக்கவும், பட சுமை நேரங்களை வேகமாகவும், நிலையான கோப்பு சுமை நேரங்களை வேகமாகவும், மற்றும் சோம்பேறி ஏற்றுதல் படங்கள்.

முதன்மை வலைத்தள உருவாக்கம்: இப்போது பதிவுசெய்க!

எங்கள் விரிவான வலைத்தள உருவாக்கும் பாடத்திட்டத்துடன் உங்கள் டிஜிட்டல் இருப்பை மாற்றவும் - இன்று வலை நிபுணராக மாறுவதற்கான உங்கள் பயணத்தைத் தொடங்குங்கள்!

இங்கே சேரவும்

எங்கள் விரிவான வலைத்தள உருவாக்கும் பாடத்திட்டத்துடன் உங்கள் டிஜிட்டல் இருப்பை மாற்றவும் - இன்று வலை நிபுணராக மாறுவதற்கான உங்கள் பயணத்தைத் தொடங்குங்கள்!

இது JetPack உங்கள் படங்களை மேம்படுத்த மற்றும் உங்கள் படங்கள் மற்றும் நிலையான கோப்புகளை (CSS மற்றும் JavaScript போன்றவை) தங்கள் உலகளாவிய வலைப்பின்னல் சேவையகங்களிலிருந்து சேவையளிப்பதன் மூலம் விரைவாக வேர்ட்பிரஸ் மற்றும் ரெண்டு பக்கங்களை மீட்டெடுக்கும்.

வேர்ட்பிரஸ் மீது வழங்கல் தடுப்பதை JavaScript மற்றும் CSS அகற்ற எப்படி

மேலும், ஒரு சோம்பேறி சுமை செயல்பாடு பயன்படுத்தி மூலம் திரையில் படங்களை ஏற்றுதல் postpone மறக்க வேண்டாம். இது கடினமானதாகவும், வெளிப்புற நூலகத்தை ஏற்றுவதற்குப் பின் ஒரு வெளிப்புற நூலகம் தேவைப்படும் போது, ​​திரை-திரையில் திரையில், இப்போது HTML5 இல் இப்போது சாத்தியமாகும்!

படங்களை சோம்பேறி ஏற்றுதல்: இணைய படங்கள் மட்டுமே வலைப்பக்கத்தில் ஸ்க்ரோல் மற்றும் அவற்றை காட்ட வேண்டும் போது சர்வர் படங்கள் மட்டுமே

உங்கள் வலைத்தளங்களில் படங்களை சோம்பேறி ஏற்றத்தை செயல்படுத்த, வெறுமனே உங்கள் வலைத்தளத்தின் படங்களை ஏற்றுதல் பண்புகளை சோம்பேறிகள் சேர்க்க, மற்றும் சமீபத்திய உலாவிகளில் அவர்கள் காட்டப்படும் என்றால் இந்த படங்களை மட்டுமே கோரப்பட்ட மற்றும் ஏற்றப்படும் என்று புரிந்து கொள்ள வேண்டும், அதாவது பயனர் சுருள்கள் கீழே பட பெட்டிகள்.

<img src=”SRC” alt=”ALT” loading=”lazy”></img>
சோம்பேறி ஏற்றுதல் - வலை செயல்திறன் - மொஸில்லா டெவலப்பர் நெட்வொர்க்

அந்த மேல், சோம்பேறி ஏற்றுதல் IFRAMES உடன் வேலை செய்கிறது, மேலும் உங்கள் வலைப்பக்கங்களில் இருந்து வழங்குவதை தடுக்கும் வளங்களை அகற்றுவதற்கான ஒரு முக்கியமான செயலாகும்.

ரெண்டரிங் தடுப்பு வளங்களை உருவாக்கியவுடன், முக்கிய உள்ளடக்கத்திற்குப் பிறகு ஏற்றுவதற்கான வழிமுறைகளைக் கொண்டிருக்கும்போது, ​​HTML DOM, நீங்கள் ஏற்கனவே Google லைட்ஹவுஸ் சோதனை, பக்கம் வேகம் நுண்ணறிவு சோதனை, அல்லது Google Core Web Vitals ஆகியவற்றில் நிறைய புள்ளிகளைப் பெறுவீர்கள்.

உங்கள் வலைத்தளத்தை உங்களுக்காக மேம்படுத்த ஒரு வெளிப்புற அமைப்பு உள்ளது

உங்கள் தளத்திலிருந்து அதிக முயற்சி இல்லாமல், உங்கள் சார்பாக அனைத்து Google பேஜ்ஸ்பீட் சிக்கல்களையும் நீங்கள் உண்மையில் தீர்க்க முடியும் என்பது உங்களுக்குத் தெரியுமா - ஒரு இலவச சோதனைக்கு பதிவுசெய்து உங்கள் DNS ஐ மாற்றுவதைத் தவிர?

எஸோயிக் இயங்குதள  தள வேக முடுக்கி   தொழில்நுட்பத்தைப் பயன்படுத்தி, வழக்கமான அனைத்து  கூகிள் பேஜ்ஸ்பீட்   சிக்கல்களும் அவற்றின் அமைப்பால் தீர்க்கப்படும், இது உங்கள் வலைத்தளத்திற்கும் பார்வையாளர்களுக்கும் இடையில் இடைத்தரகராக இருக்கும். உங்கள் பார்வையாளருக்கு காண்பிக்கும் முன் அவை உங்களுக்காக வலைப்பக்கத்தை மேம்படுத்தும்.

ஏப்ரல் 2021 ஆம் ஆண்டில், Ezoic ஊதியம் தள வேகம் முடுக்கி இலவச ezoic லீப் ஆக மாறும், மற்றும் எந்த கட்டணம் இல்லை மீது கோர் வலை Vitals கிரீன் மதிப்பெண்களை அடைவதற்கு வலைத்தளங்கள் உதவும்!

ஈசோயிக் இயங்குதளத்தில் இலவச சோதனைக்கு பதிவுசெய்வதன் மூலம் பச்சை நிறமாகி, அதை நீங்களே முயற்சி செய்யுங்கள் - அவை உங்கள் வலைத்தளத்தை சில நாட்களில் பக்க வேக தேர்வுமுறையின் மிக உயர்ந்த தரத்தை எட்டச் செய்யும்: அடுத்த தலைமுறை வலைப்பக்க படங்களை வழங்கவும், பயன்படுத்தப்படாத CSS ஐ அகற்றுவதன் மூலம் CSS மற்றும் ஜாவாஸ்கிரிப்டை மேம்படுத்தவும் மற்றும் ஜே.எஸ்.

கிரெடிட் கார்டு தேவையில்லை - நீங்கள் செய்ய வேண்டியதெல்லாம் இலவசமாக பதிவு செய்து முயற்சிக்கவும். கூடுதலாக, உங்கள் வலைத்தளம் காட்சி விளம்பரங்களிலிருந்து பணம் சம்பாதிக்கிறதென்றால், உங்கள் வலைத்தளத்தை மிக விரைவாக உருவாக்குவதற்கு மேல், இயந்திர விளம்பரக் கற்றல் மற்றும் மேம்பட்ட செயற்கை விருப்பத்துடன் உங்கள் விளம்பரங்களை மேம்படுத்துவதன் மூலம் கூகிள் ஆட்ஸென்ஸை விட நீங்கள் பல மடங்கு அதிக பணம் சம்பாதிக்கலாம்.

அடிக்கடி கேட்கப்படும் கேள்விகள்

மேலே உள்ள உள்ளடக்கத்தில் ரெண்டர்-தடுப்பு ஜாவாஸ்கிரிப்ட் மற்றும் சி.எஸ்.எஸ்ஸை எவ்வாறு அகற்றுவது?
மேலேயுள்ள உள்ளடக்கத்திற்கான ரெண்டர்-தடுப்பு ஜாவாஸ்கிரிப்ட் மற்றும் சி.எஸ்.எஸ் ஆகியவற்றை அகற்ற, HTML முழுமையாக ஏற்றப்பட்ட பிறகு உங்கள் தளத்தின் JS மற்றும் CSS கோப்புகள் ஏற்றப்படுவதை உறுதி செய்ய வேண்டும். இந்த கோப்புகளைப் பதிவிறக்க HTML ஏற்றுதல் செயல்முறையை இடைநிறுத்த வேண்டாம் என்பதே இதன் பொருள். நீங்கள் ஜாவாஸ்கிரிப்ட் கோப்புகளை ஒத்திசைவு அல்லது ஒத்திவைக்கப்பட்ட பண்புடன் ஒத்திவைக்கலாம், மேலும் CSS க்கு, HTML க்குப் பிறகு அதை ஏற்ற குறிப்பிட்ட குறியீட்டைப் பயன்படுத்தலாம். Ezoic போன்ற வெளிப்புற தேர்வுமுறை அமைப்பும் இதை தானாகவே கையாள முடியும்.
ரெண்டர்-தடுப்பு ஜாவாஸ்கிரிப்ட் மற்றும் சிஎஸ்எஸ் ஆகியவற்றை அகற்ற கூகிள் பேஜ்ஸ்பீட்டின் பரிந்துரையை வலை உருவாக்குநர்கள் எவ்வாறு உரையாற்ற முடியும்?
வலை உருவாக்குநர்கள் ஜாவாஸ்கிரிப்ட் மற்றும் சிஎஸ்எஸ் கோப்புகளைக் குறைப்பதன் மூலம் தங்கள் தளத்தை மேம்படுத்தலாம், ஜாவாஸ்கிரிப்டுக்கு ஒத்திசைவற்ற ஏற்றுதலைப் பயன்படுத்தலாம், முக்கியமான சிஎஸ்எஸ் நேரடியாக HTML க்குள் நுழைகிறார்கள், மேலும் சிக்கலான CSS மற்றும் ஜாவாஸ்கிரிப்ட் கோப்புகளை ஏற்றுவதை ஒத்திவைக்கலாம். இந்த உத்திகளைச் செயல்படுத்துவது ஏற்றுதல் நேரங்களையும் பேஜ்ஸ்பீட் மதிப்பெண்களையும் கணிசமாக மேம்படுத்தலாம்.

சரியான குரோம் லைட்ஹவுஸ் ஸ்கோர்: என்ன நடக்கிறது?


Yoann Bierling
எழுத்தாளர் பற்றி - Yoann Bierling
யோன் பியர்லிங் ஒரு வலை வெளியீடு மற்றும் டிஜிட்டல் கன்சல்டிங் நிபுணர், தொழில்நுட்பங்களில் நிபுணத்துவம் மற்றும் புதுமை மூலம் உலகளாவிய தாக்கத்தை ஏற்படுத்துகிறது. டிஜிட்டல் யுகத்தில் தனிநபர்களையும் அமைப்புகளையும் செழித்து வளர அதிகாரம் அளிப்பதில் ஆர்வம் கொண்ட அவர், விதிவிலக்கான முடிவுகளை வழங்குவதற்கும் கல்வி உள்ளடக்க உருவாக்கம் மூலம் வளர்ச்சியை அதிகரிப்பதற்கும் உந்தப்படுகிறார்.

முதன்மை வலைத்தள உருவாக்கம்: இப்போது பதிவுசெய்க!

எங்கள் விரிவான வலைத்தள உருவாக்கும் பாடத்திட்டத்துடன் உங்கள் டிஜிட்டல் இருப்பை மாற்றவும் - இன்று வலை நிபுணராக மாறுவதற்கான உங்கள் பயணத்தைத் தொடங்குங்கள்!

இங்கே சேரவும்

எங்கள் விரிவான வலைத்தள உருவாக்கும் பாடத்திட்டத்துடன் உங்கள் டிஜிட்டல் இருப்பை மாற்றவும் - இன்று வலை நிபுணராக மாறுவதற்கான உங்கள் பயணத்தைத் தொடங்குங்கள்!




கருத்துக்கள் (8)

 2018-08-19 -  quranapk
உங்கள் உள்ளடக்கத்தைப் படிப்பதை இடுகையிடுங்கள் - CSS ஐத் தடுப்பதை சரிசெய்ய இது எனக்கு உதவியது
 2018-09-23 -  Monica
எனவே இதை நாங்கள் எப்படிச் செய்கிறோம், ரெண்டர்-தடுக்கும் வளங்களை எவ்வாறு அகற்றுவது என்பதை அறிவது மிகவும் நல்லது
 2018-09-25 -  Van
சிறந்தது, அதைத்தான் நான் தேடிக்கொண்டிருந்தேன், இப்போது மொபைலில் ரெண்டர்-தடுக்கும் வளங்களை அகற்ற தயாராக இருக்கிறேன்
 2018-11-03 -  utumikaji0
ஆச்சரியமாக இருக்கிறது, இப்போது நான் அதை முயற்சித்து, ரெண்டர்-தடுக்கும் வளங்களை அகற்றுவதற்கான நேரம் இது!
 2019-01-12 -  Leo
உங்களுக்கு எப்படி நன்றி சொல்வது என்று தெரியவில்லை, ஆனால் அது தூய்மையான மேதை, நன்றி - இது தடுப்பு வளங்களை அகற்ற வேர்ட்பிரஸ் இல் வேலை செய்தது
 2019-04-21 -  Ludanulema
ஹாய், நான் உங்கள் கட்டுரையைப் பார்த்தேன், இது PHP இல் ரெண்டர்-தடுக்கும் வளங்களை அகற்ற சிக்கலை தீர்க்க எனக்கு உதவியது, நன்றி
 2019-06-12 -  animeg2Q
நான் இப்போது முயற்சி செய்கிறேன், பகிர்வுக்கு நன்றி ரெண்டர்-தடுக்கும் வளங்களை சரிசெய்தல்
 2019-07-02 -  Gasfackele
இது எனக்கு நன்றாக வேலை செய்தது, HTML வலைத்தளத்தில் ரெண்டர்-தடுக்கும் வளங்களை அகற்ற மேலும் பார்க்க வேண்டிய அவசியமில்லை

கருத்துரையிடுக