Paano Pabilisin ang WordPress Website at Pass Core Web Vitals – 2026 Gabay

Sa digital age ngayon, WordPress Ang bilis at pag-optimize ng website ay may mahalagang papel sa paghahatid ng pinakamainam na karanasan ng user. Ang mga website na mabagal na naglo-load ay hindi lamang nakaka-frustrate sa mga bisita ngunit maaari ring maapektuhan ang iyong mga ranggo sa search engine at pangkalahatang online na reputasyon.

Sa katunayan, ipinakita iyon ng mga istatistika 40% ng mga user ang aalis sa isang website kung hindi mag-load sa loob ng 3 segundo ngunit ang pagpapanatili ng user ay hindi lamang ang dahilan kung bakit kailangan mong pabilisin ang iyong website. 

Paano Pabilisin ang Iyong Mabagal WordPress Site at pass Core Web Vitals?

Sa madaling sabi, kakailanganin mong magkaroon;

• Mabilis na web hosting (Rocket.net)

• Magaang tema (Kadence, Astra, GeneratePress o OceanWP)

• Caching plugin (FlyingPress)

• WordPress Performance Plugin (Perfmatters)

I can't stress enough, kung wala kang mabilis na web hosting, nagsasayang ka lang ng oras para mapataas ang performance ng iyong website. Ang pagkakaroon ng isang mabilis na web host ay ang iyong unang hakbang upang makakuha ng isang mabilis na paglo-load ng website bago ang anumang pagsasaayos ng pagganap tulad ng, tema, caching at iba pa

Tandaan, ang pagkakaroon ng mabilis na bilis ng paglo-load ay makakatulong din sa iyong mas mataas na ranggo sa mga resulta ng paghahanap. Dahil dito, masasabi natin iyan WordPress Ang pag-optimize ng bilis ay isang karaniwang alalahanin para sa mga gumagawa o nagpapatakbo ng mga website sa platform. Ang pag-optimize ng iyong website ay maaaring makatulong sa iyo na bawasan ang oras ng pag-load ng pahina. 

Sa artikulong ito, ibabahagi ko sa iyo ang mga nangungunang tip na makakatulong sa iyo pagdating sa WordPress pag-optimize ng bilis. 

Sasaklawin namin ang mga bagay tulad ng pagpapalit ng iyong DNS, mga configuration ng pagho-host, pag-optimize ng imahe, at higit pa. Gayunpaman, bago tayo pumasok sa alinman sa mga ito, kailangan mong maunawaan kung ano ang happens kapag bumisita ang isang user a WordPress site. 

Pag-unawa sa Paano WordPress Gawa 

Isa sa mga pinakamahalagang bagay na natutunan ko sa mga nakaraang taon ay iyon WordPress ay mahusay para sa maraming iba't ibang bagay, tulad ng pamamahala ng nilalaman. Gayunpaman, ang bilis ay hindi talaga isang espesyalidad kung saan kilala ang platform, at iyon ay dahil sa kung paano gumagana ang platform na iyon. 

Kapag may bumisita sa iyo WordPress, ang platform ay kumukuha ng data mula sa iba't ibang mga mapagkukunan tulad ng iyong database at mga tema at pinagsasama ang lahat ng ito sa isang HTML file. Kapag kumpleto na ang prosesong ito, ipapadala ang HTML file sa web browser ng user. 

Gayunpaman, masasabi ko iyon sa iyo Ang pagbuo ng mga pahina habang naglalakbay ay hindi talaga isang angkop na opsyon para sa perpektong pagganap. Bilang karagdagan, ang mga bagay tulad ng plugins at mga tema lahat ay tumatakbo nang sabay-sabay ubusin ang mahalaga server mga mapagkukunan, na maaari maging sanhi ng pagbaba ng bilis ng paglo-load. 

Hindi ito nangangahulugan na hindi mo ma-optimize ang a WordPress site para sa bilis. Mayroong ilang mga bagay na maaari mong gawin pagdating sa WordPress pag-optimize ng bilis. Halinahin natin kung ano sila;

Ang pagpapalit ng iyong DNS ay makakatulong sa iyo na mapabilis ang iyong WordPress site, ngunit bago ka kumilos, suriin ang bilis ng iyong DNS. Ang unang bagay na kailangan mong malaman ay ang iyong domain registrar ay ang iyong DNS provider, kaya kung hindi ka pa lumipat, maaari kang nasa panganib na makaranas ng mabagal na Time to First Byte (TTFB).

Ito happens para sa ilang kadahilanan, tulad ng latency ng network, hindi nakaiskedyul na pagpapanatili ng DNS, at pagiging host ng iyong network hinarangan ng Google. Maaari mo ring mawala ang iyong mga ranggo sa SEO. Ang pangunahing bagay na kailangan mong malaman ay mahusay na gumaganap ang DNS ng Cloudflare, ngunit kung ikaw ay isang taong gumagamit ng LiteSpeed server, ang paggamit ng DNS ng QUIC ay isang mas mahusay na opsyon.

Binibigyan ka nito tumpak na geo-routing at mahusay na isinasama sa CND ng QUIC. Mayroong iba pang mga pagpipilian tulad ng Kinsta at Cloudways, na parehong nag-aalok ng isang premium na DNS. Ngunit, ang kailangan mong malaman ay iyon Gumagamit ang Kinsta ng Amazon Route 53, at gumagamit ang Cloudways ng DNS Made Easy, at pareho silang mas mabagal kaysa Cloudflare, na may bilis ng query na 13.47 milliseconds (ms).

Upang baguhin ang iyong DNS sa Cloudflare:

1. Mag-sign up sa platform.
2. Idagdag ang iyong website.
3. Sundin ang mga magpalit ng pangalanservers prompt, at handa ka nang umalis.

Huwag Pumunta Para sa Mga Pangunahing Host

Karamihan sa mga tao ay madalas na iniisip na ang isang sikat na plano sa pagho-host o provider ay ang pinakamahusay na pagpipilian para sa kanila. Gayunpaman, kung talagang nag-aalala ka tungkol sa bilis ng iyong WordPress site, kailangan mong malaman na hindi ito 100% totoo. Dapat mong maunawaan na maraming nagho-host na kumpanya ang nagtatapon ng pera sa marketing at mga ad upang maipakita ang mga ito bilang "ang pinakamahusay na pagpipilian."

Ang isang bagay na natutunan ko sa mga nakaraang taon ay hindi lahat ng impormasyong makikita mo tungkol sa mga plano sa pagho-host ay tumpak. Dahil dito, madalas kong balewalain ang mga review at video na nakikita ko online at umasa na lang sa mga spec, at inirerekomenda kong gawin mo rin iyon.

Nasa ibaba ang data para sa mga sikat na hosting provider na maaari mong ihambing.

• Mga detalye ng shared hosting plan:

	SiteGround GrowBig	Hostinger Business WP	Negosyo sa WPX	A2 Hosting Turbo Boost	NameHero Turbo Cloud
uri	Ibinahagi	Ibinahagi	Ibinahagi	Ibinahagi	Ibinahagi
Server	Apache + Nginx	LiteSpeed	LiteSpeed	LiteSpeed	LiteSpeed
Cache Plugin	SG Optimizer	LSC	LSC o W3TC	LSC	LSC
CDN	Google Ulap	QUIC.cloud	QUIC.cloud/XDN	QUIC.cloud	QUIC.cloud
Buong pahina caching	Oo	gamit ang QUIC	gamit ang QUIC	gamit ang QUIC	gamit ang QUIC
DNS	Hinarang ni Google para 4 araw	Panloob/QUIC	Panloob/QUIC	Panloob/QUIC	Panloob/QUIC
Mga Core/RAM	Nakatago	2 core/1.5 GB	1 core/1GB	2 core/2GB	3 core/3GB
Imbakan	20GB / SATA	200GB / SATA	15GB / SATA	"Walang limitasyon" / NVMe	"Walang limitasyon" / NVMe
Bagay Cache	Memcache	Memcache	Hindi	Redis	Redis
Database	MySQL	MariaDB	MariaDB	MariaDB	MariaDB
Mga limitasyon sa mapagkukunan	Ang mga mapagkukunan ng CPU ay karaniwan	Mababang mapagkukunan	Mababang mapagkukunan	Mahusay sa LiteSpeed	Mahusay sa LiteSpeed
Inodes	400,000	600,000	Sa pagpapasya	600,000	500,000
Control panel	Mga Tool sa Site	hPanel	WPX Panel	CPanel	CPanel
Imbakan ng email	10GB	1GB	Maramihang mga limitasyon	walang hangganan	walang hangganan
Mga pangunahing insidente	Mga isyu sa TTFB/DNS/CPU at hindi etikal	Mga ulat ng scam, pekeng review, at paglabag noong 2019	Sinisi ang global outage sa namatay na CEO	2 linggong pag-atake ng ransomware	2-araw na pagkawala ng node sa pag-iisyu ng liham ng paghingi ng tawad
TrustPilot rating	4.6	4.6	4.9	4.4	4.6
Panimulang presyo	$ 6.99 bawat buwan	$3.99 bawat buwan na may libreng 3 buwan	$20.83 bawat buwan na may libreng 2 buwan	$ 6.99 bawat buwan	$ 10.97 bawat buwan
Mga pag-Renewal	$ 29.99 bawat buwan	$ 8.99 bawat buwan	$ 20.83 bawat buwan	$ 22.99 bawat buwan	$ 19.95 bawat buwan
panoorin	Detalye	Detalye	Detalye	Detalye	Detalye

• Mga detalye ng cloud hosting plan:

	SiteGround Cloud Jump Start Plan	WP Engine StartUp Plan	Kinsta Starter Plan	Cloudways Vultr HF (2GB)	Rocket.net Starter Plan
uri	Ulap	Ulap	Ulap	Ulap	Pribadong Cloud
Server	Apache + Nginx	Apache + Nginx	Apache + Nginx	Apache + Nginx	Apache + Nginx
Mga Core/RAM	4 core/8 GB	Hindi nakalista	12 core/8GB	1 core/2 GB	32 core/128 GB
Imbakan	40GB	10GB	10GB	64GB	10GB
CDN	Google Ulap	Cloudflare at Polish	Cloudflare, buong pahina caching, at mga panuntunan sa firewall	Cloudflare Enterprise para sa $5 bawat buwan	Cloudflare Enterprise
CDN Bandwidth	unmetered	Hindi nabanggit	100 GB	100GB	walang hangganan
DNS	Panloob	Panloob	Amazon Route 53	DNS Made Easy para sa $5 bawat buwan	CloudFlare
Cache Plugin	SG Optimizer	N / A	N / A	Breeze	N / A
Bagay Cache	Memcached	Memcached	Redis para sa $100 bawat buwan	Redis Pro	Redis
PHP Processor	MabilisCGI	HHVM	MabilisCGI	FPM	LiteSpeed
Mga manggagawa sa PHP	Hindi nabanggit	Hindi nabanggit	2 manggagawa sa PHP	Hindi limitado	Hindi limitado
Limitasyon sa memorya	Madaling iakma	512 MB	256MB	Madaling iakma	1GB
Database	MySQL	Hindi nabanggit	Hindi nabanggit	MariaDB	MariaDB
Baliktarin ang Nginx proxy	Oo	Manu-manong Pag-configure	$ 50 bawat buwan	Oo	Oo
Bandwidth o buwanang pagbisita	5TB	50GB at 25,000 pagbisita bawat buwan	25,000 pagbisita bawat buwan	2TB	50GB at 250,000 bisita bawat buwan
Email Hosting	Oo	N / A	N / A	N / A	N / A
malware Pagtanggal	Scanner lang	N / A	Pangako ng pagtanggal	N / A	Imunify360
Mga pangunahing insidente	Mga isyu sa TTFB/DNS/CPU at hindi etikal	Paglabag noong 2015	Wala	Wala	Wala
Mga rating ng TrustPilot	4.6	4.5	4.2	4.5	4.9
presyo	$ 100 bawat buwan	$20 bawat buwan kapag binabayaran taun-taon	$ 35 bawat buwan	$30 bawat buwan at karagdagang $5 para sa CF enterprise	$ 30 bawat buwan.
panoorin	Detalye	Detalye	Detalye	Detalye	Detalye

Maaari kang pumili ng hosting provider na pinakamainam para sa iyo batay sa impormasyong ibinahagi ko sa iyo. Gayunpaman, may ilang mahahalagang bagay na gusto kong ituro tungkol sa parehong shared at cloud hosting platform na nabanggit ko. Ang mga positibong review na mababasa mo tungkol sa mga platform na ito ay hindi 100% na tumpak.

Sabi nga, mas mabuti na mag-filter pababa sa 1 o 2-star na mga review sa mga platform tulad ng TrustPilot at tingnan kung ano ang mga userappy tungkol sa. Bilang karagdagan, gusto ng ilang shared hosting provider Mayroon ang Hostingere nakaranas ng mga paglabag sa data na nakaapekto sa milyun-milyong customer. Nagkaroon ng outage ang WPX na nag-iwan ng maraming website na offline at nagrereklamo ang mga user tungkol sa kakulangan ng komunikasyon.

Pagdating sa pagpili ng isa para sa iyo WordPress site, kakailanganin mo lamang na gumawa ng kaunting pananaliksik. Kabilang dito ang pagdaan sa ilang masamang pagsusuri sa TrustPilot, pagbabasa tungkol sa mga karanasan ng user sa Reddit, at pagsusuri ng mga spec.

I-configure ang Mga Setting Sa Iyong Hosting Account

Karamihan sa mga tao ay hindi napapansin ang aspetong ito at nananatili lamang sa mga default na pagpipilian sa pagsasaayos ng pagho-host.

Halimbawa, kung hindi naghahatid ang iyong website cached na mga pahina, nangangahulugan iyon na maaari itong mag-overload sa iyong server, na nagiging sanhi ng pagbaba ng bilis, at, ang pinakamasamang sitwasyon, maaaring mag-crash ang iyong website. Ang mga setting ng pagho-host na maaari mong i-configure ay mag-iiba-iba batay sa provider, ngunit ang mga ito ay magiging generally kasangkot ang iba't ibang aspeto na kinabibilangan ng mga sumusunod.

• OPcache - Kung ito ay isang bagay na inaalok, gamitin ito. Ang OPcache ay binuo sa PHP at gumagana sa pamamagitan ng precompiled script bytecode shared memory, na nagpapataas ng pagganap ng website gaya ng mayroon hindi na kailangan ng PHP na i-load ang script sa bawat kahilingan.

• Caching layer - Kung mayroon kang pagpipilian na gumamit ng isang bagay tulad ng Ngnix, gawin mo. Ang ilang mga pagpipilian sa pagho-host na nabanggit ko sa itaas ay sumusuporta sa pagbabalik ng Nginx proxy, na nagpapahintulot sa iyo na cache nilalaman at pagbutihin ang bilis ng iyong website.

• Brotli – Hindi ka makakahanap ng maraming host na sumusuporta kay Brotli, ngunit ito ay isang malaking bentahe kung gagawin nila. Ito ay isang lossless compression algorithm na nag-compress ng data sa pamamagitan ng paggamit ng iba't ibang variation ng 2nd order context modeling, LZ77 algorithm, at Huffman coding.

• Paggamit ng Resource – Karamihan sa mga tao ay may posibilidad na hindi pansinin ang isang ito, ngunit napakahalaga na bantayan ang iyong paggamit ng mapagkukunan at mga log ng error. Kung gumagamit ka ng masyadong maraming mapagkukunan nang sabay-sabay, maaari itong makaapekto sa bilis.

• Redis vs. Memcached - Pareho sa mga ito ay mahusay na mga pagpipilian, ngunit ang Redis ay may kalamangan dito. Nagbibigay ito ng mas mahusay na rate ng paggamit ng memorya kaysa sa Memcached kapag ginagamit nito ang istraktura ng hash at hindi umaasa sa mga tool ng third-party para sa disk dumping.

Huwag Gumamit ng Anuman Maliban sa Cloudflare APO, Enterprise, o QUIC.cloud sa LiteSpeed

kay Cloudflare Awtomatikong Pag-optimize ng Pagganap (APO) ang nag-iisang pinakamahalagang bagay pagdating sa WordPress pag-optimize ng bilis. Karaniwang pinapayagan nito ang Cloudflare na ihatid ang iyong kabuuan WordPress site sa abot ng makakaya nito cache dynamic na nilalaman, tinutulungan kang makakuha ng mabilis at pare-parehong TTFB.

Alam kong may ibang provider na nag-aalok ng sarili nila CDNs, at ang paggawa ng desisyon ay maaaring napakalaki. Kaya, mas mahusay na suriin ang CDNAng pagganap ni, na, para sa Cloudflare, ay mahusay. Ang CloudFlare CDN ay isang nangungunang gumaganap sa cdnpref.com at mas mahusay pa kaysa sa mga katulad ng Google at Akamai. 

Mayroon itong bilis ng query na 26.81 ms lang, ibig sabihin 0.16 ms mas mabilis kaysa Google at isang napakalaki 6.22 ms na mas mabilis kaysa sa Akamai.

APO vs Enterprise Cloudflare Plan

Bago tayo pumunta sa mas detalyado, gusto ko lang ituro na gagawin ng APO ang trabaho para sa karamihan ng mga website, ngunit hindi ito ginagawa para sa hindi pagkakaroon ng Bersyon ng enterprise. Kaya, kung pupunta ka para sa ruta ng APO, maaaring kailanganin mong ikompromiso ang mga bagay tulad ng seguridad ng firewall, pag-optimize ng imahe, suporta sa SSO, at higit pa.

Ngayon, ang kailangan mong malaman ay ang ilang mga platform sa pagho-host ay sumusuporta Cloudflare Enterprise, ngunit napalampas nila ang ilang feature. Batay sa aking mga karanasan, naniniwala ako na Rocket.net ay ang isa na malapit nang mag-alok ng bersyon ng Enterprise. Ito ay naka-configure para sa WordPress mula mismo sa kahon at may kasamang napakaraming benepisyo, tulad ng pag-optimize ng imahe, tiered caching, matalinong pagruruta, At higit pa.

Maaaring maging mahirap ang paggawa ng desisyon, at iyon ang dahilan kung bakit nag-compile ako ng listahan ng mga salik na makakatulong sa iyong magpasya kung gagamit ng Cloudflare Free o Cloudflare Enterprise kasama ang Cloudways, FlyingProxy, O Rocket.net.

• Ang Tbps sa 192 at PoPs sa 285 ay pareho para sa lahat. Hindi sinusuportahan ng Cloudways ang APO, at kailangan mo magbayad ng $5 bawat buwan para magamit ito sa Cloudflare Free.

• sa paglipad Proxy ay walang Agro Smart Routing, at kailangan mong magbayad ng dagdag para magamit ito sa Cloudflare nang libre.

• Ang HTTP/3 at WAF ay pare-pareho para sa lahat ng opsyon; dagdag na singil para sa load balancing na may Cloudflare free might apppagkatapos ng unang 500,000 query.

• Wala sa mga opsyon ang may awtomatikong pagsasaayos maliban sa Rocket.net, ngunit ang bandwidth na makukuha mo ay depende sa hosting plan na pipiliin mo.

LiteSpeed ​​​​sa Karaniwang Plano ng QUIC

Kung ikaw ay nasa LightSpeed server at hindi maaaring gumamit ng Cloudflare, kung gayon ang QUIC ang pinakamahusay na pagpipilian para sa iyo. Inihambing ko ito sa iba mga alternatibo tulad ng Bunny CDN, LumilipadCDN, at SiteGround 2.0. Narito kung ano ang nahanap ko:

• Ang bandwidth nakukuha mo ay hindi maling inanunsyo at talagang walang limitasyon.

• Hindi mo kailangang magbayad ng dagdag para sa mga bagay tulad ng geo-replication at full-page caching.

• Sa karaniwang plano ng QUIC, hindi mo kailangang magbayad ng dagdag para sa pag-optimize ng imahe at sa iyong HTTP/3 Load balancing WAF Anti-DDoS.

Huwag Lumampas sa Mga Tagabuo ng Pahina

Ang pinakamahalagang bagay na kailangan mong malaman pagdating sa mga tagabuo ng pahina ay nagdaragdag sila ng ilang dagdag na CSS at JavaScript sa iyong site at nagpapataas ng paggamit ng memorya. Hindi ito nangangahulugan na hindi ka makakakuha ng pinakamataas na bilis kung gumagamit ka ng mga tagabuo ng pahina; magagawa mo, ngunit kailangan mong maging maingat sa pagho-host at plugins ginagamit mo, at kailangan mong i-optimize.

Kaya, kung pupunta ka para sa mga tagabuo ng pahina, siguraduhing:

• Naka-off ang suporta sa Load Font Awesome 4.
• Naka-on ang lahat ng available na setting ng performance.
• Panatilihing minimum ang paggamit ng mga widget at column.
• I-off ang mga tagabuo ng page kapag hindi mo ginagamit ang mga ito.
• Tiyaking nakatakda ang iyong paraan ng pag-print ng CSS sa "panlabas na istilo."

Gamitin ang Imahe CDNs

2024 na, at ang mga larawan (at mga video) ang tungkol sa nilalaman ngayon. Ang hindi pag-optimize ng mga larawan ay maaaring humantong sa pagtaas server pagkonsumo ng pinagkukunang-yaman at bloat. Kaya, ito ay mas mahusay na gumamit ng imahe CDNs bilang laban sa plugins.

Marami na akong nagamit sa mga ito sa mga nakaraang taon: Imagify, ShortPixel, Bunny Optimizer, at Cloudflare Mirage/Polish, upang pangalanan ang ilan. Sa lahat ng mga opsyong ito, nakita kong ang CloudFlare ang pinakamaganda. Bibigyan ka nito ng:

• WebP.
• Pagbabago ng laki ng mobile.
• conversion ng AVIF.
• Mga pag-optimize ng network.
• Hindi server paggamit at walang bloat.
• Sinusuportahan at inihahatid ng AVIF ang mga larawan mula sa CDN.

At ang pinakamagandang bahagi ay kasama ito sa CloudFlare Enterprise. Kailangan mong tandaan iyon habang pinaka- CDNs suporta sa WebP, ang ilan sa mga ito ay hindi palaging nagko-convert ng mga larawan, kaya kakailanganin mong use ang Chrome Dev Tools at tingnan kung na-convert ang mga imahe. Ang isa pang bagay na dapat tandaan ay kailangan mong maging tiyak sa mga sukat.

tulay cache plugins awtomatikong gawin ito, ngunit kung hindi iyon ang kaso, maaari mong palaging baguhin ang dimensyon ng larawan sa HTML file nito. Panghuli, itakda ang browser cache TTL hanggang 365 araw dahil mas magandang magkaroon ng mas matagal cache expiration para sa mga static na imahe dahil hindi sila nagbabago.

Siguraduhin na ang Iyo Cache Mga Configuration Address sa Web Vitals

Ang mga Web Vitals ay karaniwang sukatan ng pagganap na Google isinasaalang-alang kapag sinusukat ang pangkalahatang karanasan ng user ng iyong website. Maaari itong makaapekto sa iyong ranggo sa paghahanap. Mahalagang malaman mo na pinaka libre cache plugins kakulangan ng mga tampok na sumusuporta dito, ngunit kung kailangan kong pumili, sasama ako Mabilis na Pagganap o W3.

Maliban dito, ang mga opsyon para sa SG optimizer at WP Rocket na mahahalagang feature tulad ng Lazy render HTML elements at APO compatibility. Talagang nag-iiwan ito sa amin ng dalawang opsyon, at makikita mo ang paghahambing sa ibaba: 

	LiteSpeed Cache	FlyingPress
Server-sa caching	Oo	Hindi
Iantala ang JavaScript	Oo	Oo
Alisin ang hindi nagamit na CSS	Hiwalay na file	Hiwalay na file
Kritikal na CSS	Oo	Oo
Preload kritikal na mga imahe	Batay sa bilang	Hindi
Ibukod ang mga larawan sa itaas ng fold	Awtomatik	Awtomatik
Tamad na pag-load ng mga larawan sa background	Hindi	Helper class
Tamad na mag-render ng mga elemento ng HTML	Oo	Oo
Magdagdag ng mga nawawalang dimensyon ng larawan	Oo	Oo
Larawan ng preview ng iframe ng YouTube	Oo	Oo
Self-host na placeholder ng YouTube	Hindi	Oo
Lokal na mag-host ng mga font	Oo	Oo
Font-display: magpalit	Oo	Oo
Preload mga link	Oo	Oo
CDN	QUIC.cloud	Kuneho CDN
APO compatibility	Oo	Oo

Sa totoo lang, sa palagay ko ay nabigo ang WP Rocket sa paglipas ng mga taon at hindi talaga ito ang pinakamahusay na opsyon para sa pag-optimize ng LCP, mga larawan, at pagho-host ng mga font nang lokal. Lumipat ako sa FlyingPress kamakailan, at masasabi ko sa iyo na ito ay mahusay para sa web vitals at bilis.

Baka gusto mong maliitin ang cache plugin kung ikaw ay gamit ang CloudFlare at huwag pagsamahin ang CSS/Java dahil maaari nitong pabagalin ang iyong website at isang bagay na hindi dapat gawin sa HTTP/2.

I-configure ang Perfmatters Setting Para sa Iyo Cache Plugin

Ginamit ko na Perfmatters sa paglipas ng mga taon, at batay sa aking natutunan, masasabi ko sa iyo na ang setting na kailangan mong i-configure ay tiyak na nag-iiba para sa bawat isa. plugin. Kapag tungkol sa cache plugins, mayroon ka lang talagang apat na pagpipilian na sulit. Kaya, narito ang isang breakdown para sa bawat isa sa kanila

Perfmatters Pagtatakda ng	FlyingPress	LiteSpeed Cache	WP Rocket	SiteGround Optimizer
Pangkalahatan	Paganahin ang lahat ng mga pagpipilian	Paganahin ang lahat ng mga opsyon ngunit ilipat ang wp-login at tibok ng puso	Paganahin ang lahat ng opsyon maliban sa tibok ng puso	Paganahin ang lahat ng opsyon maliban sa tibok ng puso
Mga ari-arian	Paganahin ang script manager	Paganahin ang script manager	Paganahin ang script manager at pagkatapos ay alisin ang hindi nagamit na CSS	Paganahin ang script manager, antalahin ang JavaScript, at pagkatapos ay alisin ang hindi nagamit na CSS
Preloading	Preload CSS/JS file	Preload kritikal na mga larawan at mga font/CSS/JS file	Preload kritikal na mga larawan at CSS/JS file	Preload kritikal na mga larawan at CSS/JS file
Lazy Loading	Patayin	Paganahin ang mga larawan sa background ng CSS	Paganahin ang mga larawan sa background ng CSS	I-enable ang lahat ng setting ng lazy load
Font	Patayin	Patayin	Paganahin ang lokal Google Font	I-enable ang display swap + local Google Font
CDN	Patayin	Patayin	Patayin	Patayin
analitika	Patayin	Patayin	Patayin	Patayin

Kaya, pagdating sa pag-configure cache plugins para sa Perfmatters, maaari mong i-configure FlyingPress at LiteSpeed ​​gaya ng karaniwan mong ginagawa. gayunpaman, pagdating sa WP Rocket, dapat mo huwag paganahin ang lahat ng mga setting ng CSS. Ang parehong napupunta para sa SG optimizer, ngunit dapat mo disable din ang lazy load setting dyan.

Locally Host o Delay Third-Party Code

Maaaring maglaman ang mga third-party na code ng mga script na humaharang sa iyong pangunahing thread at pumipigil sa mga mahahalagang gawain.

Maaaring bawasan ng mga code na ito ang bilis ng server mga oras ng pagtugon, mga paghahanap sa DNS, at mga error sa pagtugon. Ngunit mayroong isang mabilis na pag-aayos dito na natutunan ko sa mga nakaraang taon.

1. I-host ang lahat ng third-party na code, font, at thumbnail nang lokal.
2. Kung gumagamit ka ng LiteSpeed cache, nasa mabuting kamay ka dahil sinusuportahan nito ang mga lokal na mapagkukunan.
3. Kung hindi, maaari mong gamitin Perfmatters'lokal Google mga font.
4. Maaari mo ring gamitin ang woff2 upang alisin ang mga pamilya ng font na hindi mo ginagamit.
5. Iantala ang below-the-fold na third-party na code. 

Tandaan To Preload

Nakakatulong sa iyo ang preconnect na magtatag ng maagang koneksyon sa mga third-party na domain, ngunit ito ay isang bagay na dapat mo lang gawin mga font ng third-party at CDN Mga URL. Ang Prefetch, sa kabilang banda, ay medyo katulad ng preconnect. Ang pagkakaiba lang ay TCP o TLS. Tandaan na dapat mo preload mga font (gumamit ng mga crossorigin na may Prefmattters), mga larawan, WP-Block-Library, at mga link.

Kapag tapos ka na, isumite ang iyong site sa HSTS preload listahan para sa Chrome, at makakakuha ka ng pagpapalakas ng pagganap.

Tanggalin ang Hindi Nagamit na CSS 

Hindi ito pinapansin ng karamihan sa mga tao, ngunit maaaring makaapekto ang hindi nagamit na CSS sa pagganap ng iyong website, kaya mas mabuting alisin ito. Kung gumagamit ka ng WP Rocket, inirerekumenda kong huwag paganahin ang tampok na ito at pagkatapos paganahin ito Perfmatters gamit ang "File" mga pagpipilian para sa “Ginamit na Paraan ng CSS” setting na ito.

Suriin para sa Mabagal Plugins

Kapag in-optimize mo ang iyong website para sa bilis, kailangan mong malaman na a plugin na mabagal na gumaganap ay maaaring makaapekto sa bilis. Sa paglipas ng mga taon, natukoy ko ang ilang dahilan kung bakit a Plugin baka mabagal.

• Ang unang dahilan ay ang pagdaragdag ng CSS at JavaScript sa front end. Makakakita ka ng ganoong JavaScript at CSS gamit ang Coverage at alisin ang mga ito upang mapabilis ang iyong WordPress site.

• A plugin maaari ding maging mabagal kung pinapataas nito ang paggamit ng memorya. Upang subukan kung ito ang kaso, gamitin ang WP Hive. Awtomatiko itong susubok ng a plugin at ibibigay sa iyo ang lahat ng insight na kailangan mo.

• Ang ilang iba pang dahilan ay maaaring a plugin nagdadagdag ng database bloat o gumagamit ng jQuery. Maaari mong suriin ang mga isyung ito gamit ang phpMyAdmin, at Perfmatters ipakita ang mga dependency.

Bilang karagdagan sa lahat ng ito, maaari mo rin optimize plugins sa pamamagitan ng pagpapalit sa kanila ng CDNs o Blocks, nililimitahan ang mga gawain sa background, antalahin ang mga ito, at hindi pagpapagana ng mga hindi nagamit na feature. Nasa ibaba ang ilan plugins na nakita ko ang epekto sa parehong memorya at bilis ng pahina.

Plugin	kategorya	Epekto sa Memorya	PageSpeed ​​Epekto
All In One SEO	SEO	Hindi	Hindi
Broken Link Checker	SEO	Hindi	Oo
Disqus	Comments	Oo	Hindi
Elementor	Tagabuo ng Pahina	Hindi	Hindi
Elementor Premium Addons	Tagabuo ng Pahina	Oo	Hindi
Elementor Pro	Tagabuo ng Pahina	Hindi	Hindi
JetElements	Tagabuo ng Pahina	Hindi	Hindi
Jetpack	Katiwasayan	Hindi	Hindi
NextGEN Gallery	Gallery	Hindi	Hindi
Tagabuo ng Popup	Popup	Hindi	Hindi
Site Kit ni Google	analitika	Hindi	Oo

Huwag paganahin ang Plugins Sa Ilang Mga Pahina

Ang susunod na bagay na maaari mong gawin para sa WordPress ang pag-optimize ng bilis ay upang huwag paganahin plugins sa ilang mga pahina. Perfmatters at Asset CleanUp ay dalawa sa pinakasikat na opsyon para gawin ito. gumagamit ako Perfmatters, at hindi pagpapagana pluginAng paggamit ng tool na ito ay medyo simple.

Ang unang bagay na kailangan mong gawin ay paganahin ang script manager at test mode. Upang gawin ito, pumunta sa "Mga Asset" setting at tingnan ang anumang pahina ng iyong site sa tuktok na menu at pagkatapos ay i-click “Perfmatter” at pagkatapos ay "Tagapamahala ng script."

Pumunta ngayon sa mga setting ng script manager at paganahin ang mode ng pagsubok. Kapag tapos ka na diyan, kakailanganin mo huwag paganahin ang plugins sa lahat ng page na naka-post o sa mga mobile device. Kung hindi mo pinagana ang mga ito sa mga mobile device, kakailanganin mo paganahin "hiwalay na mobile cache. "

Alamin ang Iyong LCP

Kaya, ang isang LCP ay karaniwang nahahati sa apat na subparts, at bawat isa ay tumutukoy sa ibang salik, ang mga detalye nito ay binanggit sa ibaba.

Nalaman ko na karamihan sa mga tao ay madalas na nahihirapan sa pagkuha ng mahigpit na pagkakahawak sa Largest Contentful Paint (LCP). Ngunit, isa itong pangunahing web vital, at kailangan mo itong maunawaan.

Sub-Bahagi ng LCP	Kadahilanan	LCP %
TTFB	CDN, pagho-host, buong pahina caching, Atbp	~ 40%
Pagkaantala sa pag-load ng mapagkukunan	viewport na mga larawan mula sa tamad, preload mga font, viewport na mga larawan, ibukod
Oras ng pagkarga ng mapagkukunan	Bawasan ang mga laki/larawan ng CSS/JS, CDN, kritikal na CSS, cache pag-expire	~ 40%
Pagkaantala sa pag-render ng elemento	Nauugnay sa pagpapaliban, pagbabawas, at pagbabawas ng JavaScript

Maaari mong gamitin ang mga pananaw sa pagganap mula Chrome Mga tool sa Dev para tingnan kung aling mga TTFB ang pinakamatagal mag-load. Kapag natukoy mo na iyon, maaari kang mag-LCP sa pamamagitan ng paglipat ng mabibigat na file sa ibaba ng fold, gamit ang Cloudflare SXG, pagpapaliban ng JavaScript upang maiwasan ang pag-block sa pag-render, at tamad na pag-render ng mga elemento ng HTML. Kung gusto mong malaman ang higit pa tungkol sa mga LCP, ito na Chrome para sa mga Developer na video ay nagkakahalaga ito.

Manatiling Malinaw sa Mga Pagbabago ng Layout (CLS)

Ang pagbabago ng layout ay karaniwang kung gaano kalaki ang paglilipat ng page kapag naglo-load ito. Ito ay napakahalaga para sa WordPress mga pag-optimize ng bilis at happens dahil naglo-load ang iba't ibang elemento ng page sa iba't ibang bilis, na inflnakakaimpluwensya sa mga page view ng mga user. kaya mo gamitin Googleshift debugger ng layout ng pahina ni upang makita kung paano naglalaro ang mga pagbabago sa layout na ito sa iyong website.

Napag-usapan na ang tungkol sa maraming bagay na maaari mong gawin upang ma-optimize ang mga pagbabago sa layout sa buong gabay na ito, at babanggitin ko silang muli dito bilang isang paalala.

• Magpalitan preloadsa mga font at magdagdag ng mga nawawalang dimensyon ng larawan.

• Baguhin ang iyong mga cookie abiso plugins, dahil maaari rin itong maging sanhi ng mga pagbabago sa layout.

• Magreserba ng espasyo para sa dynamic na content at mga ad sa pamamagitan ng pagdaragdag ng mga dimensyon at paglalagay ng mga ito sa isang div code.

• Alisin ang hindi nagamit na CSS, tiyaking gumagana ang kritikal na CSS, at i-regenerate ito kung ie-edit mo ang CSS.

• Paganahin ang hiwalay na mobile cache sa iyong cache plugin upang mabawasan ang mga pagbabago sa layout kapag nag-load ang iyong site sa mga mobile device.

Limitahan ang Paggamit ng Mapagkukunan Sa Wala pang 50%

Kapag in-optimize mo ang iyong website para sa bilis; kailangan mong mag-iwan ng puwang para sa mga spike ng trapiko at mga gawain sa background. Mahalagang tandaan na maaari kang makaranas ng lag kung mataas ang iyong paggamit ng CPU, kaya nga pinakamahusay na panatilihin ito sa ilalim ng 50%. Kapag sinusubukan mong limitahan ang iyong paggamit ng CPU, tandaan na ang pag-offload ng iyong bandwidth sa a CDN at pag-alis ng paggamit ng mataas na memorya plugins ay maaaring makatulong. Ngunit hindi lang iyon.

• Huwag paganahin ang pagbabahagi ng data sa plugins.
• Pumunta sa iyong “wp_options” talahanayan at linisin ang autoloaded na data.
• Pumunta sa iyong WordPress setting ng talakayan at huwag paganahin ang mga pingback.
• Gumamit ng plano sa pagho-host na may sapat na mga core, RAM, at limitasyon sa mapagkukunan.
• Bawasan ang laki ng batch at dagdagan ang pagitan ng mais upang limitahan ang hindi nagamit na CSS.
• Ang ilang mga aksyon ay maaaring maging sanhi ng iyong kabuuan cache upang i-clear, na nagreresulta sa pagtaas ng paggamit ng CPU, kaya kailangan mong limitahan ang awtomatiko cache pag-clear
• Tandaan na ang WP Rocket's preloading, LiteSpeed Cache's crawler, o preheat ng SG Optimizer cache ay tataas ang iyong paggamit ng CPU.

Gumamit ng WP-Optimize Para sa Mga Setting ng Paglilinis ng Database

tulay cache pluginMay tatlong karaniwang problema kapag sinusubukan mong linisin ang iyong database. Karaniwan plugins ay hindi maaaring kumuha ng mga backup ng database, alisin ang mga talahanayan ng database na naiwan ng ilang luma plugins, at tanggalin ang lahat ng mga pagbabago sa post.

Ngunit hindi mo na kailangang harapin ang alinman sa mga isyung ito kung gagamit ka WP-Optimize para sa paglilinis ng database. Kapag naitakda mo na ang lahat, kailangan mong:

1. Pumunta sa iyong mga talahanayan ng database.
2. Kilalanin "hindi aktibo" or "hindi naka-install" mga talahanayan.
3. Tanggalin ang plugins o mga tema kung hindi mo planong gamitin ang mga ito.

Ang isang mahalagang bagay na nakuha ko sa mga nakaraang taon ay tiyak plugins, lalo na kung nangongolekta sila ng data, ay ang pinakamahusay para sa iyo WordPress site, kaya mas mabuting huwag gamitin ang mga ito. Kung gusto mo ng analytics para sa iyong site, irerekomenda ko na ikaw manatili sa Google analitika o simulang gamitin ito kung hindi pa.

Optimize Para sa Mga Mobile Device

Ito ay isang bagay na hindi sinasabi. Karamihan sa mga taong bumibisita sa iyong site ay malamang na ginagawa ito mula sa isang mobile device, at kailangan mong tiyakin na ang iyong site ay na-optimize para doon. Ngayon, karamihan sa mga desktop optimization ay dinadala sa mobile. Ngunit, kung sakaling hindi, narito ang iyong gagawin:

• Paganahin ang mobile caching sa iyong cache plugin.

• paggamit Perfmatters sa huwag paganahin ang hindi nagamit na CSS at Javascript batay sa uri ng device.

• Tumutok sa pagbabawas ng latency dahil iyon ang susi para sa mga mobile user at isang bahagi ng TTFB.

• Subukan ang CLS sa mobile gamit ang layout shift debugger tool na nabanggit ko kanina at ayusin ang mga pagbabago sa layout ng mobile.

• paggamit CloudFlare Enterprise dahil malaki ang papel na ginagampanan ng network nito, priyoridad na pagruruta, at pagbalanse ng load sa paglilimita sa epekto ng CDN Mga PoP.

Piliin Lamang Ang Plugins Kailangan Mo

Nagbahagi ako ng listahan ng libre pluginkasama ka sa ibaba. Malinaw na hindi mo kailangan ang lahat ng mga ito, kaya pumunta sa listahan at gamitin ang mga nababagay sa iyo.

• OMGF.
• Debloat.
• Optimole.
• Unbloater.
• WP Crontrol.
• WP-Optimize.
• Flying Scripts.
• Query Monitor.
• I-disable ang Widget.
• 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.

Tingnan ang Aking Setup 

Kung nasa pagitan pa rin ng lahat ng mga opsyon na mayroon ka sa harap mo, tingnan ang aking setup para sa inspirasyon. Marahil ay makakatulong ito sa iyo na gumawa ng desisyon.

serbisyo	kategorya
Rocket.net	hosting
Cloudflare Enterprise	CDN (kasama ang Rocket.net)
FlyingPress	Cache Plugin
Perfmatters	Sari-saring pag-optimize
Kadence	Tema (Libre)
Kadence Blocks	Guternberg Block Mga Template (Libre)

Ngayon, gusto kong ipaalam sa iyo na ang setup na ito ay maaaring magastos sa iyo nang higit pa sa iyong badyet. Kaya, kung hindi mo gustong gumastos ng higit pa, hindi ito para sa iyo.

Gayunpaman, mayroon akong mas murang alternatibo na maaari mong i-set up sa halip. Tingnan mo.

serbisyo	kategorya
NameHero Turbo Cloud	hosting
QUIC.cloud (Bayad na Plano)	CDN
LiteSpeed Cache	Cache Plugin
Perfmatters	Misc optimizations
NameHero	Email Hosting

Nasa ibaba ang aking website speed score sa PageSpeed ​​Mga Pananaw & GTmetrix.

At doon mismo ang ultimate tutorial kung paano Taasan WordPress Website Bilis at Pass Core Web Vitals sa 2024