ફિક્સ Google PageSpeed ​​રેન્ડર-અવરોધિત જાવાસ્ક્રિપ્ટ અને CSS ની ઉપરની ગુંજ સામગ્રીમાં દૂર કરો

ગૂગલ પેજસ્પીડ [1] ટેસ્ટ ઓવર-ધ-ગૅન્ડ કન્ટેન્ટમાં રેન્ડર-બ્લોકિંગ જાવાસ્ક્રીપ્ટ અને સીએસએસ દૂર કરો, HTML નું પૂરેપૂરું લોડ થયું પછી તમારી સાઇટની જેએસ અને CSS ફાઇલો પહોંચાડવાનો પ્રસ્તાવ છે - અને તેથી, તમારા HTML લોડિંગને અટકાવશો નહીં તેમને ડાઉનલોડ કરવા માટે


જાવાસ્ક્રિપ્ટ અને સીએસએસ અવરોધિત રેન્ડર ઉકેલો

ગૂગલ પેજસ્પીડ [1] ટેસ્ટ ઓવર-ધ-ગૅન્ડ કન્ટેન્ટમાં રેન્ડર-બ્લોકિંગ જાવાસ્ક્રીપ્ટ અને સીએસએસ દૂર કરો, HTML નું પૂરેપૂરું લોડ થયું પછી તમારી સાઇટની જેએસ અને CSS ફાઇલો પહોંચાડવાનો પ્રસ્તાવ છે - અને તેથી, તમારા HTML લોડિંગને અટકાવશો નહીં તેમને ડાઉનલોડ કરવા માટે

[1] - પેજસ્પીડ આંતરદૃષ્ટિ - વિકાસકર્તાઓ. Com
રેન્ડર-અવરોધિત સ્ક્રિપ્ટ વ્યાખ્યા: સંપૂર્ણ એચટીએમએલ ડોમનું વિશ્લેષણ થાય તે પહેલાં લોડ થયેલ સ્ક્રિપ્ટો. ઉદાહરણ તરીકે, સ્ક્રિપ્ટો હેડરમાં અથવા સામગ્રીની અંદર શામેલ છે, બ્રાઉઝર્સ માટે કોઈ ચોક્કસ સૂચના વિના, HTML પેઇન્ટ પછી સ્ક્રિપ્ટ લોડમાં વિલંબ કરવો.

ઉપરની-ફોલ્ડ સામગ્રીમાં જાવાસ્ક્રિપ્ટ અને સીએસએસ રેન્ડર-અવરોધિત દૂર કરો: તેને કેવી રીતે ઠીક કરવું તે બતાવો

  1. બાહ્ય સિસ્ટમ તમારા માટે તમારી વેબસાઇટને optimપ્ટિમાઇઝ કરો
  2. સીડીએનનો ઉપયોગ કરો કે જે તમારા વતી તમામ શક્ય izપ્ટિમાઇઝેશન કરશે, જેમાં રેન્ડર-અવરોધિત સંસાધનોને દૂર કરવા માટે જરૂરી ત્રણ નીચેના ઓપ્ટિમાઇઝેશનનો સમાવેશ છે:
  3. જાવાસ્ક્રિપ્ટ ફાઇલો લોડ મુલતવી
  4. HTML લોડ પછી સીએસએસ લોડ કરો
  5. વર્ડપ્રેસ પ્લગઈન વાપરો

રેન્ડર-અવરોધિત સંસાધનોને દૂર કરવા માટે ઘણા બધા optimપ્ટિમાઇઝેશન જરૂરી છે અને તે જાતે જ અમલમાં મૂકવું કંટાળાજનક હોઈ શકે છે - ઉપરાંત, તમારે અન્ય પૃષ્ઠ ગતિ પરીક્ષણો વચ્ચે ક્રોમ લાઇટહાઉસ અને ગૂગલ પેજસ્પીડમાં સમાવિષ્ટ નવી પરીક્ષણો શોધી કા .વી પડશે.

Htaccess કોડમાં રેન્ડર-બ્લockingકિંગ સ્રોતોને દૂર કરવા માટે કોઈ અસ્તિત્વમાં નથી, કારણ કે આ મુદ્દો વેબસાઇટની સામગ્રી, અને જાવાસ્ક્રિપ્ટ અને સીએસએસ જેવા સમાવિષ્ટ સ્રોતો લોડ થાય છે તે ક્રમમાં, DOM સાથે સંબંધિત છે. આ Htaccess માં ટ્રિગર કરી શકાતું નથી, પરંતુ ફક્ત HTML DOM સામગ્રીમાં.

જો તમે ડેસ્કટ !પ માટે આ સમસ્યાઓ હલ કરો છો, તો તમે તે જ સમયે મોબાઇલ માટે રેન્ડર-બ્લockingકિંગ સંસાધનોને દૂર કરશો કારણ કે બંને બરાબર સમાન છે!

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!

જાવાસ્ક્રિપ્ટ ફાઇલો લોડ મુલતવી

તમારી જેએસ ફાઇલો [2] નું ભારણ ઘટાડવા માટે, તમે તમારી સ્ક્રિપ્ટો લિંક્સમાં ઍંસિંક અથવા ડિફ્રેર સૂચના ઉમેરી શકો છો. અસિનક એ બાંહેધરી આપતા નથી કે તેઓ એ જ અનુક્રમમાં લોડ થાય છે - તેથી, જો તમારી પાસે ઘણા સ્ક્રિપ્ટો હોય જે બીજા પછી એક ચલાવવા જોઈએ, તો ડિફેર ક્રમની બાંયધરી આપવા ઇચ્છનીય છે:

[2] - રેન્ડર-અવરોધિત જાવાસ્ક્રિપ્ટને દૂર કરો પેજસ્પીડ આંતરદૃષ્ટિ | સારા વિકાસકર્તાઓ - વિકાસકર્તાઓ. Com

HTML લોડ પછી સીએસએસ લોડ કરો

પૂર્ણ એચટીએમએલ પછી સંકળાયેલ સીએસએસને લોડ કરવા માટે, Google તમારા HTML ના અંતમાં ઉમેરવાની [3] કોડનો આ ભાગ પ્રસ્તુત કરે છે, ઉદાહરણ તરીકે ફૂટર બંધ ટૅગ અને બોડી બંધ ટૅગ પહેલા:

[]] - સીએસએસ ડિલિવરી timપ્ટિમાઇઝ કરો પેજસ્પીડ આંતરદૃષ્ટિ | સારા વિકાસકર્તાઓ - વિકાસકર્તાઓ. Com

તમારી વેબસાઇટને ઑપ્ટિમાઇઝ કરવા માટે, બિનઉપયોગી CSS કોડને દૂર કરવા માટે તે એક સારો વિચાર છે, જો તમારી પાસે વેબ ડિઝાઇનમાં જ્ઞાન ન હોય તો તે કંટાળાજનક હોઈ શકે છે. જો તમે તમારી વેબસાઇટ થીમ જાતે બનાવી નથી, તો તમારા વતી તમારા પૃષ્ઠો પર નહિં વપરાયેલ CSS કોડને દૂર કરવા માટે બાહ્ય સિસ્ટમનો ઉપયોગ કરવા માટે બુદ્ધિશાળી હોઈ શકે છે, જેમ કે Ezoic leap ઉદાહરણ તરીકે, નવી (અને તદ્દન મફત) આવૃત્તિ તેમની આકર્ષક સાઇટ સ્પીડ એક્સિલરેટર.

ગૂગલ સાઇટ સ્પીડ ટેસ્ટ પાસ કરો!

આનાથી મને  ગૂગલ પેજસ્પીડ   [1] ટેસ્ટ પસાર કરવાની મંજૂરી મળી, વેબ પરની 51 કરતા પણ વધુ સ્કોર સુધી જઈને વેબસાઇટ પર રેન્ડર-બ્લોકીંગ જાવાસ્ક્રીપ્ટ અને CSS (ઉપર લીટી બ્રાઉઝર કેશીંગ [4]) ની ઉપરની સામગ્રીમાં દૂર કરો ( ફિગ 1) થી 72 (આકૃતિ 2), અને 59 (ફિગ 3) થી લઈને ડેસ્કટોપ પર 7 (અંજીર 4).

[]] - એચટીસીએસમાં ગૂગલ પેજસ્પીડ લિવરેજ બ્રાઉઝર કેશીંગને ઠીક કરો - યોઆન બિઅરલિંગ, આંતરરાષ્ટ્રીય એસએપી / વેબ સલાહકાર - www.ybierling.com

WordPress માં રેન્ડર-અવરોધિત સંસાધનોને કેવી રીતે દૂર કરવી

WordPress માં રેન્ડર-અવરોધિત સંસાધનોને દૂર કરવા માટે, JetPack જેવા પ્લગઇનને ઇન્સ્ટોલ કરવું આવશ્યક છે.

પછી, વિકલ્પો પર જાઓ, જેના માટે તમારે એડમિનિસ્ટ્રેટર હોવું જોઈએ અને જેટપેક વિકલ્પો> લેખન> પ્રદર્શન અને ગતિ> ચેક પર જાઓ, સાઇટ પ્રવેગકને સક્ષમ કરો, છબી લોડ સમયને ઝડપી બનાવો, સ્ટેટિક ફાઇલ લોડ ટાઇમ્સને ઝડપી બનાવો અને આળસુ લોડિંગ સક્ષમ કરો. છબીઓ

SEO બેઝિક્સ શીખો: આજે નોંધણી કરો!

અમારા અનુસરવામાં સરળ બેઝિક્સ કોર્સ સાથે એસઇઓના ફંડામેન્ટલ્સને માસ્ટર કરીને તમારી વેબસાઇટની દૃશ્યતા અને ટ્રાફિકને વેગ આપો.

SEO શીખવાનું શરૂ કરો

અમારા અનુસરવામાં સરળ બેઝિક્સ કોર્સ સાથે એસઇઓના ફંડામેન્ટલ્સને માસ્ટર કરીને તમારી વેબસાઇટની દૃશ્યતા અને ટ્રાફિકને વેગ આપો.

આ JetPack ને તમારી છબીઓને ઑપ્ટિમાઇઝ કરવા અને તમારા છબીઓ અને સ્થિર ફાઇલો (જેમ કે CSS અને JavaScript) ને સર્વરોના તેમના વૈશ્વિક નેટવર્કથી સેવા આપવા દ્વારા WordPress માં રેન્ડર-અવરોધિત સંસાધનોને ઝડપથી દૂર કરશે અને પૃષ્ઠોને વધુ ઝડપથી લોડ કરશે.

WordPress પર રેન્ડર-અવરોધિત જાવાસ્ક્રિપ્ટ અને CSS કેવી રીતે દૂર કરવું

પણ, આળસુ લોડ ફંકશનનો ઉપયોગ કરીને છબીઓ લોડ કરવા-સ્ક્રીનને સ્થગિત કરવાનું ભૂલશો નહીં. જ્યારે તે મુશ્કેલ હોઈ શકે છે અને બાહ્ય લાઇબ્રેરીને બંધ કરવા માટે બાહ્ય લાઇબ્રેરીની આવશ્યકતા છે, તે ઑફ-સ્ક્રીનને પોસ્ટ કરવા માટે, તે હવે HTML5 માં શક્ય છે!

છબીઓની સુસ્ત લોડિંગ: વેબસાઇટ છબીઓને ફક્ત સર્વર પર વિનંતી કરવામાં આવે છે જ્યારે વપરાશકર્તા વેબપેજ પર સ્ક્રોલ કરે છે અને તેમને પ્રદર્શિત કરી શકે છે

તમારી વેબસાઇટ્સ પર છબીઓની આળસ લોડ કરવા માટે, ફક્ત તમારી વેબસાઇટની છબીઓ લોડ કરવામાં આવેલા લક્ષણો માટે આળસને આળસુ ઉમેરો, અને તાજેતરના બ્રાઉઝર્સ સમજી શકશે કે આ છબીઓને ફક્ત ત્યારે જ વિનંતી કરવી જોઈએ અને જો તેઓ પ્રદર્શિત થાય તો લોડ થાય છે, જેનો અર્થ તે નીચે સ્ક્રોલ કરે છે છબી જગ્યામાં.

<img src=”SRC” alt=”ALT” loading=”lazy”></img>
સુસ્ત લોડિંગ - વેબ પર્ફોમન્સ - મોઝિલા ડેવલપર નેટવર્ક

તે ટોચ પર, આળસ લોડિંગ પણ iframes સાથે કામ કરે છે, અને તમારા વેબપેજથી રેન્ડર-અવરોધિત સંસાધનોને દૂર કરવા માટે એક મહત્વપૂર્ણ અમલીકરણ છે.

એકવાર રેંડરિંગ અવરોધિત સંસાધનોને મુખ્ય સામગ્રી પછી લોડ કરવા માટેની સૂચનાઓ હશે, જેનો અર્થ HTML ડોમ છે, તમે પહેલાથી જ Google લાઇટહાઉસ પરીક્ષણ પર ઘણા બધા પોઇન્ટ્સ કમાશો, પૃષ્ઠ ઝડપ આંતરદૃષ્ટિ પરીક્ષણ અથવા Google.coogle વેબ વાઇટ્સ.

બાહ્ય સિસ્ટમ તમારા માટે તમારી વેબસાઇટને optimપ્ટિમાઇઝ કરો

શું તમે જાણો છો કે તમારી સાઇટ દ્વારા ખૂબ પ્રયત્નો કર્યા વિના, તમારી પાસે ખરેખર Google પેજસ્પીડ સમસ્યાઓનો હલ થઈ શકે છે - એક મફત અજમાયશ માટે નોંધણી અને તમારા DNS ને બદલ્યા સિવાય?

ઇઝોઇક પ્લેટફોર્મ સાઇટ સ્પીડ એક્સિલરેટર તકનીકનો ઉપયોગ કરીને, બધી સામાન્ય  ગૂગલ પેજસ્પીડ   સમસ્યાઓ તેમની સિસ્ટમ દ્વારા હલ કરવામાં આવશે, જે તમારી વેબસાઇટ અને મુલાકાતીઓ વચ્ચે મધ્યસ્થી હશે. તેઓ તમારા મુલાકાતીને પ્રદર્શિત કરતા પહેલાં તે તમારા માટે વેબ પૃષ્ઠને optimપ્ટિમાઇઝ કરશે.

એપ્રિલ 2021 માં, ઇઝોઇક પેઇડ સાઇટ સ્પીડ એક્સિલરેટર મફત ઇઝોઇક લીપ બનશે, અને કોઈ ચાર્જ વિના કોર વેબ વાઇરસ ગ્રીન સ્કોર્સ સુધી પહોંચતા વેબસાઇટ્સ સહાય કરશે!

ઇઝોઇક પ્લેટફોર્મ પર ફક્ત મફત અજમાયશ માટે નોંધણી કરીને લીલો બનો અને તમારી જાત માટે પ્રયત્ન કરો - તેઓ તમારી વેબસાઇટને થોડા દિવસોમાં પૃષ્ઠ ગતિ optimપ્ટિમાઇઝેશનના ઉચ્ચતમ ધોરણ સુધી પહોંચાડશે: ન વપરાયેલી સીએસએસને દૂર કરીને, નવી પે generationીની વેબપ છબીઓને રેન્ડર કરશે, સીએસએસ અને જાવાસ્ક્રિપ્ટને શ્રેષ્ઠ બનાવશે અને જેએસ, આળસુ લોડ છબીઓ, છબીઓનું કદ બદલો, તમારી સાઇટ પૃષ્ઠોને કacheશ કરો, ફontsન્ટ્સને optimપ્ટિમાઇઝ કરો, તમારી બધી શામેલ સાઇટ્સથી પૂર્વ કનેક્ટ કરો અને વધુ.

કોઈ ક્રેડિટ કાર્ડની આવશ્યકતા નથી - તમારે જે કરવાનું છે તે મફતમાં નોંધણી કરવાનું છે અને તેને અજમાવવાનું છે. ઉપરાંત, જો તમારી વેબસાઇટ તમારી વેબસાઇટને વધુ ઝડપી બનાવવાની ટોચ પર, પ્રદર્શન જાહેરાતોથી નાણાં કમાઇ રહી છે, તો તે મશીન શિક્ષણ અને અદ્યતન કૃત્રિમ સમજશક્તિથી તમારી જાહેરાતોને izingપ્ટિમાઇઝ કરીને તમને ગૂગલ Adડસેન્સ સાથે કરતા અનેકગણું વધુ પૈસા કમાવવા માટે પણ બનાવે છે.

વારંવાર પૂછાતા પ્રશ્નો

ઉપરોક્ત સામગ્રીમાં રેન્ડર-અવરોધિત જાવાસ્ક્રિપ્ટ અને સીએસએસને કેવી રીતે દૂર કરવું?
ઉપરની સામગ્રી માટે રેન્ડર-બ્લ ocking કિંગ જાવાસ્ક્રિપ્ટ અને સીએસએસને દૂર કરવા માટે, તમારે ખાતરી કરવી જોઈએ કે તમારી સાઇટની જેએસ અને સીએસએસ ફાઇલો એચટીએમએલ સંપૂર્ણપણે લોડ થયા પછી લોડ થઈ ગઈ છે. આનો અર્થ એ છે કે આ ફાઇલોને ડાઉનલોડ કરવા માટે HTML લોડિંગ પ્રક્રિયાને થોભાવવી નહીં. તમે જાવાસ્ક્રિપ્ટ ફાઇલોને એસિંક અથવા ડિફર એટ્રિબ્યુટ સાથે સ્થગિત કરી શકો છો, અને સીએસએસ માટે, તમે તેને એચટીએમએલ પછી લોડ કરવા માટે વિશિષ્ટ કોડનો ઉપયોગ કરી શકો છો. * એઝોઇક * જેવી બાહ્ય optim પ્ટિમાઇઝેશન સિસ્ટમ પણ આને આપમેળે હેન્ડલ કરી શકે છે.
રેન્ડર-બ્લ ocking કિંગ જાવાસ્ક્રિપ્ટ અને સીએસએસને દૂર કરવા માટે વેબ ડેવલપર્સ ગૂગલ પેજસ્પીડની ભલામણને કેવી રીતે સંબોધિત કરી શકે છે?
વેબ ડેવલપર્સ જાવાસ્ક્રિપ્ટ અને સીએસએસ ફાઇલોને ઓછા કરીને, જાવાસ્ક્રિપ્ટ માટે અસુમેળ લોડિંગનો ઉપયોગ કરીને, સીધા એચટીએમએલમાં જટિલ સીએસએસને ઇનલાઇંગ કરીને, અને બિન-નિર્ણાયક સીએસ અને જાવાસ્ક્રિપ્ટ ફાઇલોના લોડિંગને સ્થગિત કરીને તેમની સાઇટને optim પ્ટિમાઇઝ કરી શકે છે. આ વ્યૂહરચનાઓ લાગુ કરવાથી લોડિંગ સમય અને પૃષ્ઠોસ્પીડ સ્કોર્સમાં નોંધપાત્ર સુધારો થઈ શકે છે.

પરફેક્ટ ક્રોમ લાઇટહાઉસ સ્કોર: શું થાય છે?


Yoann Bierling
લેખક વિશે - Yoann Bierling
યોઆન બીઅરલિંગ એ વેબ પબ્લિશિંગ અને ડિજિટલ કન્સલ્ટિંગ પ્રોફેશનલ છે, જે તકનીકીઓમાં કુશળતા અને નવીનતા દ્વારા વૈશ્વિક અસર બનાવે છે. વ્યક્તિઓ અને સંસ્થાઓને ડિજિટલ યુગમાં સમૃદ્ધ બનાવવા માટે સશક્તિકરણ વિશે ઉત્સાહ, તે શૈક્ષણિક સામગ્રી બનાવટ દ્વારા અપવાદરૂપ પરિણામો આપવા અને વૃદ્ધિ ચલાવવા માટે પ્રેરિત છે.

SEO બેઝિક્સ શીખો: આજે નોંધણી કરો!

અમારા અનુસરવામાં સરળ બેઝિક્સ કોર્સ સાથે એસઇઓના ફંડામેન્ટલ્સને માસ્ટર કરીને તમારી વેબસાઇટની દૃશ્યતા અને ટ્રાફિકને વેગ આપો.

SEO શીખવાનું શરૂ કરો

અમારા અનુસરવામાં સરળ બેઝિક્સ કોર્સ સાથે એસઇઓના ફંડામેન્ટલ્સને માસ્ટર કરીને તમારી વેબસાઇટની દૃશ્યતા અને ટ્રાફિકને વેગ આપો.




ટિપ્પણીઓ (8)

 2018-08-19 -  quranapk
તમારી સામગ્રીને વાંચવાનું પસંદ કરો - તે સીએસએસ અવરોધિત કરવાનું રેન્ડર કરવાનું ફિક્સ કરવામાં મને મદદ કરે છે
 2018-09-23 -  Monica
તેથી આ અમે તે કેવી રીતે કરીએ છીએ, રેન્ડર-અવરોધિત સંસાધનોને કેવી રીતે દૂર કરવું તે કેવી રીતે કરવું તે જાણીને તે મહાન છે
 2018-09-25 -  Van
સરસ, તે જ હું શોધી રહ્યો હતો, હવે હું મોબાઇલ પર રેન્ડર-બ્લ blકિંગ સ્રોતોને દૂર કરવા માટે તૈયાર છું
 2018-11-03 -  utumikaji0
આશ્ચર્યજનક, હવે મારો તે પ્રયાસ કરવાનો અને રેન્ડર-અવરોધિત સ્રોતોને દૂર કરવાનો ઠીક કરવાનો સમય છે!
 2019-01-12 -  Leo
કેવી રીતે આભાર માનવો તે ખબર નથી, પરંતુ તે શુદ્ધ પ્રતિભા છે, આભાર - તે અવરોધિત સંસાધનોને દૂર કરવા માટે વર્ડપ્રેસ પર કામ કર્યું
 2019-04-21 -  Ludanulema
હાય, મેં તમારો લેખ જોયો અને તેનાથી મને PHP પરના રેન્ડર-બ્લોકિંગ સ્રોતોને દૂર કરવામાં સમસ્યા હલ કરવામાં મદદ મળી, આભાર
 2019-06-12 -  animeg2Q
હું હમણાં પ્રયત્ન કરીશ, આને વહેંચવા બદલ આભાર રેન્ડર-અવરોધિત સંસાધનો સુધારો
 2019-07-02 -  Gasfackele
તે મારા માટે સારું કામ કર્યું, HTML વેબસાઇટમાં રેન્ડર-બ્લ blકિંગ સ્રોતોને દૂર કરવા માટે આગળ કોઈ જોવાની જરૂર નથી

એક ટિપ્પણી મૂકો