Hoe om minder HTTP-versoeke in WordPress en GTmetrix YSlow te rig

Moet minder HTTP-versoeke op u WordPress-webwerf rig?


Dit beteken net dat u moet verminder hoeveel elemente (versoeke) op u webwerf laai.

Stel minder HTTP-versoeke in

Dit kan help om CSS- en JavaScript-lêers te kombineer, maar daar is ander optimalisasies wat HTTP-versoeke kan verminder, soos om plugins wat nie op spesifieke bladsye gelaai hoef te word nie, te deaktiveer, WooCommerce-skripte en style op nie-e-handelsbladsye te deaktiveer of hoë CPU te vermy plugins wat ‘n groot aantal versoeke genereer en u webwerf vertraag.

Minder HTTP-versoeke is ‘n aanbeveling in GTmetrix, Pingdom en ander toerusting vir spoedtoetsing. Die aanbevelings hieronder sal u help om versoeke te verminder en u webwerf vinniger te maak.

1. Kombineer CSS Stylesheets + JavaScript

Kombinasie van CSS Stylesheets + JavaScript beteken dat u alles in u CSS-lêers in een enkele lêer moet kopieer / plak. Hierdeur kan blaaiers 1 enkele versoek rig vir ‘n CSS-lêer in plaas van verskeie versoeke. Die meeste cache-plugins het die opsie om u CSS + JavaScript-lêers te kombineer.

Stap 1: Vind die opsie om CSS + JavaScript te kombineer en te verklein in u cache-inprop-instellings.

Stap 2: Aktiveer elke instelling een vir een en toets die resultate in GTmetrix.

Verklein kombinasie van CSS-lêers

Verklein kombineer JavaScript-lêers

Stap 3: Kyk vir sigbare foute op u webwerf. As u foute sien, kyk dan na die bronkode, vind die problematiese lêers en sluit dit uit van u instellings vir CSS- of JavaScript-verligting. Byvoorbeeld, as u skuifknop verdwyn wanneer u ‘n sekere instelling aanskakel, moet u die skuiflêers in die bronkode kontroleer en die probleemlêer uitskakel. As u nie foute sien nie, is dit nie nodig nie.

Alternatiewelik kan u u CSS-lêers handmatig kombineer in WordPress onder Voorkoms > Tema-redakteur. Kopieer en plak die inhoud in alle lêers in een CSS-lêer.

WordPress CSS-lêers

2. Skakel inproppe selektief uit

Baie inproppe loop oor u hele webwerf, selfs op bladsye waar dit nie nodig is nie.

Kontakvorms, sosiale deel, ryk brokkie, skuifknop en ander inproppe hoef slegs op sekere inhoudsoorte gelaai te word. U kan hulle oral anders deaktiveer deur gebruik te maak van Opruiming van bates.

As u plugins inskakel op bladsye waar dit nie gelaai hoef te word nie, lei dit tot minder HTTP-versoeke. Dit is nie net beperk tot plugins nie; skrifte en style kan ook op sekere bladsye gedeaktiveer word (bv. WooCommerce-skrifte, style, karfragmente kan gedeaktiveer word op nie-e-handelsbladsye).

Stap 1: Installeer bateopruiming of Perfmatters (albei kan u plugins selektief deaktiveer).

Stap 2: Wysig ‘n bladsy of pos, blaai af na die Bate-opruimingsgedeelte en kyk watter CSS + JavaScript-lêers op die bladsy laai. Dit kan van plugins, temas of eksterne skrifte afkomstig wees.

Skakel WordPress-eksterne skripte uit

Stap 3: Deaktiveer alle inprop en versoeke wat u nie op daardie bladsy nodig het nie. U kan hulle op een enkele bladsy, op u hele werf, per postipe deaktiveer, of RegEx (gewone uitdrukkings) gebruik om hulle op spesifieke URL-patrone uit te skakel. RegEx word slegs by Perfmatters of Asset CleanUp Pro ingesluit.

3. Deaktiveer WooCommerce-skrifte, style, mandjiefragmente

WooCommerce-webwerwe genereer natuurlik meer HTTP-versoeke.

Nie net benodig hulle meer plugins nie, maar hulle laai ook ekstra WooCommerce-skrifte, style, en karfragmente. Soos u plugins in die vorige stap selektief kan deaktiveer, kan u ook WooCommerce-versoeke wat op u hele webwerf laai, selektief deaktiveer.

Met Asset CleanUp of Perfmatters, kan u dit deaktiveer op bladsye waar hulle nie hoef te laai nie:

WooCommerce vir skoonmaak van bates

Met Perfmatters kan u dit ook met 1-klik deaktiveer:

perfmatters woocommerce optimalisering

4. Vermy hoë CPU-inproppe

Hoë CPU-inproppe kan ‘n ton HTTP-versoeke genereer.

Dit is gewoonlik sosiaal-gedeelde, statistieke (analise), skuifsportefeuljes, portefeuljes, bladsybouers, kalenders, geselsies en kontakvorm-inproppe. Vermy basies enige inprop wat eksterne versoeke van buite webwerwe haal, deurlopende prosesse uitvoer, of net ‘n lang tydjie om te laai.

Stap 1: Kyk of daar inkomende plugins in GTmetrix Waterfall of Navraagmonitor.

Stadig WordPress-Plugin

Stap 2: Vermy bekende hoë-CPU-inproppe.

  1. AddThis
  2. AdSense-klikbedrogmonitering
  3. Alles-in-een-byeenkoms-kalender
  4. Friends Buddy
  5. Beaver Bouwer
  6. Beter WordPress Google XML Sitemaps
  7. Gebroke skakelkontroleerder (gebruik Dr. Link Check)
  8. Konstante kontak vir WordPress
  9. Kontakvorm 7
  10. Kyk na alle 65 stadige inproppe

Stap 3: Vervang stadige inproppe met vinniger, liggewig-inproppe. Navorsing en toetsing is nodig.

5. Vervang plugins met kode

U kan baie plugins vermy deur dit met kode te vervang.

voorbeelde:

  • Google Fonts: huisves u lettertipes plaaslik
  • Google Analytics-opsporingskode: handmatig in
  • Inhoudsopgawe: ontwerp dit met die hand in HTML + CSS
  • Ingebedde tweets of Google Maps: neem eerder ‘n skermkiekie
  • Ingebedde Facebook-widget: vervang dit met die werklike Facebook-widget

Konsolideer inproppe help ook. Een van die klassieke voorbeelde is die gebruik van WP Rocket wat plaaslik aangebied word met die aanbied van lettertipes, analise en Facebook Pixel, lui foto’s + video’s laai, databasisopruiming, vooraflading, hartklopbeheer en integrasie van beide Cloudflare en meerdere CDN’s. Met ander cache-inproppe (aangesien die meeste van hulle nie hierdie funksies het nie), moet u 6-7 ekstra inproppe installeer om die snelheidsoptimalisering te verkry, wanneer dit ingebou is in WP Rocket.

6. Skakel eksterne skrifte uit

Eksterne skrifte is alles wat versoeke van buite-webwerwe haal.

Google Font kan in een lêer gekombineer word. Video’s kan lui gelaai word en die iframe vervang met ‘n voorskouprent. Baie skrifte kan geoptimaliseer word, ander nie. Hier is ‘n paar voorbeelde.

  • Google-lettertipes: kombineer lettertipes en plaas dit gasheerlik met behulp van inproppe soos WP Rocket, Autoptimize, OMGF, self-host Google-lettertipes en Asset CleanUp.
  • Google Analytics: gasheeropsporingskode plaaslik in WP Rocket / CAOS Analytics.
  • Google AdSense: laai asinkroon en probeer Cloudflare Rocket Loader.
  • Google kaarte: neem ‘n blik op die Google Map en sluit ‘n skakel na aanwysings in as mense op die foto klik (dit lyk net so goed soos ‘n kaart)!
  • Google-tagbestuurder: doen gewoonlik meer skade as goed as u probeer om veelvuldige skrifte te kombineer. Moet slegs gebruik word vir groot, ongeoptimaliseerde persele.
  • Ingeboude video’s: gebruik WP Rocket of WP YouTube Lyte om lui video’s te laai en vervang die iframe met ‘n voorskouprent (video’s is ‘n baie swaar element).
  • Embedded Widgets + Posts: neem skermkiekies in plaas daarvan om dit in te lê.
  • Facebook Pixel: WP Rocket kan blaaier-cache by Facebook Pixel voeg.
  • Aanvaar Gravatars AanvaarHTTP: niks het vir my gewerk behalwe om Gravatars uit te skakel nie (WP Rocket gebruik dit ook nie op hul blog nie). Maar, u kan Harrys, FV of die Optimum Gravatar Cache probeer, of probeer om uitbreidbare opmerkings te breek of weg te steek.
  • Invoegings vir sosiale deel: genereer berugte versoeke van Facebook, Twitter en sosiale netwerke om soos tel te verfris. Probeer ‘n vinniger inprop soos Sosiale Pug, Mashsharer, Sosiale snapAddToAny, WP Sosiale Deel, of Maklike sosiale aandeel

7. Kombineer Google-lettertipes

Google Font kan gekombineer word om 1 versoek te genereer in plaas van veelvuldige versoeke.

Google-Fonts-GTmetrix

Die volgende plugins het opsies om Google Fonts te optimaliseer:

  • WP-vuurpyl
  • Opruiming van bates
  • Autoptimize
  • OMGF

Die beste metode is egter om Google Fonts plaaslik aan te bied. Dit behels die aflaai van u lettertipes direk vanaf die Google Font-webwerf, terwyl u minimaal is met die aantal lettertipes en lettergewigte. Gebruik dan ‘n instrument soos Transfonter of omskakel die lettertipes na webletterlêers. U sal dan die nuwe webblaaiblaaie na u wp-inhoud / oplaai-lêer oplaai, die pasgemaakte lettertipe by CSS voeg en die lettertipe toets om seker te maak dat dit werk. Kyk weer na die skakel vir ‘n volledige tutoriaal.

Transfonter-Google-Font-Conversion

7. Verklein HTML, CSS, JavaScript

Minimalisering van lêers word gewoonlik met u cache-inprop gedoen (sien stap 1).

Maar soms kan dit u webwerf breek. In hierdie geval, moet u elke instelling een vir een toets, kyk of daar foutiewe lêers in die bronkode is en dan die lêers van minifikasie uitsluit met u cache-inprop. As u nie sigbare foute sien nie, hoef u dit nie te doen nie.

8. Optimaliseer CSS-aflewering

Dit sal die lewer-blokkerende hulpbronne item in PageSpeed ​​Insights.

WP Rocket, Autoptimize en ander soortgelyke inproppe moet die opsie hê om CSS-aflewering te optimaliseer. Gaan eenvoudig na u instellings en maak seker dat u dit inskakel, en dit moet reggestel word.

Optimaliseer CSS-aflewering

9. Uitgestel / laai gekombineerde JavaScript-lêers asinkroon

Asynchrone JavaScript beteken dat die lêers gelaai word na die bladsy is klaar afgelaai.

Dit kan gedoen word met WP Rocket of Asynchroniseer JavaScript en moet die verwyder die weergee-blokkerende Javascript-item. Async JavaScript gee jou die volle beheer oor watter skrifte om ‘n ‘async’ of ‘uitstel’-kenmerk toe te voeg, terwyl WP Rocket JavaScript outomaties met 1 klik verdedig.

JavaScript-lêers

10. Lui video’s

Ingebedde video’s is ‘n eksterne hulpbronne wat HTTP-versoeke genereer.

Dit kan 2+ sekondes neem om te laai! Alhoewel u dit nie heeltemal kan uitskakel nie, kan u dit wel vertraag die laai van video’s totdat gebruikers afrol (lui vrag) en klik op die speelknoppie (lig inbed).

Hier het u ‘n paar opsies: u kan WP Rocket gebruik om lui laai moontlik te maak en die YouTube iframe deur die voorskouprent te vervang. Maar as u nie WP Rocket het nie, kan u dit probeer WP YouTube Lyte-inprop of volg dit handleiding oor ligte YouTube-inbeddings. Albei werk goed.

Hier is ‘n voorbeeld (en ‘n wonderlike video oor WordPress Speed):

11. Voeg ‘n CDN by

CDN’s kan help om minder HTTP-versoeke te maak.

In plaas daarvan om u oorsprongbediener op ‘n versoek te laat reageer, sal die datasentrums van ‘n CDN bandwydte aflaai terwyl die vrag op die oorsprongbediener verlig word. Cloudflare is gratis, so dit is ‘n goeie idee.

Veelvuldige CDN’s = meer datasentrums = vinniger lewering van inhoud en meer aflaai van bronne. Baie mense begin met Cloudflare en kyk uiteindelik na StackPath wanneer hulle verskeie CDN’s gebruik (ek gebruik tans albei). KeyCDN is ook goed. Dit word ‘n ‘ketting’ van CDN’s genoem.

Opstel van verskeie CDN’s
Met Cloudflare ken hulle u twee naamgewers toe wat u in u domeinregister verander. Met ander CDN’s soos StackPath en KeyCDN ken hulle u ‘n CDN-URL toe wat u in die CDN URL-veld in u cache-inprop sal plak (of die meeste daarvan het dit) of gebruik CDN Enabler.

Veelvuldige CDN's

12. Verminder aansture

Onnodige aansture kan ekstra HTTP-versoeke veroorsaak.

U moet na u GTmetrix-verslag kyk om te sien wat hierdie fout veroorsaak. Word dit gegenereer deur ‘n eksterne skrip of inprop op u webwerf? Het u probeer om die skrif te optimaliseer of op soek na ‘n ligter inprop? Is dit omdat u u domeinweergawe verander het na nie-WWW of HTTPS, maar nie alle skakels / beelde op u webwerf opgedateer het om die nuwe weergawe te weerspieël nie?

Minimaliseer herlei foute

Algemene oorsake

  • Slegte inproppe
  • Eksterne skrifte
  • Verander na WWW vs Nie-WWW, maar het nie skakels opgedateer nie
  • Verander na HTTPS teenoor nie-HTTPS, maar het nie skakels opgedateer nie

13. Optimaliseer prente

Om HTTP-versoeke wat deur prente veroorsaak word, te verminder, is daar drie primêre maniere om prente te optimaliseer:

Bedien skale: verander die grootte van groot beelde om kleiner te wees. GTmetrix vertel watter prente te groot is en die regte afmetings waaraan hulle geknip / aangepas moet word. Probeer ‘n cheatblad vir ‘n afbeeldingsafmeting skep deur die afmetings van u skuifbalkies, blogfoto’s, widgets en ander dele van u webwerf te meet. Maak dan seker dat u die grootte van die beelde in die regte afmetings verander voordat u dit oplaai. As u dit doen, moet u nooit geskaalde beeldfoute hê nie.

Optimaliseer prente (verlieslose kompressie): gebruik ‘n inprop soos ShortPixel (aanbeveel), Smush of Imagify om beelde saam te druk. Alhoewel hierdie plugins verliesloos sê, kan u soms ‘n geringe kwaliteitverlies opmerk. Daarom is dit die beste om u beelde te rugsteun en ‘n paar daarvan te toets voordat u alle prente op u webwerf in groot hoeveelheid optimaliseer, om seker te maak dat u tevrede is met die kwaliteit.

Spesifiseer afbeeldingsafmetings: voeg ‘n breedte + hoogte by tot die beeld of HTML of CSS. Dit word outomaties in die Visual Editor gedoen, maar nie ‘n persoonlike HTML nie, sommige bladsybouers, en moontlik ook ander areas van u WordPress-webwerf. GTmetrix sal u wys watter beelde hierdie foute het en u voorsien van die regte afmetings. Om die fout reg te stel, moet u die prent in u WordPress-dashboard opspoor, die HTML of CSS wysig en dan die breedte + hoogte byvoeg.

Moet nog steeds minder HTTP-versoeke rig?

As u nog hulp nodig het, laat my ‘n opmerking. Die WordPress versnel Facebook-groep is ook nuttig, of u kan ons huur vir WordPress-snelheidsdienste met voor + na GTmetrix-verslae.

WordPress versnel Facebook-groep

Algemene vrae

&# X1f680; Wat veroorsaak HTTP-versoeke?

HTTP-versoeke is alles wat ‘n versoek aan die bediener skep (byvoorbeeld, ‘n enkele beeld skep 1 versoek). GTmetrix se Waterfall-oortjie vertel alle versoeke wat op ‘n bladsy gelaai word.

&# X1f680; Wat is 5 dinge wat u kan doen om HTTP-versoeke te verminder??

5 maklike dinge wat u kan doen, is om CSS + JavaScript-lêers te kombineer, lui-laai-beelde en -video’s, vermy ons lys met hoë CPU-plugins, skakel plugins selektief van sekere bladsye / poste af met Perfmatters of Asset CleanUp, en optimaliseer u lettertipes.

&# X1f680; Sal ‘n cache-inprop help om HTTP-versoeke te verminder?

Ja, ‘n goeie cache-inprop moet lêers help verklein en kombineer, sowel as HTTP-versoeke verminder as dit korrek opgestel is. Ek het tutoriale vir byna elke cache-inprop.

&# X1f680; As ander GTmetrix-items reggestel word, word HTTP-versoeke verminder?

Ja, dit sal in baie gevalle veral lêers minifiseer en kombineer, omleidingsfoute uitskakel en ‘n CDN gebruik, dit kan ook help.

&# X1f680; Watter cache-inprop verminder die HTTP-versoeke die meeste, en hoe om dit te konfigureer?

Ek beveel WP Rocket aan wat as die meeste 1 in die meeste Facebook-peilings gegradeer is en meer spoedoptimaliseringsfunksies het as die meeste cache-inpropinasies, en dit lewer gewoonlik beter tellings en laai tye in GTmetrix op. Kyk na my handleiding oor die opstel van die WP Rocket-instellings.

Dankie vir die lees :)

Cheers,
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