Rongedza Google PageSpeed ​​Eliminate kupa-blocking JavaScript neCSS mupamusoro-p-fold zvayo

Gadzirisa kupa kuvharira Javascript uye CSS

Nhamba yeGoogle PageSpeed ​​[1] Dzorerai kuvhara JavaScript neCSS mupamusoro-i-fold zvinyorwa zvinokurudzira kuti ugovere majee eJS neCSS yako yewebsite mushure mekutevedzwa kweIndaneti - uye, saka, musambomira kutarisa HTML kuti muvadzinge.

Render-ichivharira script tsananguro: Zvinyorwa zvakatakurwa pamberi peiyo yakazara HTML DOM yabviswa. Semuenzaniso, zvinyorwa zvakabatanidzwa mumusoro kana mukati mezviri mukati, pasina chero yakatarwa kuraira kune mabhurawuza kunonoka script kutakura kusvikira mushure meHTML pendi.

Bvisa render-blocking JavaScript neCSS mune zviri pamusoro-zvakapetwa zvemukati: ratidza maitiro ekuzvigadzirisa

1. Iva neyekunze system gadziridza yako webhusaiti iwe
   
2. Shandisa CDN iyo ichaita zvese zvinogoneka panzvimbo yako, kusanganisira matatu anotevera optimization anodiwa kugadzirisa kubvisa kupa-blocking zviwanikwa:
   
3. Dzorera mafaira eJavascript mutoro
   
4. Takura CSS mushure meHTML mutoro
   
5. Shandisa iyo WordPress plugin
   

Pane zvakawanda zvekugadzirisa zvinodiwa kugadzirisa kugadzirisa kupa-blocking zviwanikwa uye kungave kunonetesa kuzviita iwe pachako - uyezve, uchafanirwa kugara uchitsvaga bvunzo nyowani dzakabatanidzwa muChannel LightHouse neGoogle PageSpeed ​​pakati peimwe peji kumhanyisa bvunzo.

Iko hakuna mhinduro iripo yekubvisa kupa-ichivharira zviwanikwa mu htaccess kodhi sezvo nyaya yacho iine hukama neDOM, zvichireva zviri mukati mewebhusaiti, uye marongedzero ayo zviwanikwa zvinosungirwa zvinotakurwa, seJavascript neCSS, asi kwete chete Izvi hazvigone kukonzerwa muHtaccess, asi mune chete HTML DOM yezviri mukati.

Kana iwe ukagadzirisa izvi zvinhu zve desktop, iwe panguva imwechete uchabvisa zvinopa-ichivharira zviwanikwa zve mobile sezvo zvese zviri zviviri zvakafanana!

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

Defer Javascript mafaira mutoro

Kuti uratidze kutakura kwemajeri ako eJS [2], unogona kuwedzera ma async kana kutomira mirayiridzo kune zvinyorwa zvemashoko ako. Async haazovimbisi kuti ivo vakatakurwa mune zvakafanana - naizvozvo, kana mune zvikwangwani zvakasiyana-siyana zvinofanira kumhanya imwe mushure mechimwe, zvinoshandiswa zvinoshandiswa kuti zvive nechokwadi chekuenzanisa:

Kanda CSS mushure meHTML mutoro

Nokuti CSS inofanira kutakurwa mushure mokunge HTML yakazara inoparidzirwa, Google inopa [3] ichi chikamu chekodha kuti uwedzere pakuguma kwe HTML yako, semuenzaniso mushure mekuvhara teregi yekuvhara uye musati wambovhara mutambo wechiratidzo:

Kuti uwedzere kuongorora webhusaiti yako, iri zano rakanaka kubvisa zvisina kushandiswa CSS code, kuvhiya kunogona kunetsa kana iwe usina ruzivo mune yewebhu dhizaini. Kana usati wagadzira webhusaiti yako zvichireva kuti iwe pachako, ingangove yakachenjera kuti ubvise isina kushandiswa CSS code pamapeji ako pachinzvimbo chako, iyo itsva (uye isina) vhezheni yebasa ravo rinoshamisa Kumhanya uchimhanya.

Pfuura iyo Google saiti yekumhanyisa bvunzo!

Izvi zvakandibvumidza kudarika Google PageSpeed ​​[1] kuedza Kurega kupa-kubvisa JavaScript neCSS mupamusoro-p-fold zvinyorwa (pamwe neReverage browser caching [4]) pane webhusaiti, ichikwira kubva kune chikamu chechi 51 pane mobile ( Mufananidzo 1) kusvika kune 72 (mufananidzo 2), uye zvichibva ku 59 (mufananidzo 3) kusvika kune 79 pane desktop (Fig 4).

Nzira yekubvisa kushandura-kudzivirira zviwanikwa muShokoPress

Kuti kubvisa kushandura-kudzivirira zviwanikwa muShokoPress, zvakakosha kuisa purogiji yakadai saJetPack.

Zvadaro, enda kune zvaunosarudza, izvo zvaunofanira kuva mutungamiri, uye enda kuJetPack masarudzo> Kuverenga> Kuita nekukurumidza> chengetedza Shandisa nzvimbo yekutengesa, kusimbisa nguva yekutengesa mifananidzo, nguva dzekusimudzira mafaira nguva yekutakura, uye kubvumira kupenga kwemavi mifananidzo.

Master webhusaiti wegumi: Nyoresa izvozvi!

Shandura yako yekuvapo kwedhijitari ine yedu yebhusaiti yewebhusaiti yekugadzira kosi - Kutanga rwendo rwako rwekuve webhu nyanzvi nhasi!

Nyoresa pano

Izvi zvichabvisa kushandura-kudzivirira zvidzidzo muShokoPress uye mapeji ekutakura nokukurumidza nekubvumira JetPack kuvandudza mifananidzo yako uye kushumira mifananidzo yako uye mafaira akafanana (kufanana neCSS neJavaScript) kubva kunhare yavo yepasi rese yemaseva.

Zvakare, usakanganwa kumisikidza kurodha mifananidzo yekubvisa-skrini nekushandisa lezy mutoro basa. Kunyange zvave zvichinetsa uye zvinoda raibhurari yekunze kutumira mameseji ekutakura mifananidzo Off-skrini, iko zvino kwave kuchinjike muHTML5!

Kuita simbe ine usimbe yemifananidzo pane yako mawebhusaiti, ingowedzera kukosha kwezvinhu zvekutakura mifananidzo yako webhusaiti, izvi zvinongonzwisisika kuti zvifananidzo zvinongoremerwa uye zvichiratidzwa kana zviri kuratidzwa, zvichireva kuti mushandisi mipumburu pasi kusvika anozviona.

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

Pamusoro peizvozvo, ane usimbe achitakurawo anoshanda ne ifframes, uye chinhu chakakosha kuitwa kubvisa-kuvhara zviwanikwa kubva pamabepa ako ebako.

Kamwe kugadzirira zviwanikwa zvinovhara zviyero zvichave nemirairo yekutakura mushure mezvinyorwa zvikuru, zvichireva kuti html dom, iwe unenge watowana mapoinzi mazhinji eGoogle muyedzo, iyo Spee Speed ​​Insighi Muedzo, kana iyo Google Core Web mavitari.

Iva nekunze system optimize yako webhusaiti iwe

Iwe unoziva here kuti iwe unogona kuve zvechokwadi uine zvese Google PageSpeed ​​nyaya dzakagadziriswa panzvimbo yako, pasina kuedza kukuru kubva kune yako saiti - kunze kwekunyoresa muyedzo yemahara uye kuchinja yako DNS?

Uchishandisa Ezoic chikuiro  Site Speed ​​Accelerator   tekinoroji, zvese zvakajairwa Google PageSpeed ​​nyaya zvichagadziriswa nehurongwa hwavo, inova ichave mharidzo pakati pewebsite yako uye nevashanyi. Ivo vanozogadzirisa iwe peji rewebhu iwe usati waratidza kune wako mushanyi.

Iva girini nekungonyoresa kune yemahara muyedzo paEzoic papuratifomu uye uzviedze wega - ivo vachaita kuti webhusaiti yako isvike yakanyanya mienzaniso yekukurumidza peji peji mukati memazuva mashoma: kupa chizvarwa chinotevera webp mifananidzo, shandura CSS uye JavaScript nekubvisa yakashandiswa CSS uye JS, simbe dzinoremera mifananidzo, shandura mifananidzo, cache yako saiti mapeji, shongedza mafonti, pre-batanidza kune ako ese masosi akaiswa, nezvimwe zvakawanda.

Hapana kadhi rechikwereti rinodikanwa - zvese zvaunofanirwa kuita kunyoresa mahara uye kuiyedza. Uyezve, kana webhusaiti yako iri kuita mari kubva kuratidza maratidziro, pamusoro pekugadzira webhusaiti yako nekukasira, vanogona zvakare kukuita iwe kuti uwane mari yakati wandei kupfuura yaunoita neGoogle AdSense nekukwenenzvera kushambadzira kwako nemuchina wekudzidza uye wepamberi yekugadzira intellingence.

Mibvunzo Inowanzo Bvunzwa

Maitiro Ekukodzera Kugadzirisa-Kuvhara JavaScript uye CSS mune pamusoro-iyo-iyo-fodya zvirimo?

Kuti ubvise jaxcking-blockcript maJavaScript uye css yezvinhu zviri pamusoro - iwe unofanirwa kuve nechokwadi cheSite's JS uye mafaera eCSS akatakurwa mushure mekunge HTML yakatemerwa zvizere. Izvi zvinoreva kuti kwete kumbomira iyo HTML yekubhadhara maitiro ekutora mafaera aya. Iwe unogona kudzora mafaera eJavascript neasync kana defer hunhu, uye yeCSS, unogona kushandisa chaiyo kodhi kuti utore mushure meHTML. Iyo yekunze yekuongorora system senge * e ezoic * inogona zvakare kubata izvi otomatiki.

Vebhu vanogadzira vewebhu vanogona sei kugadzirisa kurudziro yeGoogle Ceppeed kuti vabvise kuendesa Gono-Kuvhara JavaScript neCSS?

Vagadziri vewebhu vanogona kurongedza saiti yavo nekunyora maJavascript uye CSS mafaira ekurongedza Javascript yakananga kuHTML. Kuita izvi mazano kunogona kuvandudza zvakanyanya nguva dzekuremha uye mapepa emapeji.

Yakakwana chrome lighthouse Score: Chii chinoitika?