Jista 15, 2020

Kif tneħħi fajls JavaScript CSS mhux użati fil-wordPress

Fost il-ħafna raġunijiet għall-popolarità kbira ta ’WordPress fuq il-web, il-komunità tal-iżviluppaturi hija li hemm numru kbir ta’ plugins u temi disponibbli għall-bini ta ’websajt apposta bi ftit sforz u investiment. Madankollu, meta diversi skripts qed jaħdmu fuq is-sit, jista 'jnaqqas il-prestazzjoni u l-ħin tat-tagħbija tiegħu.

Anki jekk uħud mill-iskripts m'għandhomx għalfejn jitgħabbew fl-istess ħin, jagħmlu hekk u jispiċċaw jimpedixxu lill-utenti milli jkunu jistgħu jaraw il-kontenut tal-websajt malajr u jwasslu biex jabbandunaw is-sit minħabba frustrazzjoni. Fortunatament, hemm pjuttost ftit modi kif dawn il-fajls JavaScript u CSS li jimblokkaw ir-render jistgħu jitneħħew biex il-websajt titgħabba malajr u twassal il-kontenut lit-telespettaturi.

Render-Blocking JavaScript u CSS Spjegati

Kull meta websajt titgħabba fil-web browser, titlob l-iskripts kollha biex jitgħabbew fil-kju. Jekk minħabba xi raġuni, il-kju ta 'skripts jirrifjuta li jiċċara, il-websajt ma tidhirx. Dawn l-iskripts li jirrifjutaw li jitgħabbew jissejħu bħala fajls JavaScript u CSS li jimblukkaw ir-render. Il-ħin biex is-sit jitgħabba kompletament jiddependi fuq it-tul tal-kju. Ħafna drabi, ħafna mill-iskripts imwaħħla fil-kju lanqas biss huma meħtieġa biex jippermettu lit-telespettatur jara l-websajt f'dak il-ħin u jista 'faċilment isiru jistennew biex imexxu sakemm il-websajt tgħabbi kompletament.

Żvantaġġi tar-Render-Blocking JavaScript u CSS

L-ewwel u qabel kollox l-impatt tal-JavaScript u l-iskripts CSS li jimblokkaw ir-rendering fuq il-websajt huwa li jnaqqsu l-veloċità tat-tagħbija tiegħu. Il-veloċità tas-sit hija parametru importanti ħafna li tiddetta kemm tista 'tintuża l-websajt u kemm taħdem tajjeb fis-SERPs. Jekk is-sit jitgħabba bil-mod, huwa iktar probabbli li l-viżitaturi jabbandunawh għal xi sit ieħor; ir-rata ta 'bounce sussegwenti hija sinjal SEO qawwi li jbaxxi l-klassifiki tal-magna tat-tiftix. Skond ġurnal tal-magna tat-tiftix, iktar mill-ħin attwali mgħoddi fit-tagħbija tas-sit, il-problema hi bil-perċezzjoni tal-utenti tal-ħin li qed jittieħed biex il-websajt titgħabba. Peress li l-browsers jippruvaw jgħabbu kollox, inkluż l-iskripts li jimblukkaw ir-render, fl-istess ħin, għandek tipprova tiżgura li s-sit jgħabbi biss dawk l-iskripts meħtieġa biex is-sit ikun jista 'jintuża għall-ewwel, u wara dan, il-bqija tal-iskripts jistgħu tagħbija.

L-eliminazzjoni tal-JavaScript u CSS li jimblokkaw ir-Render

Anke qabel ma tipprova tneħħi l-iskripts li jimblukkaw ir-render, ikollok bżonn tidentifika l-iskripts li huma responsabbli għall-problema. L-użu tal-għodda tal-Google PageSpeed ​​Insights huwa l-eħfef mod biex tagħmel dan. Għandek tagħmel lista tal-iskripts li jeħtieġu attenzjoni u mbagħad tiddeċiedi jekk tridx issolvi l-problema manwalment jew tuża plug-in, iddisinjat apposta għal dak l-iskop.

Madankollu, jekk timplimenta ċerti l-aħjar prattiki biex tnaqqas in-numru ta 'skripts li jimblukkaw ir-render fuq il-websajt tiegħek matul l-istadju ta' żvilupp, mhux biss ser tagħmilha l-ħajja aktar faċli għalik innifsek imma wkoll tiżgura SEO aċċessibbli. Uħud mit-tattiċi komuni jinkludu t-tnaqqis tal-JavaScript u CSS billi tneħħi spazju abjad u kummenti mhux meħtieġa fil-kodiċi, konkatenazzjoni ta 'JavaScript, u ​​fajls CSS biex tnaqqas in-numru totali tagħhom, kif ukoll bl-użu ta' tagħbija mhux sinkronika biex tiddifferixxi t-tagħbija ta 'Java Script.

Sempliċi kemm jistgħu jidhru l-metodi, it-tneħħija manwali tal-iskripts tista 'tkun tedjanti minħabba n-numru kbir ta' fajls JavaScript u CSS li jiġu ma 'kull wieħed mill-plugins li jħarsu' l quddiem. Filwaqt li WordPress joffri filtru magħqud għall-iskripts kollha li jħarsu l-front-end li jużawhom, tista 'tidentifika l-fajls kollha li jidħlu JavaScript jew CSS; huwa ħafna iktar faċli li tuża plug-in minflok ma tagħmilha mill-bidu.

Top Plugins għat-Tnaqqis tan-Numru ta 'Scripts JavaScript u CSS-Imblukkar tar-Render

WP Rocket

WP Rocket jaġixxi bħala għodda tajba ħafna għall-ottimizzazzjoni tal-websajts minħabba li huwa estremament versatili u jista 'jimmaniġġja varjetà ta' kompiti bħall-ikkalkular ta 'CSS u JavaScript, differiment ta' talbiet JavaScript remoti, immaġini ta 'tagħbija għażżien, u aktar. Filwaqt li l-proċess ta 'setup faċli huwa vantaġġ kbir, il-plug-in jeħtieġ li tirranġa għal esperjenza ta' daxxbord ta 'WordPress differenti minn dak li huma mdorrijin bihom l-iktar żviluppaturi. Anki jekk ir-rokit WP jiġi bi ftit ekstras b'xejn, l-ipprezzar bażi għal websajt waħda jibda minn $ 49 fis-sena.

Autoptimize

Mibni speċifikament biex jindirizza kwistjonijiet identifikati minn għodod bħal PageSpeed ​​insights, Autoptimize jippermetti lill-utenti jikkonfiguraw il-plug-in b’menu ġdid fid-daxxbord ta ’WordPress. Filwaqt li l-Autoptimize twettaq il-kompiti bażiċi kollha bħat-tqegħid fis-caching u t-tnaqqis ta 'skripts, tista' wkoll ittejjeb u tikkonverti immaġini fil-format tal-fajl WebP. Għalkemm il-konfigurazzjoni tagħha tista 'tkun xi ftit diffiċli, il-plug-in b'xejn huwa stmat ħafna għall-funzjonalità tiegħu. Pjan ta 'konfigurazzjoni tad-dwana ta' $ 165 u pjan ta 'konfigurazzjoni espert ta' $ 667 b'reviżjoni tal-websajt professjonali huma wkoll disponibbli.

JCH Ottimizza

JCH Optimize joffri sett ta 'għodod uniċi biex tingħata spinta lill-veloċitajiet tat-tagħbija tal-paġna tiegħek. Pereżempju, jista 'jnaqqas id-daqsijiet tal-paġna u n-numru ta' talbiet HTTP meħtieġa biex jitgħabbew paġni tal-web li għandhom l-effett li jnaqqsu t-tagħbija fuq is-server u jbaxxu r-rekwiżit tal-bandwidth.

Il-Ġeneratur Sprite li jikkonverti immaġini ta 'sfond fi sprites sabiex it-tagħbija tal-browser teħtieġ inqas talbiet HTTP. Filwaqt li l-utenti jħobbu l-funzjonalità avvanzata tagħha, il-kurva wieqfa tat-tagħlim tista 'tkun punt ta' uġigħ anke jekk dokumentazzjoni ta 'appoġġ adegwata hija disponibbli biex tiżgura installazzjoni mingħajr żbalji. Tista 'tibda tuża l-verżjoni b'xejn; madankollu, jekk trid taċċessa l-karatteristiċi avvanzati, ikollok bżonn tabbona għal wieħed mill-pjanijiet li jibda minn $ 29 għal sitt xhur.

Neħħi l-fajls CSS JS mhux użati fil-WordPress

Hemm 4 kapaċitajiet fundamentali meta jkollok bżonn tevakwa r-rekords CSS JS mhux użati fil-front-end ta 'WordPress:

  • wp_deregister_script ($ manku)
  • wp_dequeue_script ($ manku)
  • wp_deregister_style ($ manku)
  • wp_dequeue_style ($ manku)

// neħħi l-pumi tal-kontenut li m'għandniex għalfejn niddejqu bihom, kull wieħed bil-kundizzjonijiet tiegħu

add_action ('wp_print_scripts', 'wra_filter_scripts', 100000);

add_action ('wp_print_footer_scripts', 'wra_filter_scripts', 100000);

funzjoni wra_filter_scripts () {

#wp_deregister_script ($ manku);

#wp_dequeue_script ($ manku);

wp_deregister_script ('editur bbpress');

wp_dequeue_script ('editur bbpress');

// Appoġġ għall-Pixels tal-Apparat

// dan itejjeb l-għanijiet ta 'Gravatars u trasferimenti ta' wordpress.com fuq programmi hi-res u zoomed. Għandna biss Gravatars u allura għandna nkunu sewwa mingħajrha.

wp_deregister_script ('devicepx');

wp_dequeue_script ('devicepx');

jekk (! is_singular ('docs')) {)

wp_deregister_script ('toc-quddiem');

wp_dequeue_script ('toc-quddiem');

}

jekk (! is_singular (array ('docs', 'post') '))) {

wp_deregister_script ('kodiċi kaxxa');

wp_dequeue_script ('codebox');

}

}

// neħħi stili li m'għandniex bżonn

add_action ('wp_print_styles', 'wra_filter_styles', 100000);

add_action ('wp_print_footer_scripts', 'wra_filter_styles', 100000);

funzjoni wra_filter_styles () {

#wp_deregister_style ($ manku);

#wp_dequeue_style ($ manku);

// mhux aktar stili bbpress.

wp_deregister_style ('bbp-default');

wp_dequeue_style ('bbp-default');

// il-moniter tat-tniżżil ma jintużax fil-front-end.

wp_deregister_style ('wp_dlmp_styles');

wp_dequeue_style ('wp_dlmp_styles');

jekk (! is_singular ('docs')) {)

// il-lista tal-kontenut plug-in qed tintuża fuq paġni ta ’dokumentazzjoni kif kienu

wp_deregister_style ('toc-screen');

wp_dequeue_style ('toc-screen');

}

// dan m'għandux ikun hekk. Għandek bżonn tħares lejha.

wp_deregister_style ('wppb_stylesheet');

wp_dequeue_style ('wppb_stylesheet');

}

jekk (! is_singular (array ('docs', 'post') '))) {

wp_deregister_style ('kodiċi kaxxa');

wp_dequeue_style ('codebox');

}

}

Il-biċċa tassew sabiħa li tagħmel dan bħal dan hija li tista 'tuża tikketti restrittivi ta' WordPress biex tiffoka fuq paġna speċifika jew tip ta 'post tad-dwana sħiħ. Dan jagħtina l-adattabilità li għandna biex nippakkjaw ir-rekords CSS / JS tagħna preċiżament fejn huma meħtieġa.

konklużjoni 

L-iżgurar li l-websajt tiegħek tgħabbi malajr huwa essenzjali biex tkun faċli għall-utent u tevita rata għolja ta 'bounce milli tnaqqas il-prestazzjoni SEO tiegħek. Filwaqt li jista 'jkun hemm bosta raġunijiet għaliex is-sit ta' WordPress tiegħek jista 'ma jkunx qed jitgħabba malajr, raġuni komuni hija l-kju bla bżonn ta' skripts JavaScript u CSS li jimblukkaw ir-render li jirriżultaw mill-użu ta 'plugins.

Biex jiġu ttrattati l-problemi li anki kitba ta ’kodiċi nodfa ma tistax tittrattahom, jista’ jkun ta ’għajnuna li tuża waħda mill-plug-in speċjalizzati ddisinjati biex tnaqqas in-numru ta’ skripts JavaScript u CSS kif ukoll tiżgura li l-formazzjoni bla bżonn tal-kju ta ’skripts ma ddumx tagħbija tas-sit.

Dwar l-Awtur 

Imran Uddin


{"email": "Indirizz tal-posta elettronika mhux validu", "url": "Indirizz tal-websajt mhux validu", "meħtieġ": "Qasam meħtieġ nieqes"}