Kuinka tehdä vähemmän HTTP-pyyntöjä WordPress-sivustolla

Nopeus on kriittinen tekijä, joka määrittää sivustojen sijoittumisen hakukoneissa. Sekä hakukoneet että käyttäjät rakastavat nopeasti latautuvia verkkosivustoja, koska nopea verkkosivusto tarjoaa poikkeuksellisen käyttäjäkokemuksen. Näin ollen se on merkittävä sijoitustekijä. Jos sivustosi latausnopeus on suhteellisen hidas eikä sivusto toimi odotetulla tavalla, mahdollinen syy voi olla suuremmat HTTP-pyynnöt.

Jos olet melko uusi verkkosivustojen maailmankaikkeudessa tai sinun on opittava lisää verkkosivustojen yksityiskohdista, sinun pitäisi tietää, että useammat HTTP-pyynnöt hidastavat verkkosivustoja. HTTP-pyyntöjen määrän vähentäminen voi parantaa verkkosivustojen latausaikaa. Mietitkö miten? Meillä on sinulle tietoa.

Kerromme useista täysin varmoista tavoista, joiden avulla voit vähentää HTTP-pyyntöjä ja lisätä verkkosivustosi suorituskykyä ja nopeutta.

Mikä on HTTP-pyyntö?

HTTP on viestintäprotokolla, jota noudatetaan, kun käyttäjä pyytää tietoja verkossa. Palvelin toimittaa käyttäjälle tietoja ja sisältöä, kuten CSS:ää, HTML-tiedostoja, kuvia, videoita jne., internetin kautta.

Verkko on laaja tila, jossa on paljon sisältöä tai tietoa palvelimilla. Kun käyttäjä yrittää käyttää internetissä saatavilla olevia tietoja, selain lähettää pyyntöjä ja saa vastauksia.

Ilman pyyntöä käyttäjän ja palvelimen välinen tehokas viestintä ei onnistu. HTTP-pyyntö on siis palvelimen ja käyttäjän välinen viestintäkerros. Asiakaspalvelin lähettää viestin, joka tunnetaan nimellä HTTP (hypertext transfer protocol), ja se jäsentää pyynnön viestin kolmeen eri osaan: otsikkoon, pyyntöriviin ja runkoon.

Mitä tulee WordPress-sivustosi nopeuteen ja suorituskykyyn HTTP-pyyntöjen perusteella, sinun tulisi tietää seuraavat luvut.

• Verkkosivusto on terve ja toimii asianmukaisesti, kun HTTP-pyyntöjen määrä pysyy alle 50:ssä jokaista sivua kohden.

• Verkkosivusto tuottaa erinomaista suorituskykyä, kun pyyntöjen määrä on alle 25 pyyntöä sivua kohden.

• Hyväksyttyjen HTTP-pyyntöjen keskimääräinen määrä on 70, ja verkkosivusto suoriutuu kohtuullisesti.

Verkkosivuston pitäminen terveenä on suositeltavaa, sillä liian monet HTTP-pyynnöt hidastavat sitä. Käydään läpi syy siihen, miksi verkkosivustosi suorituskyky pysyy terveenä.

Miksi HTTP-pyyntöjä on vähennettävä?

Yksi tärkeimmistä syistä verkkosivuston tekemien HTTP-pyyntöjen vähentämiseen on sen suorituskyvyn ja nopeuden ylläpitäminen. Jos kuitenkin perehdyt yksityiskohtiin, tiedät, että 80 prosenttia verkkosivuston vasteajasta kuluu yleensä itse etupäässä. Mutta joitakin merkittäviä verkkosivuston latausaikaan vaikuttavia tekijöitä ovat tyylilomakkeet, skriptit, kuvat jne.

Nämä komponentit ovat välttämättömiä sisällön näyttämisessä, ja aikaa vie yhteyden luominen käyttäjän ja palvelimen välille. Toinen ensisijainen syy HTTP-pyyntöjen määrän vähentämiseen on siis se, että verkkosivuston keskeiset verkkopalvelut pysyvät terveinä.

Jos teemme yhteenvedon merkittävistä syistä HTTP-pyyntöjen vähentämisen taustalla, tulos on seuraava.

• Useammat tiedostot WordPress-sivustoillasi johtavat siihen, että tehdään paljon HTTP-pyyntöjä.

• Pidemmät HTTP-pyynnöt lisäävät verkkosivuston todellista latausaikaa.

• Sivuston suuremmat ja raskaammat tiedostot aiheuttavat pidempiä HTTP-pyyntöjä.

• HTTP-pyyntöjen vähentäminen vaikuttaa myönteisesti LCP:hen.

Nyt kun tiedämme HTTP-pyyntöjen määrän vähentämisen olennaiset seikat, sinun on myös ymmärrettävä, että selain mahdollistaa tietojen hakemisen verkkosivustoltasi.

Käydäänpä läpi muutamia tapoja niiden vähentämiseksi.

Tapoja tehdä vähemmän HTTP-pyyntöjä verkkosivustollesi

Ole tietoinen siitä, että harvat HTTP-pyynnöt tarkoittavat, että ladattavia tavuja on vähemmän. Tehtävä on kuitenkin haastavampi kuin miltä se näyttää. Sen sijaan optimointi on pelottavaa.

Olemme tutkineet joitakin parhaita menetelmiä, joilla voit vähentää palvelimen tekemiä HTTP-pyyntöjä. Luettelossa on täysin varmoja tapoja vähentää HTTP-pyyntöjä lisäosien avulla ja myös manuaalinen lähestymistapa.

Ilman muuta, aloitetaanpa.

CSS-spritejen käyttäminen kuvien yhdistämiseen

CSS-spritejen käyttäminen on yksi parhaista tavoista vähentää kuvaresursseja koskevia HTTP-pyyntöjä. Valitettavasti jokainen sivustossasi käytetty CSS-tiedosto on renderöintiä estävä, mikä tarkoittaa, että mitä enemmän CSS-tiedostoja lisäät, sitä raskaammaksi se tulee ja hidastaa sivustoa.

Voit välttää tämän ongelman yhdistämällä kaikki verkkosivustosi kuvat yhteen tiedostoon ja optimoimalla ne tarvittaessa. Kun olet tehnyt tämän, voit nyt hyödyntää CSS-sprites-temppua, jossa sinun on käytettävä CSS:ää näyttämään vain osa kuvasta tarvittaessa. Internetissä on saatavilla muutamia verkkopohjaisia työkaluja. Näiden tehokkaiden työkalujen avulla voit optimoida kuvasi.

Muutamia parhaita esimerkkejä laajalti käytetyistä työkaluista ovat CSS Sprites -työkalu, CSS Sprite Editor ja muut.

Aktivoi kuvien hidas lataus (Lazy Loading)

Lazy loading on ominaisuus, joka lykkää selaimen näkymäalueen ulkopuolella olevien kuvien lataamista. Mutta kun käyttäjä vierailee sivustollasi eikä vieritä sitä aivan alareunaan, sinne sijoitetut kuvat eivät lataudu. Voit saavuttaa tämän laiskan latausskriptin avulla. HTTP-pyyntöjen määrä vähenee, koska sivuston yläpuolelle sijoitetut kuvat latautuvat.

Voit pyytää kehittäjääsi sisällyttämään lazy loading -skriptin verkkosivustoosi tai käyttää lisäosaa. Esimerkiksi WP Rockets tarjoaa laiska lataus -ominaisuuden, joka näyttää sisällön sen osuuden, joka on taiton yläpuolella, kun sitä käytetään verkkosivustollasi.

Lisäksi useat muut lisäosat tarjoavat laiskan latauksen WordPress-sivustoille. Voit siis tutustua niihin verkossa ja katsoa, mikä niistä sopii parhaiten. Tutustu tähän, jos haluat oppia , miten voit nopeuttaa hitaita verkkosivustoja.

Korvaa raskaammat liitännäiset kevyemmillä liitännäisillä

Yksi varmin tapa vähentää HTTP-pyyntöjen määrää on tarkistaa verkkosivustollesi asennettujen lisäosien koko. Yksi syy verkkosivustosi hidastumiseen voi olla se, että yksi tai useampi liitännäinen työskentelee enemmän verkkosivustollesi ja tuottaa enemmän HTTP-pyyntöjä.

Jotta voit tunnistaa lisäosan kevyeksi tai raskaaksi, sinun on varmistettava muutama asia, kuten ammattimaisuus ja koodin laatu, koodin suorituksen tehokkuus, ominaisuudet ja tiedostokoko.

On olemassa muutama muukin tapa merkitä liitännäiset, jotka hidastavat verkkosivustoasi. Kun olet tunnistanut tällaiset laajennukset, voit merkitä ne. Seuraa alla mainittua viisivaiheista diagnoosia, jotta voit päättää paremmin;

1. Käytä Pingdom-nimistä työkalua suorittaaksesi verkkosivustosi suorituskykytestin ja tarkistaaksesi, kuinka monta HTTP-pyyntöä sen on tehtävä. Kirjoita myös saamasi pisteet ylös.

2. Aktivoi yksi lisäosa, A, ja suorita testi uudelleen. Voit sen jälkeen kirjoittaa pistemäärän ylös.

3. Poista ensimmäinen lisäosa käytöstä, asenna toinen lisäosa, B, ja suorita sama tarkastus uudelleen.

4. Vertaile kunkin laajennuksen tekemiä HTTP-pyyntöjä ja katso sitten, kumpi tekee enemmän.

5. Jos toinen tekee vähemmän pyyntöjä kuin toinen, poista raskas lisäosa ja pidä kevyempi. Saatavilla on paljon vaihtoehtoja, jotka tekevät saman työn, mutta ovat kevyitä vaihtoehtoja.

Vähennä ulkoisia skriptejä verkkosivustollasi

Aina kun verkkosivustollesi ladataan kolmannen osapuolen skripti, on tehtävä HTTP-pyyntöjä. Jos siis vähennät kolmannen osapuolen skriptien määrää, tehdyt pyynnöt vähenevät samalla.

Toisaalta useammat HTTP-pyynnöt hidastavat verkkosivustoasi ja vaikuttavat sen suorituskykyyn. Siksi sinun pitäisi seurata kaikkia verkkosivustosi integraatioita kolmansien osapuolten kanssa, jotta voit tunnistaa verkkosivustoasi hidastavat resurssit.

Useat HTTP-pyynnöt pakottavat hakemaan resursseja verkosta, ja haluat varmistaa, että verkkosivustosi suorituskyky säilyy. Tutustu tähän ja opi , miten voit vähentää palvelimen vasteaikaa WordPressissä.

Ulkoiset skriptit, joista puhumme, ovat yleensä peräisin Facebook-pikseleistä, Analytics-tunnisteista, sosiaalisen jakamisen painikkeista, YouTube-videoista, A/B-testauksen tunnisteista ja muista lähteistä. Verkkosivustosi suorituskyvyn parantamiseksi on ratkaisevan tärkeää tunnistaa tiedostot, jotka lisäävät pyyntöjen määrää. Voit optimoida kolmansien osapuolten pyynnöt manuaalisesti tai käyttää samaa varten lisäosaa.

Pienennä HTML, CSS ja JavaScript

HTML-, CSS- ja Javascript-koodien pienentäminen auttaa poistamaan tarpeettomat välilyönnit, kommentit ja ei-toivotut merkit. Lisäksi se auttaa pienentämään tiedostokokoja, jolloin niistä tulee kevyempiä.

Tekniikkaa voidaan soveltaa kaikkiin kolmeen tiedostoon: HTML, CSS ja Javascript. Sama ei vaikuta loppukäyttäjille toimitettavaan palveluun, sillä kyse on vain koodin siivoamisesta backendissä.

Voit pienentää tiedostoja manuaalisesti, verkossa tai myös työkalun tai laajennuksen avulla.

• Voit pienentää HTML-tiedostoja avaamalla koodin ja poistamalla kaikki ei-toivotut elementit, kuten kommentit, rivinvaihdot jne., jolloin tiedostosta tulee kevyempi.

• Jos haluat minimoida CSS-tiedostoja, poista kaikki ylimääräiset välilyönnit ja kommentit. Lisäksi sinun on poistettava luokka, lyhennettävä ID:tä ja poistettava muuttujien nimet mahdollisuuksien mukaan.

• JS-tiedostojen pienentämiseksi sinun on poistettava ylimääräiset välilyönnit ja JS-kommentit lähdekoodista. Muuta myös kaikki matriisit objekteiksi, etsi vastaukset perusvakioilmauksiin ja optimoi ehdolliset lausekkeet parhaiden tulosten saamiseksi.

Vaihtoehtoisesti, kun käytät liitännäistä tiedostojen pienentämiseen, sinun tarvitsee vain ruksata ruudut niiden tiedostojen kohdalla, jotka haluat pienentää, ja tehtävä hoituu automaattisesti. Jos käytät WP Rocketia prosessiin, heillä on erillinen osio tiedostojen optimointia varten.

CSS:n ja Javascriptin yhdistäminen

Epäilemättä yksi helpoimmista tavoista vähentää sivustosi tuottamia HTTP-pyyntöjä on CSS- ja Javascript-tiedostojen yhdistäminen. Valitettavasti WordPress-liitännäiset ja -teemat vaativat lukuisten JS- ja CSS-tyylitiedostojen lataamista. Tätä varten selaimen on ladattava kaikki resurssit verkkosivujen renderöintiä varten. Tämä johtaa lopulta HTTP-pyyntöjen määrän kasvuun.

Saatavilla on useita online-työkaluja, joiden avulla voit kätevästi yhdistää CSS- ja Javascript-tiedostot. SmartOptimizer, CSS Crush, JSCompress.com ja muut ovat parhaita vaihtoehtoja. Voit ladata WordPress-sivustosi yhdistetyt tiedostot näille sivustoille ja kokea sivuston nopeutuneen. Lisäksi se vähentää HTTP-pyyntöjä, mikä auttaa optimoimaan verkkosivustosi.

Optimoi kuvat ja poista kaikki ei-tärkeät kuvat.

Vaikka vielä ei ole olemassa sellaista liitännäistä, joka auttaa yhdistämään kuvat CSS-spriteillä, mutta on olemassa muutamia uskomattomia liitännäisiä, jotka auttavat optimoimaan verkkosivustosi kuvat. Kuvat ovat tietenkin ratkaisevan tärkeitä vertaansa vailla olevan käyttäjäkokemuksen kannalta, mutta sinun on hyvä tietää, että jokainen lisätty kuva tuottaa ylimääräisen HTTP-pyynnön. Valitse siis kaikki kuvasi viisaasti ja sisällytä vain ne kuvat, jotka tuovat lisäarvoa sisältöön.

Vaihtoehtoisesti voit optimoida kaikki kuvasi ennen niiden lisäämistä verkkosivustollesi. Kuvien optimointi tarkoittaa, että sinun on pienennettävä kuvien kokoa varmistaen, että niiden laatu ei kärsi.

Samassa ei ole mitään järkeä, jos sivustollasi on epätarkkoja kuvia. Kuvien tulisi olla laadukkaita, mutta ei raskaita, joissa sisältö ja asiayhteys näkyvät.

Näin voit optimoida kuvia WordPressissä.

On olemassa muutama loistava koonmuutostyökalu, joita voit käyttää parhaiden tulosten saavuttamiseksi. Jotkut näistä ovat Photoshop, Preview for Mac, GIMP ja monet muut. Kannattaa kuitenkin muistaa, että kuvien tiedostokoon pienentäminen ei vaikuta tehtyjen HTTP-pyyntöjen määrään, mutta se auttaa tekemään verkkosivustosta kevyemmän, jolloin latausaika lyhenee.

Lataa skriptejä vain tarvittaessa

Tämä on toinen täysin varma askel, jonka voit ottaa minimoidaksesi verkkosivustosi tekemien HTTP-pyyntöjen määrän. Tietenkin sinun on varmistettava, että skriptit ladataan vain tarvittaessa, ja poistettava ne sivuilta, jotka eivät niitä tarvitse. Tee siis auditointi ja poista skriptit ja liitännäiset sivuilta, joita ei tarvitse ladata.

Saatavilla on useita mahtavia lisäosia, joilla voit poistaa skriptien latauksen tietyiltä sivuilta tai viesteistä. Lisäksi nämä liitännäiset varmistavat, että skriptit latautuvat vain silloin, kun niitä tarvitaan.

Esimerkiksi Perfmatters-niminen lisäosa sallii skriptien lataamisen sivuille tai viesteihin vain silloin, kun sitä tarvitaan. Toinen hyvä lisäosa on Asset Cleanup Pro, joka on vähemmän käyttäjäystävällinen mutta tekee hyvää työtä.

Usein kysytyt kysymykset

Alla on lueteltu joitakin yleisesti kysyttyjä kysymyksiä

Q. Mitkä ovat tärkeimmät asiat, jotka hidastavat WordPress-sivustoa?

Useat tekijät johtavat WordPress-sivuston hidastumiseen.

Muutamia tärkeimpiä niistä ovat optimoimattomien kuvien näyttäminen/lisäys, lukuisat taustalla suoritettavat skriptit, hitaan WordPress-teeman tai vanhemman PHP-version käyttäminen ja niin monet muut.

Tarkista siis eri tekijät varmistaaksesi, että verkkosivustosi nopeus on kunnossa.

Q. Onko olemassa muita tapoja vähentää HTTP-pyyntöjä kuin lisäosien käyttö?

Kyllä, jos sinulla on kehittäjätiimi, joka työskentelee verkkosivustosi backendissä, voit helposti pyytää heitä toteuttamaan tarvittavat toimet HTTP-pyyntöjen vähentämiseksi verkkosivustollasi.

Jos et kuitenkaan kannata liitännäisten käyttöä, käytettävissä on joitakin erinomaisia manuaalisia menetelmiä, joiden avulla voit nopeasti korjata kaikki HTTP-pyyntöjä lisäävät seikat.

Q. Mitä tapahtuu, kun palvelin vastaanottaa liikaa pyyntöjä?

Liian monet selaimen palvelimelle lähettämät pyynnöt ovat epäterveellisiä ja vaikuttavat verkkosivustosi suorituskykyyn. Esimerkiksi useat pyynnöt viittaavat brute force- tai DDoS-hyökkäyksiin (distributed denial of service).

Lisäksi HTTP estää käyttäjän IP-osoitteen varmistaakseen, että sivusto on hyvin suojattu haittaohjelmien toiminnoilta. Tämän seurauksena käyttäjä ei pääse verkkosivustolle.

Q. Miksi vähentää HTTP-pyyntöjä?

Yksi merkittävä syy HTTP-pyyntöjen vähentämiseen on, että verkkosivustosi tekee sen riittävän suorituskyvyn varmistamiseksi.

Mitä enemmän HTTP-pyyntöjä verkkosivustollasi on, sitä hitaammin se latautuu käyttäjille. Tämän sanottuasi, jos työskentelet HTTP-pyyntöjen parissa ja optimoit pyyntöjen kuormituksen, verkkosivustosi suorituskyky paranee lopullisesti.

Lopuksi

Jos haluat säilyttää verkkosivustosi erinomaisen suorituskyvyn ja sen nopean latautumisen, sinun on varmistettava, että HTTP-pyyntöjä on vähemmän. Sen pitäminen 50:ssä auttaa verkkosivustoasi toimimaan odotetulla tavalla. Edellä käsiteltyjen lisäosien avulla voit vähentää HTTP-pyyntöjä ja varmistaa, että pyynnöt eivät ylitä tätä määrää.

Liitännäiset auttavat vähentämään tarpeettomia pyyntöjä, ja parasta on se, että niiden tekeminen ei vaadi teknistä osaamista. Liitännäisten avulla sinun ei tarvitse tehdä enempää töitä ja saat silti parhaat suorituskykytulokset. Kun HTTP-pyyntöjä on vähemmän, voit nopeasti parantaa sivustosi sijoituksia SERP-listalla.