Socraigh Google PageSpeed ​​Deireadh a chur le bac a chur ar JavaScript agus CSS sa t-ábhar thuasluaite

Déanann an tástáil Google PageSpeed ​​[1] Deireadh a chur le húsáid JavaScript agus CSS in ábhar thuasluaite a mholadh duit chun comhaid JS agus CSS do shuíomh a sheachadadh tar éis go bhfuil an HTML luchtaithe go hiomlán - agus, dá bhrí sin, ní sosóidh do luchtú HTML iad a íoslódáil.

Réitigh blocáil rindreála Javascript agus CSS

Déanann an tástáil  Google PageSpeed   ​​[1] Deireadh a chur le húsáid JavaScript agus CSS in ábhar thuasluaite a mholadh duit chun comhaid JS agus CSS do shuíomh a sheachadadh tar éis go bhfuil an HTML luchtaithe go hiomlán - agus, dá bhrí sin, ní sosóidh do luchtú HTML iad a íoslódáil.

[1] - Léargais LeathanachSpeed ​​- forbróirí.google.com
Sainmhíniú script blocála rindreála: Scripteanna atá luchtaithe sula ndéantar an HTML DOM iomlán a pharsáil. Mar shampla, scripteanna a chuimsítear sa cheanntásc nó laistigh d’ábhar, gan aon treoir shonrach do bhrabhsálaithe moill a chur ar ualach scripte go dtí tar éis péint HTML.

Deireadh a chur le JavaScript agus CSS a bhlocálann rindreáil in ábhar os cionn an fhillte: taispeáin conas é a shocrú

  1. Bíodh córas seachtrach agat chun do shuíomh Gréasáin a bharrfheabhsú duit
  2. Úsáid CDN a dhéanfaidh gach barrfheabhsú is féidir ar do shon, lena n-áirítear na trí bharrfheabhsú seo a leanas is gá chun fáil réidh le hacmhainní blocála rindreála:
  3. Cuir ualach comhaid Javascript siar
  4. Luchtaigh CSS tar éis ualach HTML
  5. Úsáid breiseán WordPress

Tá go leor barrfheabhsúcháin riachtanach chun deireadh a chur le hacmhainní blocála rindreála agus d’fhéadfadh sé a bheith tedious iad a chur i bhfeidhm leat féin - móide, beidh ort a bheith i gcónaí ag faire amach do thástálacha nua atá san áireamh i Chrome LightHouse agus  Google PageSpeed   ​​i measc tástálacha luais leathanaigh eile.

Níl aon réiteach ann cheana chun fáil réidh le hacmhainní blocála rindreála i gcód htaccess toisc go bhfuil baint ag an gceist le DOM, rud a chiallaíonn ábhar an láithreáin ghréasáin, agus an t-ord ar a bhfuil na hacmhainní san áireamh luchtaithe, mar shampla Javascript agus CSS, ach ní amháin. Ní féidir iad seo a spreagadh i Htaccess, ach san ábhar HTML DOM amháin.

Má réitíonn tú na saincheisteanna seo le haghaidh deisce, cuirfidh tú deireadh le hacmhainní blocála rindreála le haghaidh soghluaiste ag an am céanna toisc go bhfuil an dá rud díreach mar an gcéanna!

Did you know that you can even have all these steps executed automatically for you by using an external Luasaire Luas Suímh 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!

Cuir ualach comhaid Javascript siar

D'fhonn ualach do chomhaid JS [2] a chur siar, is féidir leat an async nó an treoir a chur siar do naisc scripteanna. Ní ráthaíonn Async go bhfuil siad luchtaithe san seicheamh céanna - dá bhrí sin, má tá roinnt scripteanna agat ar chóir dóibh ceann a reáchtáil tar éis an ceann eile, is fearr an seicheamh a chur siar chun an t-ord a ráthú:

[2] - Bain JavaScript-Blocáil Rindreála | Léargais LeathanachSpeed ​​| Forbróirí Dea - forbróirí.google.com

Luchtaigh CSS tar éis ualach HTML

Chun an CSS a luchtú tar éis an t-iomlán HTML a tharchur, molann Google [3] an píosa cód seo le cur ag deireadh do HTML, mar shampla tar éis tag dúnadh scéime agus roimh chlib dúnadh comhlachta:

[3] - Seachadadh CSS a bharrfheabhsú | Léargais LeathanachSpeed ​​| Forbróirí Dea - forbróirí.google.com

D'fhonn do láithreán gréasáin a bharrfheabhsú, is smaoineamh maith é freisin cód CSS neamhúsáidte a bhaint, oibríocht a d'fhéadfadh a bheith tedious mura bhfuil eolas agat i ndearadh gréasáin. Mura bhfuil tú cruthaithe do théama do láithreáin ghréasáin féin, d'fhéadfadh sé a bheith níos géire chun córas seachtrach a úsáid chun cód CSS neamhúsáidte a bhaint ar do leathanaigh ar do shon, mar shampla Leap Ezoic mar shampla, an leagan nua (agus saor in aisce) dá suíomh iontach Luasaire luais.

Pas tástáil luais láithreán Google!

Thug sé seo deis dom an triail  Google PageSpeed   ​​[1] a aistriú. Deireadh a chur le bac a chur ar JavaScript agus CSS sa t-ábhar thuasluaite (chomh maith le caching brabhsálaí Leverage [4]) ar shuíomh gréasáin, ag dul suas ó scór 51 ar shoghluaiste ( Fíor 1) go 72 (Fíor 2), agus suas ó 59 (Fíor 3) go 79 ar an deasc (Fíor 4).

[4] - Deisigh caching brabhsálaí giarála Google PageSpeed ​​in htaccess - Yoann Bierling, SAP Idirnáisiúnta / Comhairleoir Gréasáin - www.ybierling.com

Conas deireadh a chur le hacmhainní rindreála i WordPress

Chun deireadh a chur le hacmhainní blocáil rindreála i WordPress, is gá plugin mar JetPack a shuiteáil.

Ansin, téigh go dtí na roghanna, a gcaithfidh tú a bheith ina riarthóir, agus téigh go dtí roghanna JetPack> Scríobh> Feidhmíocht agus Luas> seiceáil Seiceáil luasaire suímh, dlús a chur le hamanna na n-íomhánna, dlús a chur le hamanna comhaid statacha, agus lódáil leisciúil íomhánna.

Cruthú Máistir Suíomh Gréasáin: Clárú anois!

Athraigh do láithreacht dhigiteach lenár gcúrsa cuimsitheach cruthaithe láithreán gréasáin - cuir tús le do thuras chun bheith i do shaineolaí gréasáin inniu!

Clárú anseo

Athraigh do láithreacht dhigiteach lenár gcúrsa cuimsitheach cruthaithe láithreán gréasáin - cuir tús le do thuras chun bheith i do shaineolaí gréasáin inniu!

Cuirfidh sé seo deireadh le hacmhainní blocáil rindreála i WordPress agus lódálfar leathanaigh níos tapúla trí chead a thabhairt do JetPack do íomhánna a bharrfheabhsú agus do chuid íomhánna agus comhaid statacha (cosúil le CSS agus JavaScript) a sheirbheáil óna líonra domhanda freastalaithe.

Conas JavaScript a chur as JavaScript agus CSS ar WordPress

Chomh maith leis sin, ná déan dearmad íomhánna lódála a chur siar lasmuigh den scáileán trí fheidhm ualach leisciúil a úsáid. Cé go raibh sé deacair a bheith deacair agus gá le leabharlann sheachtrach chun íomhánna lódála a chur siar lasmuigh den scáileán, tá sé indéanta anois go dúshlánach i HTML5!

Luchtú leisciúil na n-íomhánna: Ní iarrtar íomhánna láithreán gréasáin ach don fhreastalaí nuair a scrollaítear an t-úsáideoir ar an leathanach gréasáin agus d'fhéadfadh siad iad a thaispeáint

Chun luchtú leisciúil na n-íomhánna ar do láithreáin ghréasáin a chur i bhfeidhm, cuir na luachanna leisciúil le tréithe á lódáil d'íomhánna láithreán gréasáin, agus tuigfidh na brabhsálaithe le déanaí nár chóir na híomhánna seo a iarraidh agus a luchtú ach amháin má tá siad á dtaispeáint, rud a chiallaíonn má scrollaítear síos go dtí na háitmhshealbhóirí íomhá.

<img src=”SRC” alt=”ALT” loading=”lazy”></img>
LÁITHREÁN LÁITHREÁIN - Feidhmíocht Gréasáin - Líonra Forbróirí Mozilla

Ar a bharr sin, oibríonn luchtú leisciúil freisin le iframes, agus is cur i bhfeidhm tábhachtach é chun deireadh a chur le hacmhainní a chuireann bac ar na leathanaigh ghréasáin.

Nuair a bheidh na hacmhainní blocála rindreála a bheith treoracha a luchtú tar éis an t-ábhar is mó, rud a chiallaíonn an HTML DOM, beidh tú a thuilleamh cheana féin a lán de na pointí ar an tástáil Google Teach Solais, an leathanach Léarscáil Léarscáil Leathanach, nó an Google Core Web Web Vitals.

Bíodh córas seachtrach agat chun do shuíomh Gréasáin a bharrfheabhsú duit

An bhfuil a fhios agat go bhféadfá na saincheisteanna  Google PageSpeed   ​​go léir a réiteach ar do shon, gan mórán iarrachta ó do shuíomh - ach amháin clárú le haghaidh trialach saor in aisce agus do DNS a athrú?

Ag baint úsáide as teicneolaíocht Luasaire Luas Suímh an ardáin Ezoic, réiteoidh a gcóras na gnáthcheisteanna  Google PageSpeed   ​​go léir, a bheidh mar idirghabhálaí idir do shuíomh Gréasáin agus na cuairteoirí. Déanfaidh siad an leathanach gréasáin a bharrfheabhsú duit sula dtaispeánfar é do do chuairteoir.

I mí Aibreáin 2021, beidh Luasaire Luas an tSuímh EZOIC a bheith saor in aisce EZOIC LEAP, agus cabhróidh sé le láithreáin ghréasáin a shroicheann croí-gréasáin Scóir Glas gan táille!

Bí glas trí chlárú le haghaidh trialach saor in aisce ar ardán Ezoic agus bain triail as duit féin - cuirfidh siad ar do shuíomh Gréasáin na caighdeáin is airde de bharrfheabhsú luas leathanaigh a bhaint amach laistigh de chúpla lá: íomhánna gréasáin den chéad ghlúin eile a sholáthar, CSS agus JavaScript a bharrfheabhsú trí CSS neamhúsáidte a bhaint agus JS, íomhánna ualaigh leisciúla, íomhánna a athrú, taisceadh do leathanaigh láithreáin, clónna a bharrfheabhsú, réamhnasc a dhéanamh le do shuímh uile atá san áireamh, agus go leor eile.

Níl aon chárta creidmheasa ag teastáil - níl le déanamh agat ach clárú saor in aisce agus triail a bhaint as. Ina theannta sin, má tá airgead á dhéanamh ag do shuíomh Gréasáin ó fhógraí taispeána, ar bharr do shuíomh Gréasáin a dhéanamh i bhfad níos gasta, féadfaidh siad a dhéanamh freisin go dtuilleann tú arís agus arís eile níos mó airgid ná mar a dhéanann tú le Google AdSense trí do chuid fógraí a bharrfheabhsú le foghlaim meaisín agus ard-intleacht shaorga.

Ceisteanna Coitianta

Conas deireadh a chur le JavaScript agus CSS a bhlocáil i n-ábhar os cionn an fhillte?
Chun deireadh a chur le JavaScript agus CSS a bhlocáil le haghaidh ábhar os cionn an fhillte, ba chóir duit a chinntiú go bhfuil comhaid JS agus CSS do shuíomh luchtaithe tar éis don HTML a bheith luchtaithe go hiomlán. Ciallaíonn sé seo gan an próiseas lódála HTML a stopadh chun na comhaid seo a íoslódáil. Is féidir leat comhaid JavaScript a chur siar leis an Async nó an tréith a chur siar, agus le haghaidh CSS, is féidir leat cód sonrach a úsáid chun é a luchtú tar éis an HTML. Is féidir le córas optamaithe seachtrach cosúil le Ezoic é seo a láimhseáil go huathoibríoch.
Conas is féidir le forbróirí Gréasáin aghaidh a thabhairt ar mholadh Google Pagespeed chun deireadh a chur le JavaScript agus CSS atá ag blocáil rindreála?
Is féidir le forbróirí gréasáin a suíomh a bharrfheabhsú trí chomhaid JavaScript agus CSS a mhionathrú, ag baint úsáide as luchtú asynchronous do JavaScript, ag cur CSS criticiúil go díreach isteach sa HTML, agus ag cur siar ar luchtú CSS neamh-chriticiúil agus comhaid JavaScript. Is féidir le cur i bhfeidhm na straitéisí seo feabhas suntasach a chur ar amanna lódála agus scóir pagespeed.

Foirfe Chrome Teach Solais Teach Solais: Cad a tharlaíonn?


Yoann Bierling
Faoin tÚdar - Yoann Bierling
Is gairmí Foilsitheoireachta Gréasáin & Digiteach Digiteach é Yoann Bierling, ag déanamh tionchair dhomhanda trí shaineolas agus nuálaíocht i dteicneolaíochtaí. Tá sé díograiseach maidir le daoine aonair agus eagraíochtaí a chumhachtú chun go n -éireoidh leo san aois dhigiteach, tá sé á thiomáint chun torthaí eisceachtúla a sheachadadh agus fás a thiomáint trí chruthú ábhar oideachais.

Cruthú Máistir Suíomh Gréasáin: Clárú anois!

Athraigh do láithreacht dhigiteach lenár gcúrsa cuimsitheach cruthaithe láithreán gréasáin - cuir tús le do thuras chun bheith i do shaineolaí gréasáin inniu!

Clárú anseo

Athraigh do láithreacht dhigiteach lenár gcúrsa cuimsitheach cruthaithe láithreán gréasáin - cuir tús le do thuras chun bheith i do shaineolaí gréasáin inniu!




Tuairimí (8)

 2018-08-19 -  quranapk
Is breá liom do chuid ábhair a léamh agus coinnigh tú sa phost - chuidigh sé liom blocáil rindreála a shocrú CSS
 2018-09-23 -  Monica
Mar sin is é seo an chaoi a ndéanaimid é, is iontach an rud é a fháil amach conas fáil réidh le hacmhainní blocála rindreála
 2018-09-25 -  Van
Go hiontach, sin go díreach a bhí á lorg agam, anois táim réidh chun fáil réidh le hacmhainní blocála rindreála ar fhón póca
 2018-11-03 -  utumikaji0
Go hiontach, anois tá sé in am dom triail a bhaint as agus acmhainní blocála rindreála a dhíchur!
 2019-01-12 -  Leo
Níl a fhios agat conas buíochas a ghabháil leat, ach is fíorghlan é sin, go raibh maith agat - d'oibrigh sé ar WordPress chun acmhainní blocála rindreála a bhaint
 2019-04-21 -  Ludanulema
Dia duit, chonaic mé d’alt agus chuidigh sé liom an fhadhb a réiteach deireadh a chur le hacmhainní blocála rindreála ar PHP, go raibh maith agat
 2019-06-12 -  animeg2Q
Bainfidh mé triail as anois, go raibh maith agat as é seo a roinnt deireadh a chur le socrú acmhainní blocála rindreáil
 2019-07-02 -  Gasfackele
D'oibrigh sé go maith dom, ní gá breathnú níos mó chun fáil réidh le hacmhainní blocála rindreála ar shuíomh Gréasáin HTML

Fág trácht