Hvernig á að gera færri HTTP beiðnir í WordPress & GTmetrix YSlow

Þarftu að gera færri HTTP beiðnir á WordPress síðunni þinni?


Þetta þýðir bara að þú þarft að draga úr því hversu margir þættir (beiðnir) hlaða inn á síðuna þína.

Gerðu færri HTTP beiðnir

Að sameina CSS og JavaScript skrár getur hjálpað, en það eru aðrar fínstillingar sem geta dregið úr HTTP beiðnum, svo sem vali á að slökkva á viðbætur sem ekki þarf að hlaða á ákveðnar síður, slökkva á WooCommerce forskriftum og stílum á síðum sem ekki eru netverslun eða forðast háa CPU viðbætur sem mynda mikinn fjölda beiðna og hægja á síðunni þinni.

Gerir færri HTTP beiðnir er meðmæli í GTmetrix, Pingdom og öðrum hraðaprófunarverkfærum. Tillögurnar hér að neðan munu hjálpa til við að draga úr beiðnum og gera síðuna þína hraðari.

1. Sameina CSS stílblöð + JavaScript

Sameinar CSS stílblöð + JavaScript þýðir að þú þarft að afrita / líma allt sem er í CSS skrám þínum í eina skrá. Þetta gerir vöfrum kleift að leggja fram eina beiðni um CSS skrá í stað margra beiðna. Flestir skyndiminni viðbætur hafa möguleika á að sameina CSS + JavaScript skrárnar þínar.

1. skref: Finndu möguleikann á að sameina og gera lítið úr CSS + JavaScript í skyndiminnisviðbótarstillingunum þínum.

2. skref: Virkja hverja stillingu eina í einu og prófa niðurstöður í GTmetrix.

Fínstilltu sameina CSS skrár

Fínstilltu sameina JavaScript skrár

3. skref: Athugaðu hvort sýnilegar villur eru á vefsíðunni þinni. Ef þú sérð villur skaltu skoða frumkóðann, finna vandamálaskrárnar og útiloka þær frá CSS eða JavaScript minification stillingunum þínum. Til dæmis, ef rennibrautin þín hverfur þegar kveikt er á ákveðinni stillingu skaltu athuga rennistikuskilin þín í frumkóðanum og útiloka vandkvæða skrána. Ef þú sérð ekki villur er engin þörf á þessu.

Einnig er hægt að sameina CSS skrárnar þínar handvirkt í WordPress undir Útliti > Þema ritstjóri. Þú myndir einfaldlega afrita og líma innihaldið í öllum skrám í eina CSS skrá.

WordPress CSS skrár

2. Slökkva á viðbætur vali

Margar tappi keyra yfir alla síðuna þína, jafnvel á síðum þar sem ekki er þörf á þeim.

Aðeins þarf að hlaða tengiliðaform, samnýtingu, ríkur bút, renna og einhver önnur viðbót við ákveðnar innihaldsgerðir. Þú getur slökkt á þeim alls staðar annars staðar með Hreinsun eigna.

Með því að slökkva á viðbætum á síðum þar sem ekki þarf að hlaða þær leiðir það til færri HTTP beiðna. Þetta er ekki takmarkað við viðbætur; einnig er hægt að slökkva á forskriftum og stíl á ákveðnum síðum (td WooCommerce forskriftir, stíl, körfubrot er hægt að gera óvirk á síðum sem ekki eru með netverslun).

1. skref: Settu upp hreinsun eigna eða Perfmatters (bæði gerir þér kleift að slökkva á viðbótum).

2. skref: Breyttu síðu eða færslu, skrunaðu niður að Hreinsun eigna og skoðaðu hvaða CSS + JavaScript skrár eru að hlaða á síðuna. Þetta getur verið frá viðbótum, þemum eða utanaðkomandi forskriftum.

Slökkva á ytri skrift WordPress

3. skref: Slökkva á öllum viðbótum og beiðnum sem þú þarft ekki á þeirri síðu. Þú getur slökkt á þeim á einni síðu, á öllu vefsvæðinu þínu, eftir póstgerð eða notað RegEx (venjuleg orðatiltæki) til að slökkva á þeim á sérstökum vefslóðamynstri. RegEx er aðeins innifalinn með Perfmatters eða Asset CleanUp Pro.

3. Slökkva á WooCommerce forskriftum, stílum, körfubrotum

WooCommerce síður búa náttúrulega til fleiri HTTP beiðnir.

Þeir þurfa ekki bara meira af viðbótum, heldur hlaða þeir einnig viðbótar WooCommerce forskriftir, stíll, og körfu brot. Rétt eins og þú getur valið að slökkva á viðbætur í skrefinu sem áður var, þá geturðu einnig valið að slökkva á WooCommerce beiðnum um að hlaða yfir alla síðuna þína.

Notaðu Hreinsun eigna eða Perfmatters til að slökkva á þessum á síðum þar sem þeir þurfa ekki að hlaða:

Hreinsun eigna WooCommerce

Að öðrum kosti gerir Perfmatters þér kleift að slökkva á þessum í 1-smell:

perfmatters woocommerce hagræðingu

4. Forðist háar CPU-viðbætur

Hár CPU tappi getur búið til tonn af HTTP beiðnum.

Þetta eru venjulega félagsleg samnýting, tölfræði (greinandi), rennibrautir, eignasöfn, blaðasmiðir, dagatal, spjall og snertiforrit tengiliða. Í grundvallaratriðum, forðastu viðbót sem dregur utanaðkomandi beiðnir frá vefsíðum utan frá, keyrir áframhaldandi ferla eða tekur bara langan tíma að hlaða.

1. skref: Athugaðu hvort hægt er að stinga hægt í GTmetrix foss eða Fyrirspurnaskjár.

Hægur-WordPress-viðbót

2. skref: Forðastu þekkt hátt CPU-viðbætur.

  1. AddThis
  2. AdSense smell svik eftirlit
  3. Allt viðburðadagatal
  4. Varabúnaður félagi
  5. Beaver byggir
  6. Betri WordPress Google XML Sitemaps
  7. Brotinn hlekkur afgreiðslumaður (notaðu Dr. Link Athugun)
  8. Stöðugur tengiliður fyrir WordPress
  9. Snerting eyðublað 7
  10. Skoða öll 65 hægt viðbætur

3. skref: Skiptu um hæga viðbætur með hraðari, léttum viðbótum. Rannsóknir og prófanir eru nauðsynlegar.

5. Skiptu um viðbætur með kóða

Þú getur forðast mörg viðbætur með því að skipta þeim út fyrir kóða.

Dæmi:

  • Google leturgerðir: hýsið letrið á staðnum
  • Rekstrarkóði Google Analytics: settu inn handvirkt
  • Efnisyfirlit: hannaðu það handvirkt í HTML + CSS
  • Innfelld kvak eða Google kort: taktu skjámynd í staðinn
  • Fella Facebook búnaður: skipta út fyrir raunverulegan Facebook búnað

Sameina viðbætur hjálpar líka. Eitt klassískt dæmi er að nota WP Rocket sem kemur með hýsingu leturgerða, greiningar og Facebook Pixel á staðnum, lata hleðsla mynda + myndbönd, hreinsun gagnagrunns, forhleðslu, hjartsláttarstjórnun og samþættingu bæði Cloudflare og margra CDN. Með öðrum skyndiminni viðbótum (þar sem flestir þeirra eru ekki með þessa eiginleika), þá þyrfti þú að setja upp 6-7 viðbótarforrit til að fá þessar hraðafínstillingar þegar þær eru innbyggðar í WP Rocket.

6. Fjarlægja ytri skrift

Ytri forskriftir eru allt sem dregur fram beiðnir frá vefsíðum utan.

Hægt er að sameina Google leturgerðir í eina skrá. Hægt er að hlaða vídeó og lata iframe með forskoðunarmynd. Hægt er að fínstilla mörg forskriftir, önnur ekki. Hér að neðan eru nokkur dæmi.

  • Google leturgerðir: sameina leturgerðir og hýsa þá á staðnum með því að nota viðbætur eins og WP Rocket, Autoptimize, OMGF, Google Host-sjálfstýrt letur og hreinsun eigna.
  • Google Analytics: hýsingarakóða á staðnum í WP Rocket / CAOS Analytics.
  • Google AdSense: hlaðið ósamstilltur og reyndu Cloudflare Rocket Loader.
  • Google Maps: taktu mynd af Google kortinu og láttu fylgja með akstursleiðbeiningum þegar fólk smellir á myndina (þetta lítur eins vel út og kort)!
  • Google merkistjóri: gerir venjulega meiri skaða en gagn þegar reynt er að sameina mörg forskriftir. Ætti aðeins að nota fyrir stórar, ófjarstýrðar síður.
  • Innfelld myndbönd: notaðu WP Rocket eða WP YouTube Lyte til að lata hlaða myndbönd og skipta um iframe með forskoðunarmynd (myndbönd eru mjög þung þáttur).
  • Innfelld búnaður + innlegg: taktu skjámyndir í stað þess að fella þær inn.
  • Facebook Pixel: WP Rocket getur bætt skyndiminni vafrans við Facebook Pixel.
  • Gravatars: ekkert virkaði fyrir mig fyrir utan að slökkva á Gravatars (WP Rocket notar þá ekki heldur á blogginu sínu). En þú getur prófað Harrys, FV eða Optimum Gravatar skyndiminni, eða prófað að brjóta eða fela stækkanlegar athugasemdir.
  • Samfélagsleg samnýtingarforrit: Búa til frægðar beiðnir frá Facebook, Twitter og félagsnetum til að endurnýja eins og telja. Prófaðu hraðari viðbætur eins og Félagsleg pug, Mashsharer, Félagslegur smellaAddToAny, Samfélagshlutdeild WP, eða Auðveld félagsleg hlutdeild

7. Sameina Google leturgerðir

Hægt er að sameina Google leturgerðir til að búa til 1 beiðni í stað margra beiðna.

Google-leturgerðir-GTmetrix

Eftirfarandi viðbætur hafa möguleika til að fínstilla Google leturgerðir:

  • WP eldflaug
  • Hreinsun eigna
  • Sjálfvirkni
  • OMGF

Besta aðferðin er þó að hýsa Google leturgerðir á staðnum. Þetta felur í sér að hala niður leturgerðum þínum beint frá vefsíðu Google leturgerða en vera í lágmarki með fjölda leturgerða og letur. Næst skaltu nota tól eins og Transfonter eða umbreyta letrið í leturskrár á vefnum. Þú munt síðan hlaða upp nýju leturgerðarskránni í wp-content / uploads möppuna þína, bæta við sérsniðnu letri í CSS og prófa letrið til að ganga úr skugga um að það virki. Aftur, sjáðu þennan hlekk til að fá fulla kennslu.

Transfonter-Google-font-viðskipti

7. Fínstilltu HTML, CSS, JavaScript

Að fínstilla skrár er venjulega gert með skyndiminni viðbótinni (sjá skref 1).

En stundum getur þetta skemmt vefsíðuna þína. Í þessu tilfelli, þá þyrfti að prófa hverja stillingu eitt í einu, athuga hvort vandkvæðum skrám sé í frumkóðanum og útiloka síðan þessar skrár frá minification með skyndiminni viðbótinni. Ef þú sérð ekki sýnilegar villur þarftu ekki að gera þetta.

8. Fínstilltu CSS afhendingu

Þetta ætti að laga veita hindrandi úrræði atriði í PageSpeed ​​Insights.

WP Rocket, Autoptimize og önnur svipuð viðbætur ættu að hafa möguleika á að hámarka CSS afhendingu. Farðu einfaldlega inn í stillingar þínar og vertu viss um að þetta sé virkt og það ætti að laga það.

Fínstilltu CSS afhendingu

9. Fresta / hlaða sameinuð JavaScript skrár ósamstilltur

Ósamstilltur JavaScript þýðir að skrár hlaðast eftir síðunni er lokið við að hala niður.

Þetta er hægt að gera með því að nota WP Rocket eða Ósamstilltu JavaScript og ætti að laga fjarlægja Javascript atriðið sem hindrar render. Async JavaScript veitir þér fulla stjórn á hvaða skriftum til að bæta við ‘async’ eða ‘fresta’ eiginleikum á meðan WP Rocket varnar JavaScript sjálfkrafa með 1 smell.

JavaScript skrár

10. Latur hlaða myndbönd

Innbyggð myndbönd eru utanaðkomandi auðlindir sem búa til HTTP beiðnir.

Það getur tekið 2+ sekúndur að hlaða! Þó að þú getir ekki útrýmt þessum að fullu geturðu það tefja hleðslu myndbanda þar til notendur skruna niður (latur álag) og smella á spilunarhnappinn (ljósfella).

Þú hefur nokkra möguleika hér: þú getur notað WP Rocket til að virkja lata hleðslu og skipta út YouTube iframe fyrir forskoðunarmynd. En ef þú ert ekki með WP Rocket geturðu annað hvort prófað það WP YouTube Lyte tappi eða fylgdu þessu einkatími á léttar YouTube innfellingar. Báðir virka vel.

Hér er dæmi (og frábært myndband um WordPress hraða):

11. Bættu við CDN

CDN geta hjálpað til við að gera færri HTTP beiðnir.

Í stað þess að láta upphafsmiðlarann ​​þinn svara beiðni munu gagnaver CDN hlaða bandbreidd á meðan létta álagið á upprunamiðlaranum. Cloudflare er ókeypis, svo það er ekki heillandi.

Margfeldi CDN-skjöl = fleiri gagnaver = hraðari afhending efnis og meira losun auðlinda. Margir byrja með Cloudflare og skoða að lokum StackPath þegar þeir nota mörg CDN (ég nota bæði). KeyCDN er líka góður. Þetta er kallað „keðja“ CDN.

Setja upp mörg CDN
Með Cloudflare úthluta þeir þér 2 nafna sem þú breytir í lénaskránni. Með öðrum CDN eins og StackPath og KeyCDN, úthluta þau þér CDN URL sem þú límir inn í CDN URL reitinn í skyndiminni viðbótinni (flestir hafa það) eða nota CDN Enabler.

Margfeldi CDN

12. Lágmarkaðu tilvísanir

Óþarfar tilvísanir geta valdið auka HTTP beiðnum.

Þú verður að skoða GTmetrix skýrsluna þína til að sjá hvað veldur þessari villu. Er það búið til með utanaðkomandi handriti eða tappi á síðunni þinni? Hefur þú prófað að fínstilla það handrit eða leita að léttari tappi? Er það vegna þess að þú breyttir lénsútgáfunni þinni í ekki WWW eða HTTPS en hefur ekki uppfært alla tengla / myndir á síðunni þinni til að endurspegla nýju útgáfuna?

Láttu minnka beina villum

Algengar orsakir

  • Slæmar viðbætur
  • Ytri forskriftir
  • Breytt í WWW vs Non-WWW en hefur ekki uppfært tengla
  • Breytt í HTTPS á móti öðrum en HTTPS en hafa ekki uppfært tengla

13. Fínstilltu myndir

Til að draga úr HTTP beiðnum af völdum mynda eru þrjár aðal leiðir til að fínstilla myndir:

Berið fram stærðarstærðar myndir: breyta stærð stórra mynda til að vera minni. GTmetrix segir þér hvaða myndir eru of stórar og réttar víddir sem þær ættu að vera klipptar / búa til. Prófaðu að búa til svindlmynd af myndvídd með því að mæla stærð rennibrautarinnar, bloggmynda í fullri breidd, búnaður og öðrum svæðum á vefsíðunni þinni. Gakktu síðan úr skugga um að breyta myndum í réttar víddir áður en þú hleður því inn. Ef þú gerir þetta ættirðu aldrei að hafa þjónað stærðarskekkjum.

Fínstilltu myndir (þjöppun án taps): notaðu viðbót sem ShortPixel (mælt með), Smush eða Imagify til að þjappa myndum. Þó að þessir viðbætur segja taplausar gætirðu stundum tekið eftir litlu tapi á gæðum. Þess vegna er best að taka afrit af myndunum þínum og prófa nokkrar af þeim áður en þú myndir fínstilla allar myndirnar á vefsíðunni þinni til að vera viss um að þú sért ánægður með gæði.

Tilgreindu víddir myndar: bæta við breidd + hæð við HTML eða CSS myndarinnar. Þetta er sjálfkrafa gert í Visual Editor, en ekki sérsniðnum HTML, sumum blaðasmiðjum og hugsanlega öðrum svæðum á WordPress vefnum þínum. GTmetrix mun sýna þér hvaða myndir hafa þessar villur og veita þér réttar víddir. Til að laga villuna þarftu að finna myndina í WordPress mælaborðinu þínu, breyta HTML eða CSS og bæta síðan við breiddinni + hæðinni.

Þarf samt að gera færri HTTP beiðnir?

Ef þú þarft enn hjálp, skildu eftir mig athugasemd. The WordPress flýtir Facebook hópnum er einnig gagnlegt, eða þú getur ráðið okkur fyrir WordPress hraðþjónustu með fyrir + eftir GTmetrix skýrslur.

WordPress flýtir Facebook hópnum

Algengar spurningar

&# x1f680; Hvað veldur HTTP beiðnum?

HTTP beiðnir eru allt sem býr til beiðni á netþjóninn (til dæmis, ein mynd býr til 1 beiðni). Fossaflipi GTmetrix segir þér allar beiðnir hlaðnar á síðu.

&# x1f680; Hvað eru 5 hlutir sem þú getur til að draga úr HTTP beiðnum?

5 einfaldir hlutir sem þú getur gert er að sameina CSS + JavaScript skrár, lata hlaða myndir og myndbönd, forðast lista okkar yfir háa CPU-viðbætur, slökkva á vali á viðbótum frá ákveðnum síðum / færslum með Perfmatters eða Asset CleanUp og fínstilla leturgerðir þínar.

&# x1f680; Mun skyndiminni tappi hjálpa til við að draga úr HTTP beiðnum?

Já, gott skyndiminni tappi ætti að hjálpa til við að fínstilla og sameina skrár, sem og að draga úr HTTP beiðnum þegar það er rétt stillt. Ég er með námskeið fyrir næstum hvert skyndiminni tappi.

&# x1f680; Munu laga aðra GTmetrix hluti draga úr HTTP beiðnum?

Já, í mörgum tilfellum mun það sérstaklega gera og fella saman skrár, koma í veg fyrir beina villur og nota CDN getur líka hjálpað.

&# x1f680; Hvaða skyndiminni tappi minnkar HTTP beiðnir mest og hvernig á að stilla það?

Ég mæli með WP Rocket sem var metið sem # 1 í flestum Facebook skoðanakönnunum og hefur meiri hraðavæðingaraðgerðir en flestar skyndiminni viðbætur, þess vegna skilar það venjulega betri skorum og hleðslutímum í GTmetrix. Skoðaðu námskeiðið mitt um að stilla WP Rocket stillingarnar.

Takk fyrir að lesa :)

Skál,
Tom

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map