Gyara Google PageSpeed ​​Kashe sa-hane JavaScript da CSS a abubuwan da ke sama-da-ciki

Warware sa tarewa Javascript da CSS

Masarrafan Google PageSpeed ​​[1] gwajin Zubar da haɓaka JavaScript da CSS a cikin abubuwan da ke sama-da-ciki suna ba da shawarar ka samar da fayilolin JS da CSS ɗin ka daga bayan an cika cikakkiyar HTML - kuma, sabili da haka, kada ka dakatar da loading HTML ɗinka don sauke su.

Ma'anar rubutun-hanawa: Rubutun da aka ɗora kafin cikar cikakken HTML DOM. Misali, rubutun da aka haɗa a cikin rubutun kai ko a cikin abun ciki, ba tare da wani takamaiman umarni ba don masu bincike su jinkirta ɗaukar rubutu har sai bayan fentin HTML.

Kawar da JavaScript na sake-hanawa da CSS a cikin abubuwan da suke sama: nuna yadda za'a gyara shi

1. Shin tsarin waje ya inganta muku gidan yanar gizon ku
   
2. Yi amfani da CDN wanda zai iya yin dukkan abubuwan ingantawa a madadinku, gami da haɓakawa masu zuwa uku masu mahimmanci don gyara kawar da albarkatu masu hanawa:
   
3. Feraddamar da fayilolin Javascript
   
4. Load CSS bayan HTML load
   
5. Yi amfani da kayan aikin WordPress
   

Akwai abubuwan kara kuzari da yawa da suka zama dole don gyara kawar da albarkatu masu hanawa kuma yana iya zama mai wahala don aiwatar da su da kanku - ƙari, dole ne koyaushe ku nemi sabbin gwaje-gwajen da aka haɗa a cikin Chrome LightHouse da Google PageSpeed ​​tsakanin sauran gwajin saurin shafi.

Babu wata mafita data kasance don kawar da abubuwan hana shigowa cikin lambar htaccess kamar yadda batun yake da alaƙa da DOM, ma'ana abun cikin gidan yanar gizon, da kuma tsarin da aka ɗora abubuwan da aka haɗa, kamar Javascript da CSS, amma ba kawai ba. Wadannan ba za a iya jawo su a cikin Htaccess ba, amma kawai a cikin abubuwan HTML DOM.

Idan kun warware waɗannan batutuwa don tebur, a lokaci guda zaku kawar da albarkatun hanawa don wayar hannu kamar yadda duka daidai suke!

Did you know that you can even have all these steps executed automatically for you by using an external  Mai Saurin Saurin Site   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!

Isar da fayil ɗin Javascript

Domin a cire nauyin fayiloli na JS dinku [2], zaku iya ƙara async ko jinkirta umurni zuwa hanyoyin haɗinku. Async ba zai ba da tabbacin cewa ana ɗora su a cikin jerin ba - sabili da haka, idan kuna da rubutattun rubutun da ya kamata su gudu daya bayan daya, jinkirta ya fi dacewa don tabbatar da jerin:

Load CSS bayan nauyin HTML

Domin ana kwashe CSS bayan bayanan HTML, an gabatar da [3] wannan lambar code don ƙarawa a ƙarshen HTML ɗinka, alal misali bayan ƙusar ƙafafun kafa da kuma gaban rufe jiki:

Don haɓaka shafin yanar gizonku, shima kyakkyawan ra'ayi ne don cire lambar CSS mara amfani, aiki wanda zai iya zama mai wahala idan ba ku da ilimi a cikin ƙirar gidan yanar gizo. Idan baku kirkiri gidan yanar gizonku ba da kanka ba, yana iya zama mai hikima don amfani da tsarin waje don cire lambar CSS a cikin shafukanku, da sabon free) na shafin yanar gizonsu na yau da kullun Hanzari na sauri.

Haye gwajin saurin shafin Google!

Wannan ya bani izinin shigar da gwaje-gwaje na Google (1) Ya kawar da shafukan da aka yiwa JavaScript da CSS a cikin abubuwan da ke sama-da-ciki (tare da  leverage browser caching   [4]) akan shafin yanar gizon yanar gizon yanar gizo, Fig 1) zuwa 72 (Fig 2), kuma daga 59 (Fig. 3) zuwa 79 a kan tebur (Fig 4).

Yadda za a kawar da albarkatun da suke sa a WordPress

Don kawar da albarkatun da ake sawa a cikin WordPress, dole ne a shigar da plugin irin su JetPack.

Bayan haka, je zuwa zaɓuɓɓuka, wanda dole ne ku zama mai gudanarwa, kuma ku je zuwa JetPack zažužžukan> Rubuta> Gyara da Gyara> duba Enable site mahadi, ƙaddamar da sauke hoto, sauƙaƙe matsakaicin fayilolin fayilolin lokaci, kuma ya ba da damar yin laushi don hotuna.

Koyi Abubuwan SEO: Yi rajista a yau!

Bomanceancin Gaban Yanar Gizon yanar gizonku da zirga-zirga ta hanyar kwantar da kayan aikin yau da kullun na Seo tare da maganganu masu sauƙin zuwa.

Fara koyo

Wannan zai kawar da albarkatun yin amfani da shi a cikin WordPress sannan kuma ya ɗora shafukan da sauri ta hanyar barin JetPack don inganta hotunanku kuma ku bauta wa hotuna da fayiloli masu mahimmanci (kamar CSS da JavaScript) daga cibiyar sadarwa ta duniya na sabobin.

Hakanan, kar a manta da jinkirta sanya hannu-allon kashe hotunan ta hanyar amfani da aikin lada mai nauyi. Duk da yake ya kasance mai wahala da mahimmanci a cikin ɗakin karatu na waje don jinkirta shigar da allon kan allon hotuna, yanzu zai yiwu 'yan HTML5!

Don aiwatar da shirye-shiryen lakabi akan shafukan yanar gizonku, kawai ƙara dabi'un da ke ɓoye zuwa ga halaye na yanar gizonku, da kuma waɗanda aka nuna idan ana nuna su, ma'ana idan aka nuna su, ma'ana idan aka nuna su, ma'ana idan aka nuna su, ma'ana idan aka bayyana su da hoton masu sawa.

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

A saman wannan, Lazy Locking tare da Ifrumes, kuma muhimmiyar aiwatarwa ce don kawar da albarkatun da ke shafukan yanar gizonku.

Da zarar albarkatun toshe zasu sami umarni don ɗauka bayan babban abin da ke cikin, ma'anar gwajin gidan wasan Google na Fuskyen, ko Google Core Blanals.

Sanya tsarin waje don inganta muku gidan yanar gizo

Shin kun san cewa a zahiri za ku iya magance dukkan matsalolin Google PageSannan maganganun a madadinku, ba tare da kokarin da yawa daga rukunin yanar gizonku ba - banda yin rijistar gwaji kyauta da canza DNS?

Ta yin amfani da fasahar Ezoic dandalin Speed ​​Accelerator, duk abubuwanda suka saba na Google PageShen maganganun za a magance su ta tsarin su, wanda zai kasance tsaka-tsakin tsakanin gidan yanar gizon ku da baƙi. Zasu inganta maka shafin yanar gizon kafin nuna shi ga maziyarcin ka.

Zama kore ta hanyar yin rijista don kawai fitina a kan dandamali na Ezoic kuma gwada shi da kanka - za su sa gidan yanar gizon ku ya isa mafi girman ka'idojin haɓaka shafin a cikin 'yan kwanaki: sanya hotunan gidan yanar gizon masu zuwa, inganta CSS da JavaScript ta cire CSS da ba a amfani da su ba. da JS, hotunan rashi mara nauyi, sake canza hotuna, adana shafukan shafinku, inganta haruffan rubutu, fara haɗi zuwa duk shafukan da aka haɗa, da ƙari.

Babu katin bashi da ake buƙata - duk abin da za ku yi shine yi rijista kyauta kuma ku gwada shi. Plusari, idan gidan yanar gizon ku na samun kuɗi daga tallan tallan, a saman yin gidan yanar gizonku da sauri, zasu iya sa ku sami kuɗi da yawa fiye da yadda kuke samu tare da Google AdSense ta hanyar inganta tallan ku tare da ilmantarwa na na'ura da ƙirar wucin gadi.

Tambayoyi Akai-Akai

Yadda za a kawar da sanya-toshe Javascript da CSS a sama-da-ninka abun ciki?

Don kawar da-toshe JavaScript da CSS na cikin abubuwan da ke sama-da-ninka, ya kamata ka tabbatar da fayil ɗin JS da fayilolin CSS bayan an sanya fayilolin CSS bayan HTML sun cika aiki. Wannan yana nufin ba ya dakatar da tsarin sa hannun HTML don sauke waɗannan fayilolin. Kuna iya ƙirar fayilolin JavaScript tare da Sizurran ASYNC ko Dokar Miyya, kuma don CSS, zaku iya amfani da takamaiman lambar don ɗaukar shi bayan HTML. Tsarin ingantawa na waje kamar * ezoc * kuma zai iya kula da wannan ta atomatik.

Ta yaya masu haɓaka yanar gizo zasu magance shawaran Google Paguped shawarwarin kawar da ingantaccen Javascript da CSS?

Masu haɓaka gidan yanar gizo zasu iya inganta shafinsu ta hanyar rage fayilolin JavaScript da fayilolin CSS kai tsaye zuwa cikin HTML, kuma suna ba da izinin ɗaukar fayilolin marasa muhimmanci da fayilolin marasa muhimmanci. Aiwatar da waɗannan dabarun na iya inganta lokutan saukarwa da kuma shafukan shafuka.

Cikakken maki Chrome fitila mai kyau: Me zai faru?