Miten nopeuttaa WordPress Verkkosivusto ja passi Core Web Vitals – Opas vuodelle 2026

Nykypäivän digiaikana WordPress verkkosivuston nopeudella ja optimoinnilla on ratkaiseva rooli optimaalisen käyttökokemuksen tarjoamisessa. Hitaasti latautuvat verkkosivustot eivät vain turhauta vierailijoita, vaan voivat myös vaikuttaa haitallisesti sijoituksiisi hakukoneissasi ja yleiseen online-maineeseen.

Itse asiassa tilastot ovat osoittaneet sen 40 % käyttäjistä poistuu verkkosivustolta, jos se ei poistu lataa 3 sekunnin kuluessa mutta käyttäjien säilyttäminen ei ole ainoa syy, miksi sinun täytyy nopeuttaa verkkosivustoasi. 

Kuinka nopeuttaa hidasta WordPress Sivusto ja passi Core Web Vitals?

Kuinka nopeuttaa hidasta WordPress Sivusto ja passi Core Web Vitals

Pähkinänkuoressa, sinun tulee olla;

  • Kevyt teema (Kadence, Astra, GeneratePress tai OceanWP)

En voi korostaa tarpeeksi, jos sinulla ei ole nopeaa web-isännöintiä, tuhlaat vain aikaasi verkkosivustosi suorituskyvyn parantamiseen. Nopea verkkoisäntä on ensimmäinen askel saada nopeasti latautuva verkkosivusto ennen suorituskyvyn säätämistä, kuten teema, caching ja niin edelleen

Muista, että nopeat latausnopeudet voivat myös auttaa sinua sijoittumaan korkeammalle hakutuloksissa. Tämän perusteella voimme sanoa sen WordPress nopeuden optimointi on yleinen huolenaihe niille, jotka luovat tai ylläpitävät sivustoja alustalla. Verkkosivustosi optimointi voi auttaa sinua lyhentämään sivun latausaikaa. 

Tässä artikkelissa jaan kanssasi parhaat vinkit, joista on apua WordPress nopeuden optimointi. 

Käsittelemme muun muassa DNS:n muuttamisen, isännöintimääritykset, kuvan optimoinnin ja paljon muuta. Ennen kuin käsittelemme tätä, sinun on kuitenkin ymmärrettävä, mitä happens, kun käyttäjä vierailee a WordPress sivusto. 

Ymmärtäminen miten WordPress Works 

Yksi tärkeimmistä asioista, jonka olen vuosien aikana oppinut, on se WordPress sopii erinomaisesti useisiin eri asioihin, kuten sisällönhallintaan. Nopeus ei kuitenkaan todellakaan ole erikoisuus, josta alusta tunnetaan, ja se johtuu siitä, miten alusta toimii. 

Kun joku vierailee luonasi WordPress, alusta hakee tietoja eri lähteistä, kuten tietokannasta ja teemoista, ja yhdistää ne kaikki HTML-tiedostoksi. Kun tämä prosessi on valmis, HTML-tiedosto lähetetään käyttäjän verkkoselaimeen. 

Voin kuitenkin kertoa sen sivujen rakentaminen tien päällä ei todellakaan ole sopiva vaihtoehto ihanteelliseen suorituskykyyn. Lisäksi asioita, kuten plugins ja teemat ovat käynnissä kerralla kuluttaa arvokasta server resursseja, jotka voivat vähentää latausnopeutta. 

Tämä ei tarkoita, että et voi optimoida a WordPress sivusto nopeutta varten. On olemassa useita asioita, joita voit tehdä, kun kyse on WordPress nopeuden optimointi. Katsotaanpa, mitä ne ovat;

DNS-nopeus
Lähde: DNSPref

DNS:n muuttaminen voi auttaa sinua lisäämään nopeuttasi WordPress sivusto, mutta ennen kuin teet siirtosi, tarkista DNS-nopeus. Ensimmäinen asia, joka sinun on tiedettävä, on, että verkkotunnuksesi rekisteröijä on DNS-palveluntarjoajasi, joten jos et ole vaihtanut, saatat joutua kokemaan hidasta Time to First Byte (TTFB) -aikaa.

Tämä happens parista syystä, kuten verkon latenssi, suunnittelematon DNS-huolto ja verkkosi isäntä estänyt Google. Saatat jopa menettää SEO-sijoituksesi. Tärkein asia, joka sinun on tiedettävä, on, että Cloudflaren DNS toimii hyvin, mutta jos käytät LiteSpeed server, QUIC:n DNS:n käyttö on parempi vaihtoehto.

Se antaa sinulle tarkka maantieteellinen reititys ja integroituu hyvin QUIC:n CND:n kanssa. On myös muita vaihtoehtoja, kuten Kinsta ja Cloudways, jotka molemmat tarjoavat premium-DNS:n. Mutta mitä sinun tarvitsee tietää, on se Kinsta käyttää Amazon Route 53:a ja Cloudways DNS Made Easy -palvelua, ja molemmat ovat hitaampia kuin Cloudflare, jonka kyselynopeus on 13.47 millisekuntia (ms).

DNS:n vaihtaminen Cloudflareen:

  1. Rekisteröidy alustalle.
  2. Lisää verkkosivustosi.
  3. Seuraa vaihtaa nimeäservers kehotteita, ja olet valmis.

Älä valitse valtavirran isäntiä

Useimmat ihmiset ajattelevat usein, että suosittu hosting-suunnitelma tai palveluntarjoaja on heille paras vaihtoehto. Kuitenkin, jos olet ollenkaan huolissasi nopeudesta WordPress sivustolla, sinun on tiedettävä, että tämä ei ole 100 % totta. Sinun on ymmärrettävä, että monet isännöintiyritykset heittävät rahaa markkinointiin ja mainoksiin, jotta niitä voidaan näyttää "paras vaihtoehto."

Yksi asia, jonka olen oppinut vuosien varrella, on se, että kaikki hosting-suunnitelmista löytämäsi tiedot eivät ole tarkkoja. Tämän vuoksi minulla on tapana sivuuttaa verkossa näkemäni arvostelut ja videot ja luottaa sen sijaan teknisiin tietoihin. Suosittelen, että teet samoin.

Alla on suosittujen hosting-palvelujen tarjoajien tiedot, joita voit verrata.

  • Jaetun isännöintisuunnitelman tiedot:
 SiteGround GrowBigHostinger Business WPWPX liiketoimintaA2 Hosting Turbo BoostNameHero Turbo Cloud
TyyppiYhteinenYhteinenYhteinenYhteinenYhteinen
ServerApache + NginxLiteSpeedLiteSpeedLiteSpeedLiteSpeed
Cache PluginSG OptimizerLSCLSC tai W3TCLSCLSC
CDNGoogle pilviQUIC.cloudQUIC.cloud/XDNQUIC.cloudQUIC.cloud
Täysi sivu cachingKylläkäyttämällä QUICiakäyttämällä QUICiakäyttämällä QUICiakäyttämällä QUICia
DNSEstetty Google varten 4 päivääSisäinen/QUICSisäinen/QUICSisäinen/QUICSisäinen/QUIC
Ytimet/RAMkätketty2 ydintä / 1.5 GB1 ydin / 1 Gt2 ydin / 2 Gt3 ydintä/3GB
varastointi20GB / SATA200GB / SATA15GB / SATA"Rajoittamaton" / NVMe"Rajoittamaton" / NVMe
objekti CacheMemcacheMemcacheEiRedisRedis
tietokantaMySQLMariaDBMariaDBMariaDBMariaDB
ResurssirajoituksetCPU-resurssit ovat yleisiäVähäiset resurssitVähäiset resurssitTehokas LiteSpeedilläTehokas LiteSpeedillä
inodes400,000600,000Harkinnan mukaan600,000500,000
OhjauspaneeliSivustotyökaluthPanelWPX-paneelicPanelcPanel
Sähköpostin tallennustila10GB1GBUseita rajojaRajoittamatonRajoittamaton
Tärkeimmät tapahtumatTTFB/DNS/CPU-ongelmat ja epäeettisetHuijausraportit, väärennetyt arvostelut ja rikkomukset vuonna 2019Kuollutta toimitusjohtajaa syytettiin maailmanlaajuisesta katkoksesta2 viikkoa kestänyt lunnasohjelmahyökkäys2 päivän solmukatkos anteeksipyyntökirjeen lähettämisellä
TrustPilot-luokitus4.64.64.94.44.6
Intro hinta$ 6.99 kuukaudessa3.99 dollaria kuukaudessa ja 3 kuukautta ilmaiseksi20.83 dollaria kuukaudessa ja 2 kuukautta ilmaiseksi$ 6.99 kuukaudessa$ 10.97 kuukaudessa
Uusimiset$ 29.99 kuukaudessa$ 8.99 kuukaudessa$ 20.83 kuukaudessa$ 22.99 kuukaudessa$ 19.95 kuukaudessa
silmälasitLisätiedotLisätiedotLisätiedotLisätiedotLisätiedot

  • Pilvipalvelusuunnitelman tiedot:
 SiteGround Cloud Jump Start -suunnitelmaWP-moottorin käynnistyssuunnitelmaKinstan aloitussuunnitelmaCloudways Vultr HF (2 Gt) Rocket.net Starter Plan
Tyyppipilvipilvipilvipilviyksityinen Cloud
ServerApache + NginxApache + NginxApache + NginxApache + NginxApache + Nginx
Ytimet/RAM4 ydintä / 8 GBEi luettelossa12 ydintä/8GB1 ydin / 2 GB32 ydintä / 128 GB
varastointi40GB10GB10GB64GB10GB
CDNGoogle pilviCloudflare ja puolaCloudflare, koko sivu caching, ja palomuurisäännötCloudflare Enterprise hintaan 5 dollaria kuukaudessaCloudflare Enterprise
CDN kaistanleveysrajoittamatonEi mainittu100 GB100GBRajoittamaton
DNSSisäinenSisäinenAmazon-reitti 53DNS Made Easy hintaan 5 dollaria kuukaudessaCloudFlare
Cache PluginSG OptimizerN / AN / ATuulahdusN / A
objekti CacheMemcachedMemcachedRedis 100 dollaria kuukaudessaRedis ProRedis
PHP prosessoriFastCGIHHVMFastCGIFPMLiteSpeed
PHP työntekijöitäEi mainittuEi mainittu2 PHP työntekijääEi rajoitettuEi rajoitettu
MuistirajaSäädettävä512 MB256MBSäädettävä1GB
tietokantaMySQLEi mainittuEi mainittuMariaDBMariaDB
Nginx päinvastainen proxyKylläManuaalinen määritys$ 50 kuukaudessaKylläKyllä
Kaistanleveys tai kuukausittaiset käynnit5TB50 Gt ja 25,000 XNUMX käyntiä kuukaudessa25,000 käyntiä kuukaudessa2TB50 Gt ja 250,000 XNUMX kävijää kuukaudessa
Email HostingKylläN / AN / AN / AN / A
Haittaohjelmien poistoVain skanneriN / APoistopanttiN / AImmunify360
Tärkeimmät tapahtumatTTFB/DNS/CPU-ongelmat ja epäeettisetRikkomus vuonna 2015Ei eristettyEi eristettyEi eristetty
TrustPilot-luokitukset4.64.54.24.54.9
Hinta$ 100 kuukaudessa20 dollaria kuukaudessa, kun maksetaan vuosittain$ 35 kuukaudessa 30 dollaria kuukaudessa ja lisäksi 5 dollaria CF-yritykselle$ 30 kuukaudessa.
silmälasitLisätiedotLisätiedotLisätiedotLisätiedotLisätiedot

Voit valita sinulle parhaiten sopivan isännöintipalveluntarjoajan kanssasi jakamieni tietojen perusteella. Haluan kuitenkin tuoda esiin joitakin keskeisiä asioita mainitsemistani jaetuista ja pilvipalveluista. Näistä alustoista lukemasi positiiviset arvostelut eivät ole 100 % tarkkoja.

Se sanoi, että on parempi Suodata 1 tai 2 tähden arvosteluihin sellaisilla alustoilla kuin TrustPilot ja katso, mitä käyttäjiä kiinnostaaappy noin. Lisäksi jotkut jaetut hosting-palveluntarjoajat pitävät Hostingerillä on kokenut tietomurtoja jotka ovat vaikuttaneet miljooniin asiakkaisiin. WPX:ssä on ollut katkos Tämä jätti monet verkkosivustot offline-tilaan ja käyttäjät valittivat viestinnän puutteesta.

Kun on valittava sellainen itsellesi WordPress sivustoa, sinun tarvitsee vain tehdä vähän tutkimusta. Tämä edellyttää huonojen arvostelujen läpikäymistä TrustPilotissa, Redditin käyttäjäkokemusten lukemista ja teknisten tietojen analysointia.

Määritä asetukset hosting-tililläsi

Useimmat ihmiset unohtavat tämän näkökohdan ja pitävät vain oletusisännöinnin asetuksia.

Esimerkiksi, jos verkkosivustosi ei toimi cached-sivuja, mikä tarkoittaa, että se voi ylikuormittaa server, mikä hidastaa nopeutta ja pahimmassa tapauksessa verkkosivustosi voi kaatua. Voit määrittää isännöintiasetukset vaihtelevat palveluntarjoajan mukaan, mutta ne syntyvätrally sisältää erilaisia ​​näkökohtia, jotka sisältävät seuraavat.

  • OPcache - Jos tämä on jotain tarjolla, käytä sitä. The OPcache on sisäänrakennettu PHP:hen ja toimii valmiiksi käännetyn komentosarjatavukoodin jaetun muistin avulla, mikä parantaa verkkosivuston suorituskykyä PHP:n ei tarvitse ladata komentosarjaa jokaisen pyynnön yhteydessä.
  • Caching kerrokset – Jos sinulla on mahdollisuus käytä jotain kuten Ngnix, tee se. Jotkut yllä mainitsemani isännöintivaihtoehdot tukevat kaikki Nginx-käänteistä proxy, jonka avulla voit cache sisältöä ja parantaa sivustosi nopeutta.
  • Brotli – Et tule löytämään monia Brotlia tukevia isäntiä, mutta se on suuri etu, jos he tukevat sitä. Se on häviötön pakkausalgoritmi pakkaa dataa käyttämällä toisen asteen kontekstimallinnuksen, LZ2-algoritmin ja Huffman-koodauksen eri muunnelmia.
  • Resurssien käyttö – Useimmat ihmiset jättävät tämän huomiotta, mutta on erittäin tärkeää pitää silmällä resurssien käyttöä ja virhelokeja. Jos käytät liian monta resurssia samanaikaisesti, se voi vaikuttaa nopeuteen.
  • Redis vs. Memcached – Molemmat ovat loistavia vaihtoehtoja, mutta Redisillä on etu tässä. Se tarjoaa paremman muistin käyttöasteen kuin Memcached kun se käyttää hash-rakennetta eikä luota kolmannen osapuolen työkaluihin levyn tyhjentämiseen.

Älä käytä mitään muuta kuin Cloudflare APO:ta, Enterprisea tai QUIC.cloud LiteSpeedissä

Pilvivalot Automaattinen suorituskyvyn optimointi (APO) on tärkein yksittäinen asia, kun se tulee WordPress nopeuden optimointi. Sen avulla Cloudflare voi periaatteessa palvella koko palveluasi WordPress sivustoa niin paljon kuin mahdollista cache dynaaminen sisältö, auttaa sinua saamaan nopean ja johdonmukaisen TTFB:n.

Tiedän, että jotkut muut palveluntarjoajat tarjoavat omia CDNs, ja päätöksen tekeminen voi olla ylivoimaista. Joten on parempi tarkistaa CDNsuorituskyky, joka on Cloudflaren kannalta erinomainen. CloudFlare CDN on huippusuorittaja cdnpref.com ja on jopa parempi kuin sen kaltaiset Google ja Akamai. 

Sen kyselynopeus on vain 26.81 ms 0.16 ms nopeampi kuin Google ja huikea 6.22 ms nopeampi kuin Akamai.

CDN Nopeus
Lähde: CDNmieluummin

APO vs Enterprise Cloudflare -suunnitelma

Ennen kuin menemme yksityiskohtiin, haluan vain huomauttaa, että APO hoitaa useimmat verkkosivustot, mutta se ei tarkoita sitä, etteikö sinulla olisi Yritysversio. Joten jos valitset APO-reitin, saatat joutua tekemään kompromisseja muun muassa palomuurin suojauksessa, kuvan optimoinnissa, SSO-tuessa ja muissa asioissa.

Nyt sinun on tiedettävä, että jotkut isännöintialustat tukevat Cloudflare Enterprise, mutta he menettävät pari ominaisuutta. Omien kokemusteni perusteella uskon niin Rocket.net on se, joka on lähellä Enterprise-version tarjoamista. Se on määritetty WordPress heti laatikosta ja mukana tulee paljon etuja, kuten kuvan optimointi, porrastettu caching, älykäs reititys, Ja enemmän.

Päätöksen tekeminen voi olla vaikeaa, ja siksi olen koonnut luettelon tekijöistä, jotka auttavat sinua päättämään, käytätkö Cloudflare Free vai Cloudflare Enterprise kanssa Cloudways, FlyingProxytai Rocket.net.

  • Tbps klo 192 ja PoPs 285 ovat samat kaikille. Cloudways ei tue APO:ta, ja sinun on tuettava maksa 5 dollaria kuukaudessa käyttääksesi sitä Cloudflare Freen kanssa.
  • Lentäminen Proxy ei sisällä Agro Smart Routingia, ja sinun on maksettava ylimääräistä käyttääksesi sitä ilmaiseksi Cloudflaren kanssa.
  • HTTP/3 ja WAF ovat yhdenmukaisia ​​kaikille vaihtoehdoille; ylimääräiset maksut kuormituksen tasapainotuksesta Cloudflaren ilmaisella teholla appensimmäisen 500,000 XNUMX kyselyn jälkeen.
  • Yhdessäkään vaihtoehdossa ei ole automaattista konfigurointia lukuun ottamatta Rocket.net, mutta saamasi kaistanleveys riippuu valitsemastasi isännöintisuunnitelmasta.

LiteSpeed ​​QUICin vakiosopimuksella

Jos olet päällä Valonnopeus server etkä voi käyttää Cloudflarea, QUIC on paras vaihtoehto sinulle. Olen vertaillut sitä muihin vaihtoehtoja, kuten Bunny CDN, LentäminenCDNja SiteGround 2.0. Näin löysin:

  • Liikenne saat ei ole väärin mainostettu ja on todellakin rajaton.
  • Sinun ei tarvitse maksaa ylimääräisistä asioista, kuten maantieteellisestä replikaatiosta ja koko sivusta caching.
  • QUIC:n vakiosuunnitelman avulla sinun ei tarvitse maksaa ylimääräistä kuvan optimoinnista ja HTTP/3-kuormituksen tasapainotuksesta WAF Anti-DDoS:sta.

Älä mene yli laidan sivunrakentajien kanssa

Tärkein asia, joka sinun tulee tietää sivujen rakentajista, on, että he lisäävät sivustollesi ylimääräistä CSS- ja JavaScript-koodia ja lisäävät muistin käyttöä. Tämä ei tarkoita, että et voi saavuttaa huippunopeutta, jos käytät sivunrakennusohjelmia. voit, mutta sinun on oltava varovainen isännöinnin ja plugins käytät, ja sinun on optimoitava.

Joten jos aiot valita sivunrakennustyökalut, varmista, että

  • Load Font Awesome 4 -tuki ei ole käytössä.
  • Kaikki käytettävissä olevat suorituskykyasetukset ovat käytössä.
  • Pidä widgetien ja sarakkeiden käyttö minimissä.
  • Sammuta sivunrakennusohjelmat, kun et käytä niitä.
  • Varmista, että CSS-tulostusmenetelmäsi on "ulkoinen tyyli".

Käytä kuvaa CDNs

On vuosi 2024, ja sisällöstä on nykyään kyse kuvista (ja videoista). Kuvien optimoimatta jättäminen voi johtaa lisääntymiseen server resurssien kulutus ja turvotus. Joten, se on parempi käyttää kuvaa CDNs toisin kuin plugins.

Olen käyttänyt niitä aika paljon vuosien varrella: Imagify, ShortPixel, Bunny Optimizer ja Cloudflare Mirage/Polish, muutamia mainitakseni. Kaikista näistä vaihtoehdoista olen löytänyt CloudFlaren parhaana. Se antaa sinulle:

  • WebP.
  • Mobiilikoon muuttaminen.
  • AVIF muunnos.
  • Verkon optimoinnit.
  • Ei server käyttöä eikä turvotusta.
  • AVIF tukee ja palvelee kuvia CDN.

Ja mikä parasta, se on mukana CloudFlare Enterprise. Sinun täytyy muistaa se silloin eniten CDNs tukee WebP, jotkin niistä eivät aina muunna kuvia, joten sinun on ukatso Chrome Dev Tools ja katso, onko kuvat muunnettu. Toinen asia, joka on pidettävä mielessä, on, että sinun on oltava tarkka mittojen suhteen.

bridge cache plugins tehdä tämän automaattisesti, mutta jos näin ei ole, voit aina muuttaa kuvan kokoa HTML-tiedostossaan. Lopuksi, aseta selain cache TTL 365 päivään koska on parempi olla pidempi cache staattisten kuvien vanheneminen, koska ne eivät muutu.

Varmista Cache Määritykset Osoite Web Vitals

Web Vitals ovat periaatteessa suorituskykymittareita Google ottaa huomioon verkkosivustosi yleisen käyttökokemuksen mittaamisen. Tämä voi vaikuttaa hakusi sijoitukseen. On tärkeää, että tiedät sen mahdollisimman ilmaiseksi cache plugins puuttuu ominaisuuksia, jotka tukevat tätä, mutta jos minun pitäisi tehdä valinta, ottaisin sen Swift Performance tai W3.

Tämän lisäksi vaihtoehdot SG-optimoijalle ja WP Rocketille olennaisille ominaisuuksille, kuten Lazy renderöinnin HTML-elementit ja APO-yhteensopivuus. Tämä jättää meille todella kaksi vaihtoehtoa, ja voit nähdä vertailun alla: 

                                        LiteSpeed Cache      FlyingPress
Server-SIDE cachingKylläEi
Viive JavaScriptiäKylläKyllä
Poista käyttämätön CSSErillinen tiedostoErillinen tiedosto
Kriittinen CSSKylläKyllä
Preload kriittisiä kuviaNumeroon perustuenEi
Sulje pois sivun yläosan kuvatautomaattisestiautomaattisesti
Taustakuvien laiska latausEiAuttajaluokka
Laiska renderöi HTML-elementtejäKylläKyllä
Lisää puuttuvat kuvan mitatKylläKyllä
YouTuben iframe-esikatselukuvaKylläKyllä
Itseisännöivä YouTube-paikkamerkkiEiKyllä
Isännöi fontteja paikallisestiKylläKyllä
Font-näyttö: vaihdaKylläKyllä
Preload linkitKylläKyllä
CDNQUIC.cloudPupu CDN
APO yhteensopivuusKylläKyllä

Ollakseni rehellinen, mielestäni WP Rocket on jäänyt jälkeen vuosien varrella, eikä se ole paras vaihtoehto LCP-optimointiin, kuviin ja fonttien isännöintiin paikallisesti. Olen vaihtanut FlyingPress äskettäin, ja voin kertoa, että se on loistava web vitals ja nopeus.

Haluat ehkä pienentää cache plugin jos olet CloudFlaren avulla ja älä yhdistä CSS/Javaa koska se voi hidastaa verkkosivustoasi, eikä sitä pidä tehdä HTTP/2:lla.

Configure Perfmatters Asetus sinulle Cache Plugin

Olen käyttänyt Perfmatters melko paljon vuosien varrella, ja oppimieni tietojen perusteella voin kertoa, että määritettävät asetukset vaihtelevat ehdottomasti kunkin plugin. Kun se tulee cache plugins, sinulla on oikeastaan ​​vain neljä sen arvoista vaihtoehtoa. Joten tässä on erittely jokaiselle niistä

Perfmatters AsetusFlyingPressLiteSpeed CacheWP RocketSiteGround Optimizer
generalOta kaikki asetukset käyttöönOta käyttöön kaikki vaihtoehdot, mutta siirrä wp-login ja heartbeatOta käyttöön kaikki asetukset paitsi sykeOta käyttöön kaikki asetukset paitsi syke
VaratOta komentosarjanhallinta käyttöönOta komentosarjanhallinta käyttöönOta komentosarjanhallinta käyttöön ja poista sitten käyttämätön CSSOta komentosarjan hallinta käyttöön, viivytä JavaScriptiä ja poista sitten käyttämätön CSS
PreloadtaPreload CSS/JS-tiedostotPreload kriittiset kuvat ja fontit/CSS/JS-tiedostotPreload kriittiset kuvat ja CSS/JS-tiedostotPreload kriittiset kuvat ja CSS/JS-tiedostot
laiska ladataansammuttaaOta CSS-taustakuvat käyttöönOta CSS-taustakuvat käyttöönOta kaikki laiska latausasetukset käyttöön
FontitsammuttaasammuttaaOta paikallinen käyttöön Google FontitOta käyttöön näytön vaihto + paikallinen Google Fontit
CDNsammuttaasammuttaasammuttaasammuttaa
Analyticssammuttaasammuttaasammuttaasammuttaa

Siis kun on kyse konfiguroinnista cache plugins Perfmatters, voit määrittää FlyingPress ja LiteSpeed ​​kuten tavallisesti. Kuitenkin, kun on kyse WP Rocketista, sinun pitäisi poista kaikki CSS-asetukset käytöstä. Sama koskee SG optimoija, mutta sinun pitäisi poista myös laiska kuormitusasetus käytöstä.

Paikallisesti isännöi tai viive kolmannen osapuolen koodi

Kolmannen osapuolen koodit voivat sisältää komentosarjoja, jotka estävät pääketjusi ja estävät tärkeitä tehtäviä.

Nämä koodit voivat hidastaa nopeutta server vastausajat, DNS-haut ja vastausvirheet. Mutta tässä on nopea ratkaisu, jonka olen oppinut vuosien varrella.

  1. Isännöi kaikki kolmannen osapuolen koodit, kirjasimet ja pikkukuvat paikallisesti.
  2. Jos käytät LiteSpeed cache, olet hyvissä käsissä, koska se tukee paikallisia resursseja.
  3. Jos et ole, voit käyttää Perfmatters'paikallinen Google fontteja.
  4. Voit myös käyttää woff2:ta poistaaksesi käyttämättömät kirjasinperheet.
  5. Viivytä sivun alaosan kolmannen osapuolen koodia. 

Muista Preload

Preconnect auttaa sinua muodostamaan varhaisen yhteyden kolmannen osapuolen verkkotunnuksiin, mutta tämä on asia, jota sinun tulee tehdä vain kolmannen osapuolen fontit ja CDN URL. Prefetch puolestaan ​​​​on melko samanlainen kuin esikytkentä. Ainoa ero on TCP tai TLS. Muista, että sinun pitäisi preload kirjasimia (käytä crossorigins-tiedostoja Prefmatttersin kanssa), kuvia, WP-Block-Librarya ja linkkejä.

Kun olet valmis, lähetä sivustosi HSTS:lle preload luettelo varten Chrome, ja saat tehokkuutta.

Preload HSTS

Päästä eroon käyttämättömästä CSS:stä 

Useimmat ihmiset unohtavat tämän, mutta käyttämätön CSS voi vaikuttaa verkkosivustosi suorituskykyyn, joten on parempi poistaa se. Jos käytät WP Rocketia, suosittelen, että poistat tämän ominaisuuden käytöstä ja sitten ota se käyttöön Perfmatters käyttäen "Tiedosto" vaihtoehtoja varten "Käytetty CSS-menetelmä" asettaminen.

Tarkista Hidas Plugins

Kun optimoit verkkosivustoasi nopeuden vuoksi, sinun on tiedettävä, että a plugin joka toimii hitaasti, voi vaikuttaa nopeuteen. Vuosien varrella olen tunnistanut useita syitä, miksi a Plugin saattaa olla hidasta.

  • Ensimmäinen syy on CSS:n ja JavaScriptin lisääminen käyttöliittymään. Löydät tällaiset JavaScript- ja CSS-tiedostot käyttämällä kattavuutta ja poista ne nopeuttaaksesi toimintaasi WordPress sivusto.
  • A plugin voi myös olla hidasta, jos se lisää muistin käyttöä. Jos haluat testata, onko näin, käytä WP Hivea. Se testaa automaattisesti a plugin ja antaa sinulle kaikki tarvitsemasi oivallukset.
  • Jotkut muut syyt voivat olla, että a plugin lisää tietokannan bloatin tai käyttää jQueryä. Voit tarkistaa nämä ongelmat käyttämällä phpMyAdminia ja Perfmatters näyttöriippuvuudet.

Kaiken tämän lisäksi voit myös optimoida plugins korvaamalla ne CDNs tai estot, taustatehtävien rajoittaminen, niiden viivästäminen ja käyttämättömien ominaisuuksien poistaminen käytöstä. Alla on muutamia plugins jonka olen nähnyt vaikuttavan sekä muistiin että sivun nopeuteen.

PluginLuokka Muistin vaikutusPageSpeed-vaikutus
Kaikki yhdessä SEOSEOEiEi
Broken Link CheckerSEOEiKyllä
DisqusKommentitKylläEi
ElementorSivunrakentajaEiEi
Elementor Premium -lisäosatSivunrakentajaKylläEi
Elementor ProSivunrakentajaEiEi
JetElementsSivunrakentajaEiEi
rakettireppuTurvallisuusEiEi
NextGEN-galleriaGalleriaEiEi
Ponnahdusikkunoiden rakentajaPopupEiEi
Site Kit kirjoittaja GoogleAnalyticsEiKyllä

Poista Plugins Tietyillä sivuilla

Seuraava asia, jonka voit tehdä WordPress nopeuden optimointi on poistettava käytöstä plugins tietyillä sivuilla. Perfmatters ja Asset CleanUp ovat kaksi suosituinta vaihtoehtoa tehdä tämä. käytän Perfmatters, ja poistaminen käytöstä pluginTämän työkalun käyttäminen on melko yksinkertaista.

Ensin sinun on tehtävä ota komentosarjanhallinta ja testitila käyttöön. Voit tehdä tämän siirtymällä "Omaisuus" asetusta ja katso mitä tahansa sivustosi sivua ylävalikosta ja napsauta sitten "Perfmatter" ja sitten "Skriptinhallinta."

Siirry nyt komentosarjan hallinnan asetuksiin ja ota testitila käyttöön. Kun olet tehnyt sen, sinun on tehtävä se Poista käytöstä plugins kaikilla lähetetyillä sivuilla tai mobiililaitteissa. Jos poistat ne käytöstä mobiililaitteissa, sinun on tehtävä se mahdollistaa "erillinen matkapuhelin cache"

Tunne LCP:si

Joten LCP on periaatteessa jaettu neljään osaan, ja jokainen koskee eri tekijää, jonka yksityiskohdat mainitaan alla.

Olen huomannut, että useimmat ihmiset kamppailevat usein saadakseen lujan otteen Largest Contentful Paint (LCP) -maalista. Mutta se on verkon ydin, ja sinun on ymmärrettävä se.

LCP-alaosaTekijätLCP %
TTFBCDN, hosting, koko sivu caching, Jne~ 40%
Resurssien latausviivekuvaikkunan kuvat laiskalta, preload fontit, näkymän kuvat, sulje pois
Resurssien latausaikaPienennä CSS/JS-kokoja/kuvia, CDN, kriittinen CSS, cache päättyminen~ 40%
Elementin renderöintiviiveLiittyy JavaScriptin lykkäämiseen, vähentämiseen ja purkamiseen

Sinä pystyt käyttää suorituskykynäkemyksiä alkaen Chrome Kehitystyökalut nähdäksesi, mitkä TTFB:t latautuvat pisimpään. Kun olet tunnistanut sen, voit tehdä LCP:itä siirtämällä painavia tiedostoja sivun alapuolelle, käyttämällä Cloudflare SXG:tä, lykkäämällä JavaScriptiä renderöinnin eston estämiseksi ja renderöimällä HTML-elementtejä laiskasti. Jos haluat tietää lisää LCP:istä, niin tämä Chrome Kehittäjien videolle on sen arvoinen.

Pysy erossa asettelun muutoksista (CLS)

Layout shift on pohjimmiltaan kuinka paljon sivu siirtyy sen latautuessa. Tämä on erittäin tärkeää WordPress nopeuden optimoinnit ja happens, koska sivun eri elementit latautuvat eri nopeuksilla, mikä inflvaikuttaa käyttäjien sivujen katseluihin. Voit käyttää Google's sivun asettelun shift debuggeri nähdäksesi, miten nämä asettelun muutokset toimivat verkkosivustollasi.

CLS Debugger

Olen puhunut monista asioista, joita voit tehdä asettelumuutosten optimoimiseksi läpi tämän oppaan, ja mainitsen ne täällä jälleen muistutuksena.

  • Vaihtaa preloadfontit ja lisää puuttuvat kuvan mitat.
  • Muuta cookie ilmoitus plugins, koska tämä voi myös aiheuttaa asettelun muutoksia.
  • Varaa tilaa dynaamiselle sisällölle ja mainoksille lisäämällä mitat ja sijoittamalla ne div-koodiin.
  • Poista käyttämätön CSS, varmista, että tärkeä CSS toimii, ja luo se uudelleen, jos muokkaat CSS:ää.
  • Ota erillinen matkapuhelin käyttöön cache oman cache plugin minimoidaksesi asettelun siirtymät, kun sivustosi latautuu mobiililaitteisiin.

Rajoita resurssien käyttö alle 50 prosenttiin

Kun optimoit verkkosivustoasi nopeuden vuoksi; sinun on jätettävä tilaa liikennepiikeille ja taustatehtäville. On tärkeää muistaa, että voit kokea viivettä, jos suorittimen käyttö on korkea, joten se on parasta pitää se alle 50 %. Kun yrität rajoittaa suorittimen käyttöä, muista, että kaistanleveyden purkaminen a CDN ja suuren muistin käytön poistaminen plugins voi auttaa. Mutta siinä ei vielä kaikki.

  • Poista tietojen jakaminen käytöstä plugins.
  • Siirry omaan "wp_options" taulukko ja puhdista automaattisesti ladatut tiedot.
  • Siirry omaan WordPress keskusteluasetus ja poista pingbacks käytöstä.
  • Käytä isännöintisuunnitelmaa, jossa on tarpeeksi ytimiä, RAM-muistia ja resurssiraja.
  • Pienennä eräkokoa ja pidennä maissiväliä rajoittaaksesi käyttämätöntä CSS:ää.
  • Jotkut toimet voivat aiheuttaa koko cache tyhjentää, mikä lisää suorittimen käyttöä, joten sinun on rajoitettava automaattista cache selvitys.
  • Muista, että WP Rocketin preloadING, LiteSpeed Cachen indeksointirobotti tai SG Optimizerin esilämmitys cache lisää CPU-käyttöäsi.

Käytä WP-Optimizea tietokannan puhdistusasetuksissa

bridge cache plugins törmää kolmeen yleiseen ongelmaan, kun yrität puhdistaa tietokantaasi. Yleistä plugins ei voi ottaa tietokannan varmuuskopioita, poistaa tietokantataulukoita, jotka ovat jääneet joidenkin vanhojen taakse plugins ja poista kaikki viestiversiot.

Mutta sinun ei tarvitse kohdata mitään näistä ongelmista, jos käytät WP-optimointi tietokannan siivouksia varten. Kun olet tehnyt tämän kaiken, sinun on:

  1. Käy läpi tietokantataulukot.
  2. Tunnistaa "epäaktiivinen" or "ei asennettu" taulukoita.
  3. Poista plugins tai teemoja, jos et aio käyttää niitä.

Yksi keskeinen asia, jonka olen oppinut vuosien varrella, on se varma plugins, varsinkin jos ne keräävät tietoja, ovat sinulle parhaita WordPress sivustoa, joten on parempi olla käyttämättä niitä. Jos haluat analytiikkaa sivustollesi, suosittelen sitä pysy Google Analytics tai aloita sen käyttö, jos et vielä ole.

Optimoi mobiililaitteille

Tämä on sanomattakin selvää. Useimmat sivustollasi vierailevat ihmiset tekevät sen luultavasti mobiililaitteella, ja sinun on varmistettava, että sivustosi on optimoitu sitä varten. Nyt useimmat työpöytäoptimoinnit siirtyvät mobiililaitteille. Mutta jos ei, toimi seuraavasti:

  • Ota mobiili käyttöön caching oman cache plugin.
  • Käyttää Perfmatters että poista käytöstä käyttämättömät CSS ja Javascript laitetyypin mukaan.
  • Keskity viiveen vähentämiseen, koska se on mobiilikäyttäjille avainasemassa TTFB.
  • Testaa CLS mobiililaitteella käyttämällä aiemmin mainitsemaani layout shift -virheenkorjaustyökalua ja korjaa mobiiliasettelun muutokset.
  • Käyttää CloudFlare Enterprise sillä sen verkolla, priorisoidulla reitityksellä ja kuormituksen tasapainotuksella on valtava rooli vaikutusten rajoittamisessa CDN PoPs.

Valitse Vain Plugins Tarvitset

Olen jakanut luettelon ilmaisista plugins kanssasi alla. Et ilmeisesti tarvitse niitä kaikkia, joten käy luettelo läpi ja käytä sinulle sopivia.

  • OMGF.
  • Debloat.
  • Optimole.
  • Unbloater.
  • WP Crontrol.
  • WP-Optimize.
  • Flying Scripts.
  • Query Monitor.
  • Widget pois käytöstä.
  • Flying Analytics.
  • WP Foft Loader.
  • WPS Hide Login.
  • LiteSpeed Cache.
  • WP YouTube Lyte.
  • Heartbeat Control.
  • Disable XML-RPC.
  • Limit Login Attempts.
  • Redis Object Cache.
  • Simple Local Avatars.
  • Blackhole For Bad Bots.
  • WP Server Health Stats.
  • WP Hosting Benchmark.
  • Preload Featured Images.
  • Pre* Party Resource Hints.
  • ShortPixel Adaptive Images.
  • Disable WooCommerce Bloat.
  • WP Hosting Performance Check.
  • Super Page Cache for Cloudflare.
  • Headers Security Advanced & HSTS WP.

Tutustu asetuksiini 

Jos olet edelleen kaikkien edessäsi olevien vaihtoehtojen välillä, tutustu asetuksiini saadaksesi inspiraatiota. Ehkä se auttaa sinua päätöksenteossa.

PalveluLuokka
Rocket.netHotellit
Cloudflare EnterpriseCDN (mukana Rocket.net)
FlyingPressCache Plugin
PerfmattersErilaisia ​​optimointeja
KadenceTeema (ilmainen)
Kadence BlocksGuternberg Block Mallit (ilmainen)

Haluan nyt kertoa, että tämä asennus saattaa maksaa sinulle enemmän kuin budjettisi. Joten jos et halua kuluttaa enemmän, tämä ei ole sinua varten.

Minulla on kuitenkin halvempi vaihtoehto, jonka voit määrittää sen sijaan. Katso.

PalveluLuokka
NameHero Turbo CloudHotellit
QUIC.cloud (Maksullinen sopimus)CDN
LiteSpeed CacheCache Plugin
PerfmattersMuut optimoinnit
NameHeroEmail Hosting

Alla on verkkosivustoni nopeuspisteet PageSpeed ​​Insights & GTmetrix.

riderchris mobiilipisteet
Mobiilipisteet
riderchris työpöydän pisteet
Työpöytäpisteet
riderchris gtmetrix-pisteet
GTmetrix-pisteet

Ja juuri siellä on lopullinen opetusohjelma, kuinka lisätä WordPress Verkkosivu Nopeus & Pass Core Web Vitals in 2024

Ole hyvä ja seuraa minua WhatsApp Channel uusimmat päivitykset. Voit myös Ota yhteyttä jos tarvitset lisäapua.

samanlaisia ​​viestejä