Google PageSpeed ​​ഫിക്സ് രഹിത ഉള്ളടക്കത്തിൽ റെൻഡർ-തടയൽ JavaScript, CSS എന്നിവ ഒഴിവാക്കുക

റെൻഡർ തടയൽ ജാവാസ്ക്രിപ്റ്റും സി‌എസ്‌എസും പരിഹരിക്കുക

HTML പേജ് പൂർണ്ണമായി ലോഡ് ചെയ്തതിനുശേഷം Google PageSpeed ​​[1] ടെസ്റ്റ് റെൻഡർ തടയുന്ന ജാവാസ്ക്രിപ്റ്റ്, ജാവാസ്ക്രിപ്റ്റ് സോഷ്യലുകളെ ഒഴിവാക്കുക എന്നിവ നിങ്ങളുടെ സൈറ്റിന്റെ JS, CSS ഫയലുകളെ ഡെലിവർ ചെയ്യുവാൻ നിർദ്ദേശിക്കുന്നു - അതിനാൽ നിങ്ങളുടെ HTML ലോഡിംഗ് അവരെ ഡൌൺലോഡ് ചെയ്യാൻ.

റെൻഡർ-തടയൽ സ്ക്രിപ്റ്റ് നിർവചനം: പൂർണ്ണ HTML DOM ന് മുമ്പായി ലോഡുചെയ്ത സ്ക്രിപ്റ്റുകൾ പാഴ്സുചെയ്യുന്നു. ഉദാഹരണത്തിന്, എച്ച്ടിഎംഎൽ പെയിന്റ് വരെ സ്ക്രിപ്റ്റ് ലോഡ് വൈകിപ്പിക്കാൻ ബ്ര rowsers സറുകൾക്ക് പ്രത്യേക നിർദ്ദേശങ്ങളൊന്നുമില്ലാതെ തലക്കെട്ടിലോ ഉള്ളടക്കത്തിനുള്ളിലോ സ്ക്രിപ്റ്റുകൾ ഉൾപ്പെടുത്തിയിട്ടുണ്ട്.

മുകളിൽ പറഞ്ഞിരിക്കുന്ന ഉള്ളടക്കത്തിൽ റെൻഡർ-തടയൽ ജാവാസ്ക്രിപ്റ്റും സി‌എസ്‌എസും നീക്കംചെയ്യുക: ഇത് എങ്ങനെ പരിഹരിക്കാമെന്ന് കാണിക്കുക

1. നിങ്ങൾക്കായി നിങ്ങളുടെ വെബ്‌സൈറ്റ് ഒപ്റ്റിമൈസ് ചെയ്യുന്നതിന് ഒരു ബാഹ്യ സിസ്റ്റം ഉണ്ടായിരിക്കുക
   
2. റെൻഡർ-തടയൽ ഉറവിടങ്ങൾ ഇല്ലാതാക്കാൻ പരിഹരിക്കുന്നതിന് ആവശ്യമായ മൂന്ന് ഒപ്റ്റിമൈസേഷൻ ഉൾപ്പെടെ, നിങ്ങളുടെ താൽപ്പര്യാർത്ഥം സാധ്യമായ എല്ലാ ഒപ്റ്റിമൈസേഷനുകളും നടപ്പിലാക്കുന്ന ഒരു സിഡിഎൻ ഉപയോഗിക്കുക:
   
3. ജാവാസ്ക്രിപ്റ്റ് ഫയലുകൾ ലോഡുചെയ്യുന്നത് മാറ്റുക
   
4. HTML ലോഡിന് ശേഷം CSS ലോഡുചെയ്യുക
   
5. ഒരു വേർഡ്പ്രസ്സ് പ്ലഗിൻ ഉപയോഗിക്കുക
   

റെൻഡർ-തടയൽ ഉറവിടങ്ങൾ ഇല്ലാതാക്കുന്നത് പരിഹരിക്കുന്നതിന് ധാരാളം ഒപ്റ്റിമൈസേഷനുകൾ ആവശ്യമാണ്, അവ സ്വയം നടപ്പിലാക്കാൻ ശ്രമിക്കാം - കൂടാതെ, മറ്റ് പേജ് സ്പീഡ് ടെസ്റ്റുകളിൽ Chrome ലൈറ്റ്ഹ ouse സ്,  Google പേജ്സ്പീഡ്   എന്നിവയിൽ ഉൾപ്പെടുത്തിയിരിക്കുന്ന പുതിയ ടെസ്റ്റുകൾക്കായി നിങ്ങൾ നിരന്തരം ശ്രദ്ധിക്കേണ്ടതുണ്ട്.

വെബ്സൈറ്റ് ഉള്ളടക്കത്തെ അർത്ഥമാക്കുന്ന 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 അല്ലെങ്കിൽ defer instruction നിർദ്ദേശങ്ങൾ ചേർക്കാം. അസിൻകിന് അതേ അനുപാതത്തിൽ ലോഡ് ചെയ്യുന്നു എന്ന് ഉറപ്പ് നൽകുന്നില്ല - അതിനാൽ, നിങ്ങൾക്ക് ഒന്നിൽ നിന്ന് പ്രവർത്തിപ്പിക്കേണ്ട ഒന്നിലധികം സ്ക്രിപ്റ്റുകൾ ഉണ്ടെങ്കിൽ, ആവർത്തിക്കകത്ത് സീക്വൻസിക്ക് ഗ്യാരണ്ടി നൽകാവുന്നതാണ്:

HTML ലോഡിന് ശേഷം CSS ലോഡുചെയ്യുക

പൂർണ്ണ എച്ച്.റ്റി.എം.എൻ കൈമാറ്റം ചെയ്തുകഴിയുമ്പോൾ CSS ലോഡ് ചെയ്യാൻ നിങ്ങളുടെ ഗൂഗിൾ അവസാനം ചേർക്കുന്നതിനായി ഗൂഗിൾ നിർദ്ദേശിക്കുന്നു [3], ഉദാഹരണത്തിന് അടിക്കുറിപ്പ് അടയ്ക്കുന്ന ടാഗും ബോഡി ക്ലോസിംഗ് ടാഗിന് മുമ്പും:

നിങ്ങളുടെ വെബ്സൈറ്റ് ഒപ്റ്റിമൈസ് ചെയ്യുന്നതിന്, ഉപയോഗിക്കാത്ത സിഎസ്എസ് കോഡ് നീക്കംചെയ്യുന്നത് നല്ലതാണ്, വെബ് ഡിസൈനിൽ നിങ്ങൾക്ക് അറിവില്ലെങ്കിൽ അത് മടുപ്പിക്കുന്നതാണ്. നിങ്ങളുടെ വെബ്സൈറ്റ് തീം സൃഷ്ടിച്ചിട്ടില്ലെങ്കിൽ, നിങ്ങളുടെ പേരിൽ ഉപയോഗിക്കാത്ത സിഎസ്എസ് കോഡ് ഉപയോഗിക്കുന്നത് നിങ്ങൾക്ക് ബുദ്ധിമാനാകും, ഉദാഹരണത്തിന് എസോയിക് കുതിച്ചുചാട്ടം, അവരുടെ അതിശയകരമായ സൈറ്റിന്റെ പുതിയ (പൂർണ്ണമായും സ is ജന്യ) പതിപ്പ് സ്പീഡ് ആക്സിലറേറ്റർ.

Google സൈറ്റ് വേഗത പരിശോധന വിജയിക്കുക!

ഇത് Google PageSpeed ​​[1] ടെസ്റ്റ് മൊബൈലിൽ 51-ആമത്തെ സ്കോർ ഉയർന്നുവച്ച ഒരു സൈറ്റിൽ മുകളിൽ-ദിശയിലുള്ള ഉള്ളടക്കം (ലെയേരെർ ബ്രൗസർ കാഷെചെയ്യൽ [4] സഹിതം) റെൻഡർ തടയുന്ന ജാവാസ്ക്രിപ്റ്റ്, ചിത്രം 1) മുതൽ 72 (ചിത്രം 2) വരെ, 59 (ചിത്രം 3) മുതൽ 79 വരെ 79 (ചിത്രം 4).

WordPress- ൽ റെൻഡർ-തടയൽ റിസോഴ്സുകൾ ഒഴിവാക്കുന്നതെങ്ങനെ

റെൻഡർ തടയുന്നതിനുള്ള വിഭവങ്ങൾ വേർപെടുത്തുക, JetPack പോലുള്ള ഒരു പ്ലഗിൻ ഇൻസ്റ്റാൾ ചെയ്യേണ്ടത് ആവശ്യമാണ്.

പിന്നീട് നിങ്ങൾ ഒരു അഡ്മിനിസ്ട്രേറ്ററായിരിക്കണം, കൂടാതെ JetPack ഓപ്ഷനുകൾ> എഴുത്ത്> പ്രകടനവും വേഗതയും> പരിശോധിക്കുക സൈറ്റിന്റെ ആക്സിലറേറ്റർ പ്രാപ്തമാക്കുക, ഇമേജ് ലോഡ് സമയം വേഗത്തിലാക്കുക, സ്റ്റാറ്റിക് ഫയൽ ലോഡ് ടൈപ്പുകൾ വേഗത്തിലാക്കുക, കൂടാതെ മടിയുള്ള ലോഡിംഗ് പ്രാപ്തമാക്കുക ചിത്രങ്ങൾ.

മാസ്റ്റർ വെബ്സൈറ്റ് സൃഷ്ടിക്കൽ: ഇപ്പോൾ എൻറോൾ ചെയ്യുക!

ഞങ്ങളുടെ സമഗ്രമായ വെബ്സൈറ്റ് സൃഷ്ടിക്കൽ കോഴ്സ് ഉപയോഗിച്ച് നിങ്ങളുടെ ഡിജിറ്റൽ സാന്നിധ്യത്തെ രൂപാന്തരപ്പെടുത്തുക - ഇന്ന് ഒരു വെബ് വിദഗ്ദ്ധനായി നിങ്ങളുടെ യാത്ര ആരംഭിക്കുക!

ഇവിടെ ചേരുക

ഇത് നിങ്ങളുടെ ബ്ലോഗുകൾ പരമാവധി പ്രയോജനപ്പെടുത്താനും നിങ്ങളുടെ ഗ്ലോബൽ നെറ്റ്വർക്ക് സെർവറിൽ നിന്ന് നിങ്ങളുടെ ഇമേജുകളും സ്റ്റാറ്റിക് ഫയലുകളും (സി.എസ്.എസ്, ജാവാസ്ക്രിപ്റ്റ് പോലുള്ളവ) സെർവറുകൾക്ക് നൽകുന്നതിനും വഴി JetPack- നെ WordPress- ൽ റെൻഡർ-തടയൽ റിസോഴ്സുകൾ ഒഴിവാക്കും.

കൂടാതെ, ഒരു അലസമായ ലോഡ് ഫംഗ്ഷൻ ഉപയോഗിച്ച് ഇമേജുകൾ ഓഫ്-സ്ക്രീൻ ലോഡുചെയ്യാൻ മറക്കരുത്. അത് പ്രയാസമുള്ളതും ഒരു ബാഹ്യ ലൈബ്രറിയും ഉപയോഗിക്കാൻ ഉപയോഗിക്കുന്നത്, ഇമേജുകൾ ലോഡുചെയ്യുന്നതിനുള്ള ഒരു ബാഹ്യ ലൈബ്രറി ആവശ്യമാണ്, അത് ഇപ്പോൾ HTML5- ൽ ക്രിയാത്മകമായി സാധ്യമാണ്!

നിങ്ങളുടെ വെബ്സൈറ്റുകളിൽ അലസമായ ലോഡിംഗ് നടപ്പിലാക്കുന്നതിന്, നിങ്ങളുടെ വെബ്സൈറ്റ് ഇമേജുകൾ ലോഡുചെയ്യുന്നതിലേക്ക് അലസങ്ങൾ ചേർക്കുക, സമീപകാല ബ്ര rowsers സറുകൾ മനസ്സിലാക്കുകയും അവ പ്രദർശിപ്പിക്കുകയാണെങ്കിൽ, ഉപയോക്താവ് താഴേക്ക് ചുരുക്കുകയാണെങ്കിൽ, അർത്ഥം ഇമേജ് പ്ലെയ്സ്ഹോൾഡർമാർ.

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

അതിനുമുകളിൽ, അലസമായ ലോഡിംഗ് iframes- ൽ പ്രവർത്തിക്കുന്നു, കൂടാതെ നിങ്ങളുടെ വെബ്പേജുകളിൽ നിന്ന് റെൻഡർ തടയൽ ഉറവിടങ്ങൾ ഇല്ലാതാക്കുന്നതിനുള്ള ഒരു പ്രധാന നടപ്പാക്കലാണ്.

റെൻഡറിംഗ് തടയുന്ന വിഭവങ്ങൾക്ക് പ്രധാന ഉള്ളടക്കത്തിന് ശേഷം ലോഡുചെയ്യാനായി നിർദ്ദേശങ്ങൾ ഉണ്ടായിരിക്കുമ്പോഴെ, നിങ്ങൾ ഇതിനകം തന്നെ Google ലൈറ്റ്ഹൗസ് ടെസ്റ്റ്, പേജ് സ്പീഡ് ഇൻസൈറ്റുകൾ പരിശോധന, അല്ലെങ്കിൽ Google കോർ വെബ് അതോ ഗൂഗിൾ കോർ വെബ് അതോ.

നിങ്ങൾക്കായി നിങ്ങളുടെ വെബ്‌സൈറ്റ് ഒപ്റ്റിമൈസ് ചെയ്യുന്നതിന് ഒരു ബാഹ്യ സിസ്റ്റം ഉണ്ടായിരിക്കുക

ഒരു സ trial ജന്യ ട്രയലിനായി രജിസ്റ്റർ ചെയ്യുകയും നിങ്ങളുടെ DNS മാറ്റുകയും ചെയ്യുന്നതൊഴികെ - നിങ്ങളുടെ സൈറ്റിൽ നിന്ന് വളരെയധികം പരിശ്രമിക്കാതെ തന്നെ നിങ്ങൾക്ക് വേണ്ടി എല്ലാ  Google പേജ്സ്പീഡ്   പ്രശ്നങ്ങളും പരിഹരിക്കാനാകുമെന്ന് നിങ്ങൾക്കറിയാമോ?

എസോയിക് പ്ലാറ്റ്ഫോം  സൈറ്റ് സ്പീഡ് ആക്സിലറേറ്റർ   സാങ്കേതികവിദ്യ ഉപയോഗിച്ച്, എല്ലാ സാധാരണ  Google പേജ്സ്പീഡ്   പ്രശ്നങ്ങളും അവരുടെ സിസ്റ്റം പരിഹരിക്കും, അത് നിങ്ങളുടെ വെബ്സൈറ്റും സന്ദർശകരും തമ്മിലുള്ള ഇടനിലക്കാരായിരിക്കും. നിങ്ങളുടെ സന്ദർശകന് പ്രദർശിപ്പിക്കുന്നതിന് മുമ്പ് അവർ നിങ്ങൾക്കായി വെബ് പേജ് ഒപ്റ്റിമൈസ് ചെയ്യും.

എസോയിക് പ്ലാറ്റ്ഫോമിൽ ഒരു സ trial ജന്യ ട്രയലിനായി രജിസ്റ്റർ ചെയ്യുന്നതിലൂടെ പച്ചയായി മാറുക, നിങ്ങൾക്കായി ഇത് പരീക്ഷിക്കുക - ഏതാനും ദിവസങ്ങൾക്കുള്ളിൽ അവ നിങ്ങളുടെ വെബ്സൈറ്റിനെ പേജ് സ്പീഡ് ഒപ്റ്റിമൈസേഷന്റെ ഏറ്റവും ഉയർന്ന നിലവാരത്തിലെത്തിക്കും: അടുത്ത തലമുറ വെബ്പ് ഇമേജുകൾ റെൻഡർ ചെയ്യുക, ഉപയോഗിക്കാത്ത സിഎസ്എസ് നീക്കംചെയ്ത് സിഎസ്എസും ജാവാസ്ക്രിപ്റ്റും ഒപ്റ്റിമൈസ് ചെയ്യുക ഒപ്പം ജെഎസ്, അലസമായ ലോഡ് ഇമേജുകൾ, ഇമേജുകളുടെ വലുപ്പം മാറ്റുക, നിങ്ങളുടെ സൈറ്റ് പേജുകൾ കാഷെ ചെയ്യുക, ഫോണ്ടുകൾ ഒപ്റ്റിമൈസ് ചെയ്യുക, നിങ്ങൾ ഉൾപ്പെടുത്തിയ എല്ലാ സൈറ്റുകളിലേക്കും മുൻകൂട്ടി കണക്റ്റുചെയ്യുക, കൂടാതെ മറ്റു പലതും.

ക്രെഡിറ്റ് കാർഡ് ആവശ്യമില്ല - നിങ്ങൾ ചെയ്യേണ്ടത് സ free ജന്യമായി രജിസ്റ്റർ ചെയ്ത് ശ്രമിച്ചുനോക്കുക എന്നതാണ്. കൂടാതെ, നിങ്ങളുടെ വെബ്സൈറ്റ് ഡിസ്പ്ലേ പരസ്യങ്ങളിൽ നിന്ന് പണം സമ്പാദിക്കുകയാണെങ്കിൽ, നിങ്ങളുടെ വെബ്സൈറ്റ് വളരെ വേഗത്തിലാക്കുന്നതിന് മുകളിൽ, മെഷീൻ ലേണിംഗും നൂതന കൃത്രിമമായ ഇന്റലിൻസൻസും ഉപയോഗിച്ച് നിങ്ങളുടെ പരസ്യങ്ങൾ ഒപ്റ്റിമൈസ് ചെയ്യുന്നതിലൂടെ Google AdSense- നെ അപേക്ഷിച്ച് നിരവധി മടങ്ങ് കൂടുതൽ പണം സമ്പാദിക്കാൻ അവയ്ക്ക് കഴിയും.

പതിവായി ചോദിക്കുന്ന ചോദ്യങ്ങൾ

മുകളിൽ-മടങ്ങ് ഉള്ളടക്കത്തിൽ റെൻഡർ തടയുന്ന ജാവാസ്ക്രിപ്റ്റും സിഎസ്എസും എങ്ങനെ ഇല്ലാതാക്കാം?

മുകളിൽ-മടങ്ങ് ഉള്ളടക്കത്തിനായി റെൻഡർ തടയുന്ന ജാവാസ്ക്രിപ്റ്റും സിഎസ്എസും ഇല്ലാതാക്കാൻ, HTML പൂർണ്ണമായി ലോഡുചെയ്തതിനുശേഷം നിങ്ങളുടെ സൈറ്റിന്റെ ജെഎസും സിഎസ്എസ് ഫയലുകളും ലോഡുചെയ്തതായി നിങ്ങൾ ഉറപ്പാക്കണം. ഈ ഫയലുകൾ ഡ download ൺലോഡുചെയ്യുന്നതിന് HTML ലോഡിംഗ് പ്രക്രിയ താൽക്കാലികമായി നിർത്താതിരിക്കാൻ ഇതിനർത്ഥം. നിങ്ങൾക്ക് ജാവാസ്ക്രിപ്റ്റ് ഫയലുകൾ അസിങ്ക് അല്ലെങ്കിൽ ഡിവിഷൻ ആട്രിബ്യൂട്ട് മാറ്റിവയ്ക്കാം, കൂടാതെ സിഎസ്എസിനായി, എച്ച്ടിഎംഎല്ലിന് ശേഷം ലോഡുചെയ്യാൻ നിങ്ങൾക്ക് നിർദ്ദിഷ്ട കോഡ് ഉപയോഗിക്കാം. Ezoic പോലുള്ള ഒരു ബാഹ്യ ഒപ്റ്റിമൈസേഷൻ സിസ്റ്റം ഇത് യാന്ത്രികമായി കൈകാര്യം ചെയ്യാൻ കഴിയും.

റെൻഡർ തടയുന്ന ജാവാസ്ക്രിപ്റ്റ്, സിഎസ്എസ് എന്നിവ ഇല്ലാതാക്കാൻ വെബ് ഡെവലപ്പർമാർക്ക് എങ്ങനെ Google പേജന്റെ ശുപാർശയെ അഭിസംബോധന ചെയ്യാൻ കഴിയും?

ജാവാസ്ക്രിപ്റ്റ്, സിഎസ്എസ് എന്നിവയ്ക്കായി അസന്ത്രികാര ലോഡിംഗ്, ക്രിട്ടിക്കൽ സിഎസ്എസ് നേരിട്ട്, വിമർശനാത്മക സിഎസ്എസ്, ക്രമേണ ഇതര സിഎസ്എസ്, ജാവാസ്ക്രിപ്റ്റ് ഫയലുകൾ എന്നിവ ഉപയോഗിച്ച് വെബ് ഡവലപ്പർമാർക്ക് അവരുടെ സൈറ്റ് ഒപ്റ്റിമൈസ് ചെയ്യാൻ കഴിയും. ഈ തന്ത്രങ്ങൾ നടപ്പിലാക്കുന്നത് സമയങ്ങളും പേജഡ് സ്കോറുകളും ഗണ്യമായി മെച്ചപ്പെടുത്താൻ കഴിയും.

മികച്ച ക്രോം ലൈറ്റ്ഹൗസ് സ്കോർ: എന്ത് സംഭവിക്കും?