Azkartzeko WordPress Webgunea eta Pass Core Web Vitals – 2026eko Gida

Gaur egungo aro digitalean, WordPress Webgunearen abiadurak eta optimizazioak ezinbestekoa dute erabiltzailearen esperientzia optimoa eskaintzeko. Karga moteleko webguneek bisitariak zapuztu ez ezik, zure bilatzaileen sailkapenean eta lineako ospe orokorra ere eragin dezakete.

Izan ere, estatistikek hori erakutsi dute Erabiltzaileen %40k webgune bat utziko du ez bada kargatu 3 segundotan baina erabiltzaileak atxikitzea ez da zure webgunea bizkortzeko behar duzun arrazoi bakarra. 

Nola azkartu zure motela WordPress Gunea eta pasa Core Web Vitals?

Nola Bizkortu Geldoa WordPress Gunea eta pasabidea Core Web Vitals

Laburbilduz, eduki beharko duzu;

  • Gai arina (Kadence, Astra, GeneratePress edo OceanWP)

Ezin dut nahikoa azpimarratu, web hosting azkar bat ez baduzu, zure denbora alferrik galtzen ari zara zure webgunearen errendimendua handitzeko. Web ostalari azkarra izatea zure lehen urratsa da kargatzeko webgune azkar bat lortzeko, errendimenduaren, gaia, bezalako errendimenduaren aurretik. caching eta abar.

Gogoratu, karga-abiadura azkarra izateak bilaketa-emaitzetan maila altuagoan sailkatzen lagun zaitzakeela ere. Hori ikusita, hori esan dezakegu WordPress abiadura optimizatzea ohiko kezka da plataforman webguneak sortzen edo kudeatzen dituztenentzat. Zure webgunea optimizatzeak orriaren karga-denbora murrizten lagunduko dizu. 

Artikulu honetan, zurekin partekatuko dizut orduan lagunduko dizuten aholku nagusiak WordPress abiadura optimizatzea. 

DNS aldatzea, ostalaritzaren konfigurazioak, irudien optimizazioa eta abar bezalako gauzak landuko ditugu. Hala ere, honetan sartu baino lehen, ulertu beharko duzu zer happens erabiltzaile batek bisitatzen duenean WordPress gune. 

Nola Ulertzea WordPress Obrak 

Urte hauetan ikasi dudan gauza garrantzitsuenetako bat hori da WordPress bikaina da hainbat gauzatarako, hala nola edukien kudeaketarako. Hala ere, abiadura ez da benetan plataforma ezaguna den espezialitatea, eta hori da plataforma horrek funtzionatzen duelako. 

Norbaitek zure bisita egiten duenean WordPress, plataformak iturri ezberdinetako datuak ateratzen ditu, adibidez, zure datu-basea eta gaiak, eta horiek guztiak HTML fitxategi batean konbinatzen ditu. Prozesu hau amaitutakoan, HTML fitxategia erabiltzailearen web arakatzailera bidaltzen da. 

Hala ere, hori esan dezaket orriak edonon eraikitzea ez da errendimendu ezin hobea lortzeko aukera egokia. Horrez gain, bezalako gauzak plugins eta gaiak aldi berean exekutatzen dira baliotsua kontsumitu server baliabideak, zeinek karga-abiadura gutxitzea eragin. 

Horrek ez du esan nahi a optimizatu ezin denik WordPress abiadurarako gunea. Hainbat gauza egin ditzakezun orduan WordPress abiadura optimizatzea. Goazen zer diren;

DNS Abiadura
Iturria: DNPref

DNSa aldatzeak zure abiadura handitzen lagunduko dizu WordPress gunea, baina mugimendua egin aurretik, egiaztatu zure DNS abiadura. Jakin behar duzun lehenengo gauza da zure domeinu-erregistratzailea zure DNS hornitzailea dela, beraz, aldatu ez bazara, lehen bytearen denbora motela (TTFB) jasateko arriskua izan dezakezu.

Hau happarrazoi pare batengatik, adibidez sareko latentzia, programatu gabeko DNS mantentzea eta zure sarearen ostalari izatea blokeatuta Google. Baliteke zure SEO sailkapena galtzen ere amaitzea. Jakin behar duzun gauza nagusia da Cloudflare-ren DNS-ak ondo funtzionatzen duela, baina bat erabiltzen ari zaren norbait bazara. LiteSpeed server, QUIC-en DNS erabiltzea aukera hobea da.

Ematen dizu geo-bideratze zehatza eta ondo integratzen da QUIC-en CND-rekin. Kinsta eta Cloudways bezalako beste aukera batzuk daude, biak DNS premium bat eskaintzen dutenak. Baina, jakin behar duzuna hori da Kinsta-k Amazon Route 53 erabiltzen du eta Cloudwaysek DNS Made Easy erabiltzen du, eta biak baino motelagoak dira Cloudflare, 13.47 milisegundoko (ms) kontsulta-abiadura duena.

Zure DNS Cloudflare-ra aldatzeko:

  1. Eman izena plataforman.
  2. Gehitu zure webgunea.
  3. Jarraitu izena aldatuservers gonbita, eta prest zaude.

Ez joan ostalari nagusietara

Jende gehienek uste dute ostalaritza-plan edo hornitzaile ezagun bat dela beraientzat aukerarik onena. Hala ere, zure abiadurak kezkatzen bazaizu WordPress gunean, jakin behar duzu hori ez dela egia % 100ean. Ulertu behar duzu hosting-enpresa askok dirua isurtzen dutela marketinera eta iragarkietara, horrela erakutsi ahal izateko "aukera onena".

Urte hauetan zehar ikasi dudan gauza bat da hosting planei buruz aurkituko duzun informazio guztia ez dela zehatza. Hori ikusita, sarean ikusten ditudan berrikuspen eta bideoei jaramonik egin eta zehaztapenetan oinarritzen naiz, eta gauza bera egitea gomendatuko nuke.

Jarraian, konparatu ditzakezun ostalaritza-hornitzaile ezagunen datuak daude.

  • Partekatutako hosting planaren zehaztapenak:
 SiteGround GrowBigHostinger Business WPWPX NegozioaA2 Hosting Turbo BoostNameHero Turbo Cloud
MotaPartekatuaPartekatuaPartekatuaPartekatuaPartekatua
ServerApache + NginxLiteSpeedLiteSpeedLiteSpeedLiteSpeed
Cache PluginSG OptimizerLSCLSC edo W3TCLSCLSC
CDNGoogle CloudQUIC.cloudQUIC.cloud/XDNQUIC.cloudQUIC.cloud
Orrialde osoa cachingBaiQUIC erabilizQUIC erabilizQUIC erabilizQUIC erabiliz
DNSBlokeatua Google 4 egunetanBarne/QUICBarne/QUICBarne/QUICBarne/QUIC
Nukleoak/RAMEzkutuko2 nukleo/1.5 GB1 nukleo/1 GB2 nukleo/2 GB3 nukleo/3 GB
Biltegiratzea20GB / SATA200GB / SATA15GB / SATA"Mugagabea" / NVMe"Mugagabea" / NVMe
Objektu CachememoriacachememoriacacheEzBirbanaketaBirbanaketa
Datu-baseaMySQLMariaDBMariaDBMariaDBMariaDB
Baliabideen mugakCPU baliabideak ohikoak diraBaliabide baxuakBaliabide baxuakLiteSpeed-ekin eraginkorraLiteSpeed-ekin eraginkorra
Inodoak400,000600,000Diskrezioan600,000500,000
Kontrol panelGunearen tresnakhPanelWPX panelacPanelcPanel
Posta elektronikoaren biltegiratzea10GB1GBMuga anitzMugagabeaMugagabea
Gertakari nagusiakTTFB/DNS/CPU arazoak eta etikarik gabekoakIruzur-txostenak, iritzi faltsuak eta urraketak 2019anEtenaldi globala hildako zuzendari nagusiari egotzi zion2 asteko ransomware erasoa2 eguneko nodoaren etenaldia barkamen gutuna igorrita
TrustPilot balorazioa4.64.64.94.44.6
Sarrerako prezioa$ 6.99 hilean3.99 $ hilean 3 hilabete doan20.83 $ hilean 2 hilabete doan$ 6.99 hilean$ 10.97 hilean
Berritzeak$ 29.99 hilean$ 8.99 hilean$ 20.83 hilean$ 22.99 hilean$ 19.95 hilean
SpecsXehetasunakXehetasunakXehetasunakXehetasunakXehetasunak

  • Hodeiko hosting planaren zehaztapenak:
 SiteGround Cloud Jump Start PlanaWP Motorra Abiarazteko PlanaKinsta Hasierako PlanaCloudways Vultr HF (2GB) Rocket.net Starter Plan
MotaCloudCloudCloudCloudCloud pribatua
ServerApache + NginxApache + NginxApache + NginxApache + NginxApache + Nginx
Nukleoak/RAM4 nukleo/8 GBZerrendatu gabe12 nukleo/8 GB1 nukleo/2 GB32 nukleo/128 GB
Biltegiratzea40GB10GB10GB64GB10GB
CDNGoogle CloudCloudflare eta polonieraCloudflare, orrialde osokoa caching, eta suebakiaren arauakCloudflare Enterprise $ 5 hileanCloudflare Enterprise
CDN BytesUnmeteredEz da aipatu100 GB100GBMugagabea
DNSBarneBarneAmazon Route 53DNS Made Easy hilean 5 $-ren trukeCloudFlare
Cache PluginSG OptimizerN / AN / ABreezeN / A
Objektu CachememoriacachedmemoriacachedRedis 100 $ hileanRedis ProBirbanaketa
PHP prozesadoreaFastCGIHHVMFastCGIFPMLiteSpeed
PHP langileakEz da aipatuEz da aipatu2 PHP langileEz da mugatuaEz da mugatua
Memoriaren mugaerregulagarria512 MB256MBerregulagarria1GB
Datu-baseaMySQLEz da aipatuEz da aipatuMariaDBMariaDB
Nginx alderantzizkoa proxyBaiEskuzko konfigurazioa$ 50 hileanBaiBai
Banda zabalera edo hileroko bisitak5TB50 GB eta 25,000 bisita hilean25,000 bisita hilean2TB50 GB eta 250,000 bisitari hilean
Email HostingBaiN / AN / AN / AN / A
Malware kentzeaEskanerra soilikN / AKentzeko konpromisoaN / AImunify360
Gertakari nagusiakTTFB/DNS/CPU arazoak eta etikarik gabekoakUrraketa 2015eanBat ere ezBat ere ezBat ere ez
TrustPilot balorazioak4.64.54.24.54.9
Prezioa$ 100 hilean20 $ hilean urtero ordainduta$ 35 hilean $ 30 hilean eta $ 5 gehiago CF enpresarentzat$ 30 hilean.
SpecsXehetasunakXehetasunakXehetasunakXehetasunakXehetasunak

Zuretzat egokiena den ostalaritza-hornitzaile bat aukeratu dezakezu zurekin partekatu dudan informazioaren arabera. Hala ere, aipatu ditudan partekatutako eta hodeiko ostalaritza plataformei buruz adierazi nahi ditudan funtsezko gauza batzuk daude. Plataforma hauei buruz irakurriko dituzun iritzi positiboak ez dira ehuneko 100 zehatzak.

Hori bai, hobe da iragazi TrustPilot bezalako plataformetan 1 edo 2 izarreko iritzietara eta ikusi zeintzuk diren erabiltzaileakappy buruz. Horrez gain, partekatutako hosting hornitzaile batzuek atsegin dute Hostingere dute datu-urraketak bizi izan ditu milioika bezerori eragin dietenak. WPX-k eten bat izan du horrek webgune ugari lineaz kanpo utzi zituen eta erabiltzaileek komunikazio faltagatik kexatzen ziren.

Zuretzat bat aukeratzeko orduan WordPress gunean, ikerketa apur bat egin beharko duzu. Honek TrustPilot-en berrikuspen txarrak pasatzea, Reddit-en erabiltzaileen esperientziak irakurtzea eta zehaztapenak aztertzea ekarriko du.

Konfiguratu ezarpenak zure ostalaritza-kontuan

Jende gehienek alderdi hau ahaztu egiten dute eta ostalaritzaren konfigurazio-aukera lehenetsiekin jarraitzen dute.

Adibidez, zure webgunea hornitzen ari ez bada cached orriak, horrek esan nahi du zure gainkargatu dezakeela server, abiadura gutxitzea eragiten du eta, kasurik txarrenean, zure webgunea huts egin dezake. Konfigura ditzakezun ostalaritza-ezarpenak aldatu egingo dira hornitzailearen arabera, baina geneatuko dirarally honako hauek barne hartzen dituzten alderdi desberdinak inplikatu.

  • OPcache - Eskaintzen den zerbait bada, erabili. The OPcache PHPn eraikita dago eta aurrez konpilatutako script bytecode memoria partekatuz funtzionatzen du, eta horrek webgunearen errendimendua areagotzen du ez da PHP-k eskaera bakoitzean script-a kargatzeko beharrik.
  • Caching geruza – Aukera baduzu erabili Ngnix bezalako zerbait, egin ezazu. Batez ere aipatu ditudan ostalaritza-aukera batzuek Nginx alderantzizkoa onartzen dute proxy, ahalbidetuz cache edukia eta zure webgunearen abiadura hobetu.
  • Brotli – Ez duzu Brotli onartzen duten ostalari asko aurkituko, baina abantaila handia da hala egiten badute. Galerarik gabeko konpresio algoritmoa da datuak konprimitzen ditu 2. ordenako testuinguruaren modelizazioaren, LZ77 algoritmoaren eta Huffman kodeketaren aldaera desberdinak erabiliz.
  • Baliabideen Erabilera – Jende gehienek hau ahaztu egiten dute, baina oso garrantzitsua da zure baliabideen erabilera eta erroreen erregistroak zaintzea. Baliabide gehiegi erabiltzen ari bazara aldi berean, abiadura eragin dezake.
  • Redis vs Memcached - Bi hauek aukera bikainak dira, baina Redisek badu abantaila hemen. Memek baino memoria erabiltzeko tasa hobea eskaintzen ducached hash egitura erabiltzen duenean eta diskoak isurtzeko hirugarrenen tresnetan oinarritzen ez denean.

Ez erabili Cloudflare APO, Enterprise edo QUIC.cloud LiteSpeed-en

Cloudflarerena Errendimenduaren optimizazio automatikoa (APO) gauzarik garrantzitsuena da WordPress abiadura optimizatzea. Funtsean, Cloudflare-k zure osoa zerbitzatzeko aukera ematen du WordPress gunea ahal duen moduan cache eduki dinamikoa, TTFB azkarra eta koherentea lortzen lagunduko dizu.

Badakit beste hornitzaile batzuek eurena eskaintzen dutela CDNs, eta erabaki bat hartzea erabatekoa izan daiteke. Beraz, hobe da egiaztatzea CDN'ren errendimendua, zeina, Cloudflarerentzat, bikaina da. CloudFlare CDN errendimendurik onena da cdnpref.com eta antzekoak baino are hobea da Google eta Akamai. 

26.81 ms-ko kontsulta-abiadura besterik ez du, hau da baino 0.16 ms azkarrago Google eta izugarria Akamai baino 6.22 ms azkarragoa.

CDN Speed
Iturria: CDNpref

APO vs Enterprise Cloudflare Plana

Xehetasun gehiagotan sartu baino lehen, adierazi nahi dut APOk lana egingo duela webgune gehienetan, baina ez du balio hori ez edukitzea. Enterprise bertsioa. Beraz, APO bidera joaten bazara, baliteke suebakiaren segurtasuna, irudien optimizazioa, SSO laguntza eta abar bezalako gauzak arriskuan jartzea.

Orain, jakin behar duzuna da ostalaritza plataforma batzuek onartzen dutela Cloudflare Enterprise, baina ezaugarri pare bat galdu egiten dute. Nire esperientzietatik abiatuta, hori uste dut Rocket.net Enterprise bertsioa eskaintzera hurbiltzen dena da. Horretarako konfiguratuta dago WordPress kaxatik atera eta abantaila ugarirekin dator, adibidez irudien optimizazioa, mailakatua caching, bideratze adimenduna, Eta abar.

Erabaki bat hartzea zaila izan daiteke, eta horregatik, Cloudflare Free edo erabili erabakitzen lagunduko dizuten faktoreen zerrenda osatu dut. Cloudflare Enterprise Cloudways-rekin, FlyingProxyEdo Rocket.net.

  • Tbps at 192 eta 285eko PoPak berdinak dira guztientzat. Cloudways-ek ez du APO onartzen, eta behar duzu ordaindu $ 5 hilean Cloudflare Free-rekin erabiltzeko.
  • Hegan Proxy ez du Agro Smart Routing, eta gehiago ordaindu behar duzu Cloudflare-rekin doan erabiltzeko.
  • HTTP/3 eta WAF koherenteak dira aukera guztietan; karga orekatzeko gehigarriak Cloudflare free agian applehen 500,000 kontsultaren ondoren.
  • Aukeretako bat ere ez dator konfigurazio automatikoarekin izan ezik Rocket.net, baina lortzen duzun banda zabalera aukeratzen duzun hosting planaren araberakoa izango da.

LiteSpeed ​​QUIC-en Plan estandarrarekin

gainean bazaude Lightspeed server eta ezin da Cloudflare erabili, orduan QUIC da aukerarik onena zuretzat. Besteekin alderatu dut Bunny bezalako alternatibak CDN, Hegan egitenCDN, eta SiteGround 2.0. Hona hemen zer aurkitu dut:

  • The banda-zabalera lortzen duzu ez da faltsuki iragarrita eta benetan mugagabea da.
  • Ez duzu gehigarririk ordaindu behar geo-erreplikazioa eta orrialde osoa bezalako gauzengatik caching.
  • QUIC-en plan estandarrarekin, ez duzu aparteko ordaindu behar irudien optimizazioagatik eta zure HTTP/3 karga orekatzeko WAF Anti-DDoSgatik.

Ez joan borda Page Builders-ekin

Orrialde-sortzaileei dagokienez, jakin behar duzun gauzarik garrantzitsuena da zure webgunean CSS eta JavaScript gehigarri batzuk gehitzen dituztela eta memoriaren erabilera areagotzen dutela. Horrek ez du esan nahi abiadurarik handiena lortu ezin duzunik orrialde-sortzaileak erabiltzen ari bazara; dezakezu, baina kontuz ibili behar duzu hostingarekin eta pluginerabiltzen duzun, eta optimizatu behar duzu.

Beraz, orrialde-sortzaileen bila joango bazara, ziurtatu:

  • Load Font Awesome 4 laguntza desaktibatuta dago.
  • Eskuragarri dauden errendimendu-ezarpen guztiak aktibatuta daude.
  • Mantendu widgeten eta zutabeen erabilera ahalik eta gutxien.
  • Desaktibatu orri-sortzaileak erabiltzen ez dituzunean.
  • Ziurtatu CSS inprimatzeko metodoa "kanpoko estiloan" ezarrita dagoela.

Erabili Irudia CDNs

2024a da, eta irudiak (eta bideoak) dira gaur egungo edukiak. Irudiak ez optimizatzeak areagotzea ekar dezake server baliabideen kontsumoa eta puztuta. Beraz, da hobe irudia erabiltzea CDNs aurka plugins.

Urte hauetan asko erabili ditut: Imagify, ShortPixel, Bunny Optimizer eta Cloudflare Mirage/Polish, batzuk aipatzearren. Aukera guzti hauetatik, CloudFlare dagoen onena dela aurkitu dut. Emango dizu:

  • WebP.
  • Mugikorren tamaina aldatzea.
  • AVIF bihurketa.
  • Sarearen optimizazioak.
  • Ez server erabilera eta puztu gabe.
  • AVIF-ek irudiak onartzen ditu eta hornitzen ditu CDN.

Eta hoberena da barnean dagoela CloudFlare Enterprise. Bitartean hori gogoratu behar duzu gehien CDNWebP onartzen du, horietako batzuek ez dituzte beti irudiak bihurtzen, beraz, behar izango duzuikusi Chrome Dev Tools eta ikusi irudiak bihurtzen diren ala ez. Kontuan izan beharreko beste gauza bat da neurriekin zehatza izan behar duzula.

zubi cache pluginautomatikoki egiten dugu, baina horrela ez bada, beti egin dezakezu aldatu irudiaren dimentsioa bere HTML fitxategian. Azkenik, ezarri arakatzailea cache TTL 365 egunetara luzeagoa izatea hobe baita cache irudi estatikoen iraungipena, aldatzen ez direlako.

Ziurtatu zure Cache Konfigurazioak Helbidea Web Vitals

Web Vitals funtsean errendimendu-neurriak dira Google kontuan hartzen du zure webgunearen erabiltzaile-esperientzia orokorra neurtzerakoan. Horrek zure bilaketa-sailkapenean eragina izan dezake. Garrantzitsua da doako hori jakitea cache plugins hori onartzen duten ezaugarriak falta dira, baina aukeraketa bat egin beharko banu, horrekin joango nintzateke Swift Performance edo W3.

Honetaz gain, SG optimizatzailearen eta WP Rocket-en funtsezko funtzioetarako aukerak, hala nola, Lazy render HTML elementuak eta APO bateragarritasuna. Honek bi aukera uzten dizkigu benetan, eta konparaketa behean ikus dezakezu: 

                                        LiteSpeed Cache      FlyingPress
Serveraldeko cachingBaiEz
JavaScript atzeratuBaiBai
Kendu erabili gabeko CSSFitxategi bereiziaFitxategi bereizia
CSS kritikoaBaiBai
Preload irudi kritikoakZenbakian oinarritutaEz
Baztertu tolesaren gaineko irudiakAutomatikoaAutomatikoa
Lazy load atzeko planoko irudiakEzLaguntzaile klasea
Lazy errendatzeko HTML elementuakBaiBai
Gehitu falta diren irudien dimentsioakBaiBai
YouTube iframe aurrebista irudiaBaiBai
Auto-ostalari YouTube leku-markaEzBai
Ostatatu letra-tipoak lokaleanBaiBai
Letra-tipo-pantaila: trukatuBaiBai
Preload loturakBaiBai
CDNQUIC.cloudBunny CDN
APO bateragarritasunaBaiBai

Egia esateko, uste dut WP Rocket urteetan zehar atzean geratu dela eta ez dela LCP optimizaziorako, irudietarako eta tokiko letra-tipoetarako aukerarik onena. aldatu naiz FlyingPress duela gutxi, eta hala dela esan dezaket web vitals eta abiadura bikaina.

Baliteke txikitu nahi izatea cache plugin bazaude CloudFlare erabiliz ez konbinatu CSS/Java zure webgunea moteldu dezakeelako eta HTTP/2-n egin behar ez den zerbait da.

Ezarri Perfmatters Zuretzako ezarpena Cache Plugin

Erabili dut Perfmatters urteetan zehar asko, eta ikasi dudanaren arabera, esan dezaket konfiguratu behar duzun ezarpena behin betiko aldatu egiten dela bakoitzean. plugin. Heltzen denean cache plugins, benetan merezi duten lau aukera baino ez dituzu. Beraz, hona hemen horietako bakoitzaren banaketa

Perfmatters EntornoFlyingPressLiteSpeed CacheWP RocketSiteGround Optimizer
GeneralGaitu aukera guztiakGaitu aukera guztiak, baina mugitu wp-login eta taupadakGaitu aukera guztiak, taupadak izan ezikGaitu aukera guztiak, taupadak izan ezik
AktiboGaitu script-kudeatzaileaGaitu script-kudeatzaileaGaitu script-kudeatzailea eta kendu erabili gabeko CSSaGaitu script-kudeatzailea, atzeratu JavaScript eta kendu erabili gabeko CSS
PreloadingPreload CSS/JS fitxategiakPreload irudi eta letra-tipo/CSS/JS fitxategi kritikoakPreload irudi kritikoak eta CSS/JS fitxategiakPreload irudi kritikoak eta CSS/JS fitxategiak
Lazy LaneanItzaliGaitu CSS atzeko planoko irudiakGaitu CSS atzeko planoko irudiakGaitu karga alferraren ezarpen guztiak
FontsItzaliItzaliGaitu lokala Google FontsGaitu pantaila-trukea + lokala Google Fonts
CDNItzaliItzaliItzaliItzali
AnalyticsItzaliItzaliItzaliItzali

Beraz, konfiguratzeko orduan cache plugins Perfmatters, konfigura dezakezu FlyingPress eta LiteSpeed ​​normalean egingo zenukeen moduan. Hala ere, WP Rocket-ari dagokionez, beharko zenuke desgaitu CSS ezarpen guztiak. Gauza bera gertatzen da SG optimizatzailea, baina beharko zenuke desgaitu han karga alferraren ezarpena ere.

Lokalean ostalari edo atzeratu hirugarrenen kodea

Hirugarrenen kodeak zure hari nagusia blokeatzen duten eta funtsezko zereginak saihesten dituzten scriptak izan ditzakete.

Kode hauek abiadura murriztu dezakete server erantzun denborak, DNS bilaketak eta erantzun akatsak. Baina konponketa azkar bat dago hemen urteetan zehar ikasi dudana.

  1. Osta ezazu hirugarrenen kode, letra-tipo eta irudi txiki guztiak lokalean.
  2. erabiltzen ari bazara LiteSpeed cache, esku onetan zaude baliabide lokalizatuak onartzen dituelako.
  3. Ez bazaude, erabil dezakezu Perfmatters'bertakoa Google letra-tipoak.
  4. Erabiltzen ez dituzun letra-tipo-familiak kentzeko woff2 ere erabil dezakezu.
  5. Atzeratu tolesten azpian hirugarrenen kodea. 

Gogoratu To Preload

Preconnect-ek hirugarrenen domeinuekin konexio goiztiarra ezartzen laguntzen dizu, baina hori bakarrik egin beharko zenuke hirugarrenen letra-tipoak eta CDN URLak. Prefetch, berriz, aurrekonexioaren nahiko antzekoa da. Desberdintasun bakarra TCP edo TLS da. Kontuan izan behar duzula preload letra-tipoak (erabili jatorri gurutzatuak Prefmattters-ekin), irudiak, WP-Block-Library eta estekak.

Amaitutakoan, bidali zure webgunea HSTSra preload zerrendarako Chrome, eta errendimendua areagotuko duzu.

Preload HSTS

Kendu erabili gabeko CSSak 

Jende gehienek hori ez dute aintzat hartzen, baina erabili gabeko CSS-k zure webgunearen errendimenduan eragina izan dezake, beraz, hobe da kentzea. WP Rocket erabiltzen ari bazara, funtzio hau desgaitzea eta gero gomendatuko nuke gaitu Perfmatters erabiliz "Fitxategia" aukerak "Erabilitako CSS metodoa" ezarpena.

Egiaztatu Slow Plugins

Zure webgunea abiadurarako optimizatzen ari zarenean, jakin behar duzu a plugin poliki-poliki egiteak abiaduran eragina izan dezake. Urte hauetan zehar, arrazoi dezente identifikatu ditut a Plugin motela izan daiteke.

  • Lehenengo arrazoia CSS eta JavaScript frontend-era gehitzea da. Horrelako JavaScript eta CSS aurki ditzakezu Estaldura erabiliz kendu itzazu zure bizkortzeko WordPress gune.
  • A plugin motela ere izan daiteke memoriaren erabilera handitzen badu. Hori horrela den probatzeko, erabili WP Hive. Automatikoki probatuko du a plugin eta eman behar dituzun informazio guztiak.
  • Beste arrazoi batzuk izan daitezke a plugin datu-basearen bloat gehitzen du edo jQuery erabiltzen du. Arazo horiek egiazta ditzakezu phpMyAdmin erabiliz, eta Perfmatters mendekotasunak bistaratu.

Honetaz guztiaz gain, zuk ere egin dezakezu optimizatzeko plugins horiek ordezkatuz CDNs edo Blokeak, atzeko planoko zereginak mugatuz, atzeratuz eta erabili gabeko eginbideak desgaituz. Jarraian daude batzuk pluginmemorian eta orrialdearen abiaduran eragina izan dudala.

PluginKategoriaMemoria EraginaPageSpeed ​​Eragina
Guztiak bakarrean SEOSEOEzEz
Broken Link CheckerSEOEzBai
DisqusCommentsBaiEz
ElementorOrrialdeaEzEz
Elementor Premium gehigarriakOrrialdeaBaiEz
Element ProOrrialdeaEzEz
JetElementsOrrialdeaEzEz
JetpackSegurtasunaEzEz
NextGEN GalleryGalleryEzEz
Popup-en eraikitzaileaPopupEzEz
Site Kit by GoogleAnalyticsEzBai

Desgaitu Plugins Zenbait orrialdetan

Egin dezakezun hurrengo gauza WordPress abiadura optimizatzea desgaitzea da plugins orrialde jakin batzuetan. Perfmatters eta Asset CleanUp dira horretarako aukera ezagunenetako bi. erabiltzen dut Perfmatters, eta desgaitu pluginTresna hau erabiltzea nahiko erraza da.

Egin behar duzun lehenengo gauza da gaitu script-kudeatzailea eta proba modua. Horretarako, joan "Ondarrak" ezarri eta ikusi zure guneko edozein orrialde goiko menuan eta egin klik "Perfmatter" eta gero "Script kudeatzailea".

Orain joan script-kudeatzailearen ezarpenetara eta gaitu proba modua. Hori amaitutakoan, beharko duzu desgaitu plugins argitaratutako orrialde guztietan edo gailu mugikorretan. Gailu mugikorretan desgaitzen badituzu, beharrezkoa izango duzu gaitu “mugikor bereizia cache".

Ezagutu zure LCP

Beraz, LCP bat, funtsean, lau azpiataletan banatzen da, eta bakoitza faktore ezberdin bati dagokio, eta horren xehetasunak jarraian aipatzen dira.

Ikusi dut jende gehienek sarritan borrokatzen dutela Margo Edukien Handiena (LCP) irmoa lortzeko. Baina, oinarrizko web bat da, eta ulertu behar duzu.

LCP azpi-zatiaFaktoreakLCP %
TTFBCDN, hostinga, orrialde osoa caching, Etab.~ 40%
Baliabideak kargatzeko atzerapenaalferraren bista-irudiak, preload letra-tipoak, bista-irudiak, baztertu
Baliabideak kargatzeko denboraMurriztu CSS/JS tamainak/irudiak, CDN, CSS kritikoa, cache iraungitze~ 40%
Elementua errendatzeko atzerapenaJavaScript atzeratzearekin, murriztearekin eta deskargatzearekin lotuta dago

Ahal duzu erabili errendimenduaren ikuspegiak ra Chrome Dev tresnak TTFBk kargatzeko denbora gehien behar duten ikusteko. Hori identifikatu ondoren, LCP-ak egin ditzakezu fitxategi astunak tolesturaren azpian mugituz, Cloudflare SXG erabiliz, JavaScript atzeratuz errendatze-blokeatzea ekiditeko eta HTML elementuak errendatze alferrak. LCPei buruz gehiago jakin nahi baduzu, hau da Chrome Garatzaileentzako bideoa merezi du.

Ez zaitez diseinu-aldaketarik (CLS)

Diseinu-aldaketa da, funtsean, orrialdea kargatzen ari denean zenbat desplazatzen den. Hau oso garrantzitsua da WordPress abiadura optimizazioak eta happens orriaren elementu desberdinak abiadura ezberdinetan kargatzen direlako, hau da, inflerabiltzaileen orri-ikuspegiak eragiten ditu. Ahal duzu erabili Googleren orri-diseinua aldatzeko arazketa diseinu-aldaketa hauek zure webgunean nola jokatzen duten ikusteko.

CLS arazketa

Gida honetan zehar diseinu-aldaketak optimizatzeko egin ditzakezun gauza askori buruz hitz egin dut, eta hemen aipatuko ditut berriro oroigarri gisa.

  • Trukatu preloadidatzi letra-tipoak eta gehitu falta diren irudien dimentsioak.
  • Aldatu zure cookie oharra plugins, horrek diseinu-aldaketak ere eragin ditzake eta.
  • Erreserbatu lekua eduki dinamikoetarako eta iragarkietarako, dimentsioak gehituz eta div kode batean jarriz.
  • Kendu erabili gabeko CSS, ziurtatu CSS kritikoa funtzionatzen ari dela eta birsortu CSS editatzen baduzu.
  • Gaitu mugikor bereizia cache zure cache plugin zure webgunea gailu mugikorretan kargatzen denean diseinu-aldaketak minimizatzeko.

Mugatu baliabideen erabilera % 50 baino gutxiagora

Zure webgunea abiadurarako optimizatzen ari zarenean; lekua utzi behar diozu trafikoaren pikoei eta atzeko planoko zereginei. Garrantzitsua da gogoratzea atzerapena izan dezakezula CPUaren erabilera handia bada, beraz hobe da %50etik behera mantentzea. Zure PUZaren erabilera mugatzen saiatzen ari zarenean, gogoratu banda-zabalera deskargatzen duzula a CDN eta memoria handiko erabilera kentzea plugins lagun dezake. Baina hori ez da guztia.

  • Desgaitu datuak partekatzea plugins.
  • Joan zurekin "wp_options" taula eta garbitu automatikoki kargatutako datuak.
  • Joan zurekin WordPress eztabaida ezarpena eta pingback-ak desgaitu.
  • Erabili nukleo, RAM eta baliabide muga nahikoa dituen ostalaritza-plan bat.
  • Murriztu lotearen tamaina eta handitu arto-tartea erabili gabeko CSS mugatzeko.
  • Ekintza batzuek zure osoa eragin dezakete cache garbitzeko, PUZaren erabilera areagotuz, beraz, automatikoa mugatu behar duzu cache garbiketa.
  • Gogoratu WP Rocket-ena preloadtzeko, LiteSpeed Cachearakatzailea edo SG Optimizer-en aurreberotzea cache zure CPU erabilera handituko du.

Erabili WP-Optimize Datu-basearen garbiketa ezarpenetarako

zubi cache pluginZure datu-basea garbitzen saiatzen ari zarenean hiru arazo arrunt aurkitzen ditu. Ohikoa plugins ezin ditu datu-baseen babeskopiak hartu, kendu zahar batzuek utzitako datu-baseko taulak plugins, eta ezabatu argitalpenen berrikuspen guztiak.

Baina ez duzu arazo horiei aurre egin beharko erabiltzen baduzu WP-Optimizatu datu-baseak garbitzeko. Hau guztia ezarri ondoren, hau egin behar duzu:

  1. Joan zure datu-baseko taulen bidez.
  2. Identifikatu "ez aktibo" or "ez dago instalatuta" mahaiak.
  3. Ezabatu plugins edo gaiak erabiltzeko asmorik ez baduzu.

Urte hauetan zehar jaso dudan funtsezko gauza bat ziurra da plugins, batez ere datuak biltzen badituzte, zuretzako onenak dira WordPress gunea, beraz, hobe da horiek ez erabiltzea. Zure gunerako analitikoak nahi badituzu, gomendatuko nizuke itsatsi Google Analytics edo hasi erabiltzen oraindik ez bazara.

Optimizatu gailu mugikorretarako

Hau esan gabe doa. Zure webgunea bisitatzen duen jende gehienak gailu mugikor batetik egiten ari dira ziurrenik, eta zure gunea horretarako optimizatuta dagoela ziurtatu behar duzu. Orain, mahaigaineko optimizazio gehienak mugikorrera eramaten dituzte. Baina, hala gertatzen ez bada, hona hemen zer egingo duzun:

  • Gaitu mugikorra caching zure cache plugin.
  • Erabili Perfmatters to desgaitu erabili gabeko CSS eta Javascript gailu motaren arabera.
  • Zentratu latentzia murriztera, hori baita mugikorreko erabiltzaileen gakoa eta zati bat TTFB.
  • Probatu CLS mugikorrean lehen aipatu dudan diseinu-aldaketaren arazketa tresna erabiliz eta mugikorreko diseinu-aldaketak konpondu.
  • Erabili CloudFlare Enterprise izan ere, bere sarea, bideratze lehenetsiak eta karga orekatzeak eragin handia dute CDN PoPak.

Aukeratu Bakarrik Plugins Behar duzu

Doako zerrenda bat partekatu dut plugins zurekin behean. Jakina, ez dituzu denak behar, beraz, joan zerrendatik eta erabili egokitzen zaizkizunak.

  • OMGF.
  • Debloat.
  • Optimole.
  • Unbloater.
  • WP Crontrol.
  • WP-Optimizatu.
  • Flying Scripts.
  • Query Monitor.
  • Widget desgaitu.
  • 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.

Begiratu nire konfigurazioari 

Aurrean dituzun aukera guztien artean jarraitzen baduzu, begiratu nire konfigurazioari inspirazio bila. Agian erabaki bat hartzen lagunduko dizu.

zerbitzuaKategoria
Rocket.netOstatua
Cloudflare EnterpriseCDN (batekin dator Rocket.net)
FlyingPressCache Plugin
PerfmattersAskotariko optimizazioak
KadenceGaia (doan)
Kadence BlocksGuternberg Block Txantiloiak (doan)

Orain, konfigurazio honek zure aurrekontua baino gehiago kostatuko zaizula jakinarazi nahi dizut. Beraz, gehiago gastatu nahi ez baduzu, hau ez da zuretzat.

Hala ere, badaukat konfigura dezakezun alternatiba merkeago bat. Eman begirada bat.

zerbitzuaKategoria
NameHero Turbo CloudOstatua
QUIC.cloud (Ordainpeko plana)CDN
LiteSpeed CacheCache Plugin
PerfmattersAskotariko optimizazioak
NameHeroEmail Hosting

Jarraian, nire webgunearen abiadura puntuazioa dago Page Speed ​​Insights & GTmetrix.

riderchris mugikorreko puntuazioa
Mugikorreko puntuazioa
riderchris mahaigaineko puntuazioa
Mahaigaineko puntuazioa
riderchris gtmetrix puntuazioa
GTmetrix puntuazioa

Eta hor dago handitu nola egin jakiteko azken tutoriala WordPress webgune Abiadura eta pasabidea Core Web Vitals 2024 In

Mesedez, jarraitu nire WhatsApp Channel azken eguneratzeetarako. Era berean, egin dezakezu Jar zaitez nirekin harremanetan laguntza gehiago behar baduzu.

antzeko Mezuak