Nasıl Hızlandırılır WordPress Web Sitesi ve Geçiş Core Web Vitals – 2026 Kılavuzu

Günümüz dijital çağında, WordPress web sitesi hızı ve optimizasyonu, optimum kullanıcı deneyimi sunmada çok önemli bir rol oynar. Yavaş yüklenen web siteleri yalnızca ziyaretçileri sinirlendirmekle kalmaz, aynı zamanda arama motoru sıralamalarınızı ve genel çevrimiçi itibarınızı da olumsuz yönde etkileyebilir.

Aslında istatistikler şunu gösterdi Kullanıcıların %40'ı, bir web sitesi açılmadığı takdirde ayrılacak 3 saniyede yükle ancak web sitenizi hızlandırmanızın tek nedeni kullanıcıyı elde tutmak değildir. 

Yavaşlamanızı Nasıl Hızlandırabilirsiniz? WordPress Site ve geçiş Core Web Vitals?

Yavaş Nasıl Hızlanır? WordPress Site ve Geçiş Core Web Vitals

Kısaca sahip olmanız gerekenler;

  • Hafif tema (Kadence, Astra, GeneratePress veya OceanWP)

Yeterince vurgulayamam, eğer hızlı bir web hostinginiz yoksa, web sitenizin performansını artırmak için sadece zamanınızı boşa harcıyorsunuz demektir. Hızlı bir web barındırıcısına sahip olmak, tema gibi herhangi bir performans ayarlamasından önce hızlı yüklenen bir web sitesine sahip olmak için ilk adımınızdır. caching vb.

Hızlı yükleme hızlarına sahip olmanın, arama sonuçlarında daha üst sıralarda yer almanıza da yardımcı olabileceğini unutmayın. Buna göre şunu söyleyebiliriz WordPress hız optimizasyonu yaygın bir endişe kaynağıdır platformda web siteleri oluşturan veya işletenler için. Web sitenizi optimize etmek sayfa yükleme süresini azaltmanıza yardımcı olabilir. 

Bu makalede, size yardımcı olacak en önemli ipuçlarını sizinle paylaşacağım. WordPress hız optimizasyonu. 

DNS'nizi değiştirmek, barındırma yapılandırmaları, görsel optimizasyonu ve daha fazlası gibi konuları ele alacağız. Ancak bunların herhangi birine girmeden önce, ne anlama geldiğini anlamalısınız.appbir kullanıcı bir siteyi ziyaret ettiğinde WordPress site. 

Nasıl olduğunu anlamak WordPress Eserler 

Yıllar boyunca öğrendiğim en önemli şeylerden biri şu: WordPress içerik yönetimi gibi birçok farklı şey için mükemmeldir. Ancak hız, platformun bilinen bir özelliği değildir ve bunun nedeni, platformun çalışma şeklidir. 

Birisi sizi ziyaret ettiğinde WordPress, platform, veritabanınız ve temalarınız gibi farklı kaynaklardan veri çeker ve hepsini bir HTML dosyasında birleştirir. Bu işlem tamamlandıktan sonra HTML dosyası kullanıcının web tarayıcısına gönderilir. 

Ancak şunu söyleyebilirim hareket halindeyken sayfa oluşturmak ideal performans için pek uygun bir seçenek değildir. Ayrıca şöyle şeyler plugine-postaların ve temaların tümü aynı anda çalışıyor değerli tüketmek server olabilecek kaynaklar yükleme hızının azalmasına neden olur. 

Bu, optimize edemeyeceğiniz anlamına gelmez WordPress hız için site. söz konusu olduğunda yapabileceğiniz birçok şey vardır. WordPress hız optimizasyonu. Gelin bunların ne olduğuna bakalım;

DNS Hızı
Kaynak: DNSPref

DNS'nizi değiştirmek hızınızı artırmanıza yardımcı olabilir WordPress site, ama hamleni yapmadan önce, DNS hızınızı kontrol edin. Bilmeniz gereken ilk şey, alan adı kayıt kuruluşunuzun DNS sağlayıcınız olduğudur; bu nedenle, geçiş yapmadıysanız İlk Bayt Süresinin (TTFB) yavaş olması riskiyle karşı karşıya kalabilirsiniz.

Bu happbirkaç nedenden ötürü, örneğin ağ gecikmesi, planlanmamış DNS bakımı ve ağınızın ana bilgisayarının tarafından engellendi Google. Hatta SEO sıralamanızı bile kaybedebilirsiniz. Bilmeniz gereken en önemli şey Cloudflare'in DNS'inin iyi performans gösterdiğidir, ancak LiteSpeed serverQUIC'in DNS'sini kullanmak daha iyi bir seçenektir.

sana verir doğru coğrafi yönlendirme ve QUIC'in CND'si ile iyi entegre olur. Her ikisi de premium DNS sunan Kinsta ve Cloudways gibi başka seçenekler de var. Ancak bilmeniz gereken şu ki Kinsta, Amazon Route 53'ü kullanıyor ve Cloudways, Kolaylaştırılmış DNS'yi kullanıyorve her ikisi de daha yavaştır 13.47 milisaniye (ms) sorgu hızına sahip olan Cloudflare.

DNS'nizi Cloudflare olarak değiştirmek için:

  1. Platforma kaydolun.
  2. Web sitenizi ekleyin.
  3. Izleyin ismini değiştirservers istemleri ve gitmeye hazırsınız.

Ana Sunucuları Tercih Etmeyin

Çoğu kişi genellikle popüler bir barındırma planının veya sağlayıcısının kendileri için en iyi seçenek olduğunu düşünür. Ancak, hızınızla ilgili herhangi bir endişeniz varsa WordPress Bunun %100 doğru olmadığını bilmeniz gerekir. Pek çok barındırma şirketinin, pazarlama ve reklamlara para yatırdığını, böylece gösterilebildiklerini anlamalısınız. "en iyi seçenek."

Yıllar boyunca öğrendiğim şey, barındırma planları hakkında bulacağınız tüm bilgilerin doğru olmadığıdır. Bu göz önüne alındığında, çevrimiçi olarak gördüğüm incelemeleri ve videoları görmezden gelme ve bunun yerine teknik özelliklere güvenme eğilimindeyim ve size de aynısını yapmanızı tavsiye ederim.

Aşağıda karşılaştırabileceğiniz popüler barındırma sağlayıcılarının verileri bulunmaktadır.

  • Paylaşılan barındırma planı özellikleri:
 SiteGround GrowBigHostinger İşletme WP'siWPX İşiA2 Barındırma Turbo BoostNameHero Turbo Cloud
Menşeipaylaşılanpaylaşılanpaylaşılanpaylaşılanpaylaşılan
ServerApache + NginxLiteSpeedLiteSpeedLiteSpeedLiteSpeed
Cache PluginSG DoktoruLSCLSC veya W3TCLSCLSC
CDNGoogle bulutQUIC.cloudQUIC.cloud/XDNQUIC.cloudQUIC.cloud
Tam sayfa cachingEvetQUIC'i kullanmaQUIC'i kullanmaQUIC'i kullanmaQUIC'i kullanma
DNSTarafından engellendi Google 4 günDahili/HIZLIDahili/HIZLIDahili/HIZLIDahili/HIZLI
Çekirdekler/RAMGizli2 çekirdek/1.5 GB1 çekirdek/1GB2 çekirdek/2GB3 çekirdek/3GB
Depolama20 GB / SATA200 GB / SATA15 GB / SATA“Sınırsız” / NVMe“Sınırsız” / NVMe
nesne CacheMemcacheMemcacheYok hayırRedisRedis
veritabanıMySQLMariaDBMariaDBMariaDBMariaDB
Kaynak limitleriCPU kaynakları yaygındırDüşük kaynaklarDüşük kaynaklarLiteSpeed ​​ile VerimliLiteSpeed ​​ile Verimli
düğüm400,000600,000takdirine bağlı olarak600,000500,000
Kontrol PaneliSite AraçlarıhPanelWPX PanelicPanelcPanel
E-posta depolama10GB1GBÇoklu limitlerLimitsizLimitsiz
önemli olaylarTTFB/DNS/CPU sorunları ve etik dışı2019'da dolandırıcılık raporları, sahte incelemeler ve ihlallerKüresel kesintinin sorumlusu ölen CEO'ydu2 hafta süren fidye yazılımı saldırısıÖzür mektubunun yayınlanmasıyla birlikte 2 günlük düğüm kesintisi
TrustPilot derecelendirmesi4.64.64.94.44.6
Giriş fiyatıAyda $ 6.993.99 ay ücretsiz olarak ayda 3 ABD doları20.83 ay ücretsiz olarak ayda 2 ABD dolarıAyda $ 6.99Ayda $ 10.97
YenilemelerAyda $ 29.99Ayda $ 8.99Ayda $ 20.83Ayda $ 22.99Ayda $ 19.95
gözlemDetaylarDetaylarDetaylarDetaylarDetaylar

  • Bulut barındırma planı özellikleri:
 SiteGround Bulut Hızlı Başlangıç ​​PlanıWP Motor Çalıştırma PlanıKinsta Başlangıç ​​PlanıBulut Yolları Vultr HF (2GB) Rocket.net Başlangıç ​​Planı
Menşeibulutbulutbulutbulutözel Bulut
ServerApache + NginxApache + NginxApache + NginxApache + NginxApache + Nginx
Çekirdekler/RAM4 çekirdek/8 GBListelenmemiş12 çekirdek/8GB1 çekirdek/2 GB32 çekirdek/128 GB
Depolama40GB10GB10GB64GB10GB
CDNGoogle bulutCloudflare ve LehçeCloudflare, tam sayfa cachingve güvenlik duvarı kurallarıCloudflare Enterprise ayda 5 dolaraCloudflare Enterprise
CDN Bant genişliğiölçülmeyenSöz edilmemiş100 GB100GBLimitsiz
DNSİçİçAmazon Rota 53DNS Aylık 5 ABD Doları karşılığında KolaylaştıCloudflare
Cache PluginSG Doktoru--Esinti-
nesne CacheMemcachedMemcachedAylık 100$ karşılığında RedisRedis ProRedis
PHP İşlemciFastCGIHHVMFastCGIFPMLiteSpeed
PHP çalışanlarıSöz edilmemişSöz edilmemiş2 PHP çalışanıLimitsizLimitsiz
Hafıza SınırıAyarlanabilir512 MB256MBAyarlanabilir1GB
veritabanıMySQLSöz edilmemişSöz edilmemişMariaDBMariaDB
Nginx'in tersine çevrilmesi proxyEvetManuel YapılandırmaAyda $ 50EvetEvet
Bant genişliği veya aylık ziyaretler5TBAyda 50 GB ve 25,000 ziyaretAyda 25,000 ziyaret2TBAyda 50 GB ve 250,000 ziyaretçi
E-posta BarındırmaEvet----
Kötü Amaçlı Yazılım TemizlemeYalnızca tarayıcı-Uzaklaştırma vaadi-Imunify360
önemli olaylarTTFB/DNS/CPU sorunları ve etik dışı2015 yılında ihlalHayırHayırHayır
TrustPilot derecelendirmeleri4.64.54.24.54.9
FiyatAyda $ 100Yıllık ödeme yapıldığında ayda 20$Ayda $ 35 Ayda 30 ABD doları ve CF kuruluşu için ek 5 ABD dolarıAylık 30 dolar.
gözlemDetaylarDetaylarDetaylarDetaylarDetaylar

Sizinle paylaştığım bilgilere göre size en uygun barındırma sağlayıcısını seçebilirsiniz. Ancak bahsettiğim hem paylaşımlı hem de bulut barındırma platformları hakkında belirtmek istediğim bazı önemli noktalar var. Bu platformlar hakkında okuyacağınız olumlu yorumlar yüzde 100 doğru değil.

Bununla birlikte, daha iyi TrustPilot gibi platformlardaki 1 veya 2 yıldızlı değerlendirmeleri filtreleyin ve kullanıcıların ne durumda olduğunu görünappyaklaşık. Ayrıca bazı paylaşılan barındırma sağlayıcıları Hostingere'de var deneyimli veri ihlalleri milyonlarca müşteriyi etkiledi. WPX'te kesinti yaşandı Bu, çok sayıda web sitesini çevrimdışı bıraktı ve kullanıcılar iletişim eksikliğinden şikayetçi oldu.

Sizin için birini seçmeye gelince WordPress site için biraz araştırma yapmanız yeterli olacaktır. Bu, TrustPilot'taki bazı kötü incelemelerden geçmeyi, Reddit'teki kullanıcı deneyimleri hakkında okumayı ve özellikleri analiz etmeyi içerecektir.

Barındırma Hesabınızdaki Ayarları Yapılandırın

Çoğu kişi bu hususu gözden kaçırır ve yalnızca varsayılan barındırma yapılandırma seçeneklerine sadık kalır.

Örneğin web siteniz hizmet vermiyorsa cached sayfaları, bu, sayfalarınızı aşırı yükleyebileceği anlamına gelir serverbu da hızın düşmesine neden olur ve en kötü senaryoda web siteniz çökebilir. Yapılandırabileceğiniz barındırma ayarları sağlayıcıya göre değişiklik gösterir ancakrally aşağıdakileri içeren farklı yönleri içerir.

  • OPcache - Bu teklif edilen bir şeyse, kullanın. OPcache PHP'de yerleşiktir ve önceden derlenmiş komut dosyası bayt kodu paylaşılan belleğiyle çalışır, bu da web sitesi performansını artırır. PHP'nin her istekte betiği yüklemesine gerek yok.
  • Caching katmanları – Eğer seçeneğiniz varsa Ngnix gibi bir şey kullanın, yap. Yukarıda bahsettiğim bazı barındırma seçenekleri Nginx'in tersini destekliyor proxy, izin ver cache içerik ve web sitenizin hızını artırın.
  • Brotli – Brotli'yi destekleyen çok fazla sunucu bulamazsınız, ancak destekliyorlarsa bu büyük bir avantajdır. Kayıpsız bir sıkıştırma algoritmasıdır 2. derece içerik modellemenin, LZ77 algoritmasının ve Huffman kodlamasının farklı varyasyonlarını kullanarak verileri sıkıştırır.
  • Kaynak kullanımı – Çoğu kişi bunu gözden kaçırma eğilimindedir, ancak kaynak kullanımınıza ve hata günlüklerinize göz kulak olmanız çok önemlidir. Aynı anda çok fazla kaynak kullanıyorsanız, bu durum hızı etkileyebilir.
  • Redis Mem'e Karşıcached – Bunların her ikisi de harika seçenekler, ancak Redis'in burada üstünlüğü var. Mem'den daha iyi bir bellek kullanım oranı sağlarcached karma yapısını kullandığında ve disk dökümü için üçüncü taraf araçlara güvenmediğinde.

Cloudflare APO, Enterprise veya dışında hiçbir şey kullanmayın QUIC.cloud LiteSpeed'de

Cloudflare'ın Otomatik Performans Optimizasyonu (APO) konu söz konusu olduğunda en önemli şeydir. WordPress hız optimizasyonu. Temel olarak Cloudflare'in tüm sisteminize hizmet vermesine olanak tanır WordPress site elinden geldiğince cache dinamik içerik, hızlı ve tutarlı TTFB elde etmenize yardımcı olur.

Diğer bazı sağlayıcıların kendi tekliflerini sunduğunu biliyorum CDNve bir karar vermek bunaltıcı olabilir. Bu yüzden kontrol etmek daha iyi olur CDNCloudflare için mükemmel olan 'nin performansı. CloudFlare CDN en iyi performans gösterenlerden biri cdnpref.com ve benzerlerinden bile daha iyi Google ve Akamai. 

Yalnızca 26.81 ms'lik bir sorgu hızına sahiptir, yani 0.16 ms daha hızlı Google ve bir kuyruk Akamai'den 6.22 ms daha hızlı.

CDN hız
Kaynak: CDNtercih

APO ve Kurumsal Cloudflare Planı

Daha fazla ayrıntıya girmeden önce, APO'nun çoğu web sitesi için işi halledeceğini belirtmek isterim, ancak bu, APO'nun APO'ya sahip olmadığı anlamına gelmez. Kurumsal sürüm. Dolayısıyla APO yolunu tercih ederseniz güvenlik duvarı güvenliği, görüntü optimizasyonu, SSO desteği ve daha fazlası gibi şeylerden ödün vermek zorunda kalabilirsiniz.

Şimdi bilmeniz gereken şey, bazı barındırma platformlarının desteklediğidir. Cloudflare Enterprise, ancak birkaç özelliği kaçırıyorlar. Tecrübelerime dayanarak inanıyorum ki Rocket.net Enterprise sürümünü sunmaya yaklaşan sürümdür. Bunun için yapılandırılmıştır WordPress kutudan çıktığı gibi tonlarca avantajla birlikte gelir: görüntü optimizasyonu, katmanlı caching, akıllı yönlendirmeVe daha fazlası.

Karar vermek zor olabilir ve bu nedenle Cloudflare Free'yi kullanıp kullanmayacağınıza karar vermenize yardımcı olacak faktörlerin bir listesini derledim. Cloudflare Enterprise Cloudways ile UçuyorProxyya da Rocket.net.

  • Tbps'de 192 ve 285'teki PoP'lar herkes için aynıdır. Cloudways APO'yu desteklemiyor ve bunu yapmanız gerekiyor Cloudflare Free ile kullanmak için ayda 5 ABD doları ödeyin.
  • Uçan Proxy Agro Akıllı Yönlendirme yokve Cloudflare ile ücretsiz kullanmak için ekstra ödeme yapmanız gerekiyor.
  • HTTP/3 ve WAF tüm seçenekler için tutarlıdır; Cloudflare ücretsiz yük dengeleme için ek ücretler olabilir appyalnızca ilk 500,000 sorgudan sonra.
  • Aşağıdakiler dışında seçeneklerin hiçbiri otomatik yapılandırmayla birlikte gelmez: Rocket.netancak alacağınız bant genişliği seçtiğiniz barındırma planına bağlı olacaktır.

QUIC'in Standart Planıyla LiteSpeed

üzerinde iseniz Işık hızı server ve Cloudflare'ı kullanamıyorsanız, o zaman QUIC en iyi seçenektir senin için. diğerleriyle karşılaştırdım Bunny gibi alternatifler CDN, UçanCDNve SiteGround 2.0. İşte bulduğum şey:

  • MKS bant genişliği Aldığın değil Yanlışlıkla reklamı yapıldı ve aslında sınırsızdır.
  • Coğrafi çoğaltma ve tam sayfa gibi şeyler için fazladan ödeme yapmanıza gerek yok caching.
  • QUIC'in standart planıyla görüntü optimizasyonu ve HTTP/3 Yük dengeleme WAF Anti-DDoS'niz için ekstra ödeme yapmanıza gerek yoktur.

Sayfa Oluşturucularla Aşırıya Kaçmayın

Sayfa oluşturucular söz konusu olduğunda bilmeniz gereken en önemli şey, sitenize ekstra CSS ve JavaScript eklemeleri ve bellek kullanımını artırmalarıdır. Bu, sayfa oluşturucuları kullanıyorsanız en yüksek hıza ulaşamayacağınız anlamına gelmez; yapabilirsiniz, ancak barındırma konusunda dikkatli olmalısınız ve pluginKullanıyorsunuz ve optimize etmeniz gerekiyor.

Dolayısıyla, sayfa oluşturuculara yönelecekseniz şunları yaptığınızdan emin olun:

  • Font Awesome 4 Yükle desteği kapalı.
  • Mevcut tüm performans ayarları açıktır.
  • Widget'ların ve sütunların kullanımını minimumda tutun.
  • Kullanmadığınız zamanlarda sayfa oluşturucuları kapatın.
  • CSS yazdırma yönteminizin "harici stil" olarak ayarlandığından emin olun.

Resmi kullan CDNs

Yıl 2024 ve günümüzde içerik tamamen resimler (ve videolar) ile ilgili. Görsellerin optimize edilmemesi, artan server kaynak tüketimi ve şişkinlik. Bu nedenle bu resmi kullanmak daha iyi CDNaksine plugins.

Yıllar boyunca çoğunu kullandım: Imagify, ShortPixel, Bunny Optimizer ve Cloudflare Mirage/Polish, birkaç isim. Tüm bu seçenekler arasında CloudFlare'in en iyisi olduğunu düşünüyorum. Size şunu verecektir:

  • WebP.
  • Mobil yeniden boyutlandırma.
  • AVIF dönüşümü.
  • Ağ optimizasyonları.
  • Yok hayır server kullanım ve şişkinlik yok.
  • AVIF, aşağıdaki görselleri destekler ve sunar: CDN.

Ve en iyi kısmı da buna dahil olmasıdır CloudFlare Enterprise. Bunu yaparken hatırlaman gerekiyor çoğu CDNWebP desteği, bazıları görüntüleri her zaman dönüştürmez, bu nedenle şunları yapmanız gerekir:gör Chrome Geliştirici Araçları'na gidin ve görüntülerin dönüştürülüp dönüştürülmediğine bakın. Akılda tutulması gereken bir diğer şey, boyutlara spesifik olmanız gerektiğidir.

köprü cache pluginBunu otomatik olarak yaparız, ancak durum böyle değilse her zaman yapabilirsiniz. HTML dosyasındaki görüntünün boyutunu değiştirin. Son olarak, tarayıcıyı ayarla cache TTL'den 365 güne kadar çünkü daha uzun olması daha iyi cache Statik görsellerin son kullanma tarihi, çünkü değişmezler.

Emin ol Cache Yapılandırmalar Web Verilerine Yöneliktir

Web Verileri temel olarak performans ölçümleridir. Google web sitenizin genel kullanıcı deneyimini ölçerken dikkate alır. Bu, arama sıralamanızı etkileyebilir. En özgür olanı bilmeniz sizin için önemlidir. cache plugins bunu destekleyen özelliklere sahip değilim, ancak bir seçim yapmak zorunda kalsaydım bunu tercih ederdim Hızlı Performans veya W3.

Bunun dışında, Lazy render HTML öğeleri ve APO uyumluluğu gibi SG optimizer ve WP Rocket temel özelliklerine yönelik seçenekler. Bu bize gerçekten iki seçenek bırakıyor ve aşağıda karşılaştırmayı görebilirsiniz: 

                                        LiteSpeed Cache      FlyingPress
Server-side cachingEvetYok hayır
JavaScript'i GeciktirEvetEvet
Kullanılmayan CSS'yi kaldırınAyrı dosyaAyrı dosya
Kritik CSSEvetEvet
Preload kritik görsellerSayıya göreYok hayır
Ekranın üst kısmındaki görselleri hariç tutOtomatikOtomatik
Tembel yükleme arka plan resimleriYok hayırYardımcı sınıf
Tembel render HTML öğeleriEvetEvet
Eksik resim boyutlarını ekleyinEvetEvet
YouTube iframe önizleme resmiEvetEvet
Kendi kendine barındırılan YouTube yer tutucusuYok hayırEvet
Yazı tiplerini yerel olarak barındırınEvetEvet
Yazı tipi ekranı: takasEvetEvet
Preload bağlantılarEvetEvet
CDNQUIC.cloudTavşan CDN
APO uyumluluğuEvetEvet

Dürüst olmak gerekirse, WP Rocket'ın yıllar içinde geride kaldığını ve LCP optimizasyonu, görseller ve yazı tiplerini yerel olarak barındırmak için gerçekten en iyi seçenek olmadığını düşünüyorum. geçiş yaptım FlyingPress yakın zamanda ve size şunu söyleyebilirim ki web hayati bilgileri ve hız için idealdir.

küçültmek isteyebilirsiniz cache plugin Eğer öyleysen CloudFlare'i kullanma ve CSS/Java'yı birleştirmeyin çünkü web sitenizi yavaşlatabilir ve HTTP/2'de yapılmaması gereken bir şeydir.

yapılandırma Perfmatters Sizin İçin Ayar Cache Plugin

Kullandım Perfmatters Yıllar boyunca oldukça fazla ve öğrendiklerime dayanarak, yapılandırmanız gereken ayarın kesinlikle her biri için farklı olduğunu söyleyebilirim. plugin. Bu söz konusu olduğunda cache plugins, gerçekten buna değer sadece dört seçeneğiniz var. İşte her biri için bir döküm

Perfmatters ayarFlyingPressLiteSpeed CacheWP RocketSite Alanı Optimize Edici
GenelTüm seçenekleri etkinleştirTüm seçenekleri etkinleştirin ancak wp-login'i ve kalp atışını taşıyınKalp atışı dışındaki tüm seçenekleri etkinleştirinKalp atışı dışındaki tüm seçenekleri etkinleştirin
VarlıklarKomut dosyası yöneticisini etkinleştirinKomut dosyası yöneticisini etkinleştirinKomut dosyası yöneticisini etkinleştirin ve ardından kullanılmayan CSS'yi kaldırınKomut dosyası yöneticisini etkinleştirin, JavaScript'i geciktirin ve ardından kullanılmayan CSS'yi kaldırın
PreloadingPreload CSS/JS dosyalarıPreload kritik görüntüler ve yazı tipleri/CSS/JS dosyalarıPreload kritik görseller ve CSS/JS dosyalarıPreload kritik görseller ve CSS/JS dosyaları
tembel YüklemekapamakCSS arka plan resimlerini etkinleştirinCSS arka plan resimlerini etkinleştirinTüm tembel yükleme ayarlarını etkinleştir
Yazı tiplerikapamakkapamakYereli etkinleştir Google Yazı tipleriEkran değiştirmeyi + yerel'i etkinleştir Google Yazı tipleri
CDNkapamakkapamakkapamakkapamak
Analitikkapamakkapamakkapamakkapamak

Yani, yapılandırma söz konusu olduğunda cache plugins Perfmatters, yapılandırabilirsiniz FlyingPress ve LiteSpeed'i normalde yaptığınız gibi kullanın. Fakat, WP Rocket'a gelince, malısın tüm CSS ayarlarını devre dışı bırakın. Aynı gider SG optimize edici, ama yapmalısın orada tembel yükleme ayarını da devre dışı bırakın.

Üçüncü Taraf Kodunu Yerel Olarak Barındırın veya Geciktirin

Üçüncü taraf kodları, ana ileti dizinizi engelleyen ve önemli görevleri engelleyen komut dosyaları içerebilir.

Bu kodlar hızını azaltabilir server yanıt süreleri, DNS aramaları ve yanıt hataları. Ancak burada yıllar içinde öğrendiğim hızlı bir düzeltme var.

  1. Tüm üçüncü taraf kodları, yazı tiplerini ve küçük resimleri yerel olarak barındırın.
  2. Eğer kullanıyorsanız LiteSpeed cache, yerelleştirilmiş kaynakları desteklediği için emin ellerdesiniz.
  3. Eğer değilseniz, kullanabilirsiniz Perfmatters' yerel Google yazı.
  4. Kullanmadığınız yazı tipi ailelerini kaldırmak için woff2'yi de kullanabilirsiniz.
  5. Ekranın alt kısmındaki üçüncü taraf kodunu geciktirin. 

Hatırla Preload

Ön bağlantı, üçüncü taraf alan adlarıyla erken bağlantı kurmanıza yardımcı olur ancak bu, yalnızca üçüncü taraf yazı tipleri ve CDN URL'ler. Prefetch ise ön bağlantıya oldukça benzer. Tek fark TCP veya TLS'dir. Yapmanız gerektiğini unutmayın preload yazı tipleri (Prefmattters ile çapraz kökenler kullanın), resimler, WP-Block-Library ve bağlantılar.

İşiniz bittiğinde sitenizi HSTS'ye gönderin preload için liste Chromeve performans artışı elde edeceksiniz.

Preload HSTS

Kullanılmayan CSS'den Kurtulun 

Çoğu kişi bunu gözden kaçırır, ancak kullanılmayan CSS web sitenizin performansını etkileyebilir, bu nedenle onu kaldırmak daha iyidir. WP Rocket kullanıyorsanız bu özelliği devre dışı bırakmanızı ve ardından onu etkinleştir Perfmatters ile "Dosya" için seçenekler “Kullanılan CSS Yöntemi” ayarı.

Yavaşlığı Kontrol Et Plugins

Web sitenizi hız için optimize ederken şunu bilmeniz gerekir: plugin yavaş performans göstermesi hızı etkileyebilir. Yıllar geçtikçe, bunun birkaç nedenini belirledim. Plugin yavaş olabilir.

  • İlk neden, ön uca CSS ve JavaScript eklemektir. Böyle JavaScript ve CSS'yi bulabilirsiniz Kapsamı kullanma ve hızlandırmak için bunları kaldırın WordPress site.
  • A plugin bellek kullanımını arttırıyorsa da yavaş olabilir. Durumun böyle olup olmadığını test etmek için, WP Hive'ı kullanın. Otomatik olarak test edecek plugin ve size ihtiyacınız olan tüm bilgileri vereceğiz.
  • Diğer bazı nedenler şunlar olabilir: plugin veritabanı şişkinliği ekler veya jQuery kullanır. Bu sorunları kontrol edebilirsiniz phpMyAdmin'i kullanarak ve Perfmatters bağımlılıkları göster.

Tüm bunlara ek olarak şunları da yapabilirsiniz: optimize pluginbunları değiştirerek CDNArka plan görevlerini sınırlandırır, geciktirir ve kullanılmayan özellikleri devre dışı bırakır. Aşağıda bazı pluginHem belleği hem de sayfa hızını etkilediğini gördüm.

PluginKategorilerBellek EtkisiSayfa Hızı Etkisi
Bir SEO All InSEOYok hayırYok hayır
Broken Link CheckerSEOYok hayırEvet
DisqusYorumlarEvetYok hayır
ElementorPage BuilderYok hayırYok hayır
Elementor Premium EklentileriPage BuilderEvetYok hayır
Elementor ProPage BuilderYok hayırYok hayır
JetElementsPage BuilderYok hayırYok hayır
jetpackGüvenlikYok hayırYok hayır
NextGEN GalerisiGaleriYok hayırYok hayır
Popup BuilderPopupYok hayırYok hayır
Site Kiti GoogleAnalitikYok hayırEvet

devre dışı bırakmak PluginBelirli Sayfalarda

Bunun için yapabileceğiniz bir sonraki şey WordPress hız optimizasyonu devre dışı bırakmaktır pluginbelirli sayfalarda. Perfmatters ve Varlık Temizleme bunu yapmanın en popüler seçeneklerinden ikisidir. kullanırım Perfmattersve devre dışı bırakma pluginBu aracı kullanmak oldukça basittir.

Yapmanız gereken ilk şey şudur: komut dosyası yöneticisini ve test modunu etkinleştirin. Bunu yapmak için "Varlıklar" Üst menüde sitenizin herhangi bir sayfasını ayarlayıp görüntüleyin ve ardından “Performans maddesi” ve sonra “Senaryo Yöneticisi.”

Şimdi komut dosyası yöneticisi ayarlarına gidin ve test modunu etkinleştirin. Bununla işiniz bittiğinde, yapmanız gerekenler devre dışı bırakmak pluginyayınlanan tüm sayfalarda veya mobil cihazlarda. Bunları mobil cihazlarda devre dışı bırakırsanız şunları yapmanız gerekir: etkinleştirmek “ayrı mobil cache".

LCP'nizi Tanıyın

Dolayısıyla, bir LCP temel olarak dört alt bölüme ayrılmıştır ve her biri, ayrıntıları aşağıda belirtilen farklı bir faktörle ilgilidir.

Çoğu insanın En Büyük İçerikli Boya'yı (LCP) sağlam bir şekilde kavramakta zorluk çektiğini gördüm. Ancak bu, hayati önem taşıyan temel bir webdir ve bunu anlamanız gerekir.

LCP Alt BölümüFaktörlerLCP %'si
TTFBCDN, barındırma, tam sayfa caching, vb.~% 40
Kaynak yükleme gecikmesitembelden görüntü alanı görüntüleri, preload yazı tipleri, görünüm görüntüleri, hariç tutma
Kaynak yükleme süresiCSS/JS boyutlarını/resimlerini azaltın, CDN, kritik CSS, cache sona erme~% 40
Öğe oluşturma gecikmesiJavaScript'in ertelenmesi, azaltılması ve kaldırılmasıyla ilgili

Yapabilirsin kullan performans bilgileri itibaren Chrome Geliştirme Araçları Hangi TTFB'lerin yüklenmesinin en uzun sürdüğünü görüntülemek için. Bunu belirledikten sonra, ağır dosyaları ekranın altına taşıyarak, Cloudflare SXG kullanarak, oluşturma engellemesini önlemek için JavaScript'i erteleyerek ve HTML öğelerini tembel olarak oluşturarak LCP'ler yapabilirsiniz. LCP'ler hakkında daha fazla bilgi edinmek istiyorsanız, o zaman bu Chrome Geliştiriciler için video buna değer.

Düzen Değişikliklerinden Uzak Durun (CLS)

Düzen kayması temel olarak sayfa yüklenirken sayfanın ne kadar kaydığıdır. Bu çok önemli WordPress hız optimizasyonları ve happçünkü sayfanın farklı öğeleri farklı hızlarda yüklenir, bu danflKullanıcıların sayfa görüntülemelerini etkiler. kullanım Googlesayfa düzeni kaydırma hata ayıklayıcısı Bu düzen değişikliklerinin web sitenizde nasıl gerçekleştiğini görmek için.

CLS Hata Ayıklayıcı

Bu kılavuz boyunca düzen değişikliklerini optimize etmek için yapabileceğiniz pek çok şeyden bahsettim ve burada bir hatırlatma olarak bunlardan tekrar bahsedeceğim.

  • takas preloadyazı tiplerini değiştirin ve eksik görüntü boyutlarını ekleyin.
  • değiştir senin cookie ihbar pluginçünkü bu aynı zamanda düzen değişikliklerine de neden olabilir.
  • Boyutlar ekleyip bunları bir div koduna yerleştirerek dinamik içerik ve reklamlar için yer ayırın.
  • Kullanılmayan CSS'yi kaldırın, kritik CSS'nin çalıştığından emin olun ve CSS'yi düzenlerseniz yeniden oluşturun.
  • Ayrı cep telefonunu etkinleştir cache Cihazınızda cache plugin Siteniz mobil cihazlara yüklendiğinde düzen değişikliklerini en aza indirmek için.

Kaynak Kullanımını %50'nin Altında Sınırlayın

Web sitenizi hız açısından optimize ederken; trafik artışları ve arka plan görevleri için yer bırakmanız gerekir. CPU kullanımınız yüksekse gecikme yaşayabileceğinizi unutmamak önemlidir. %50'nin altında tutmak en iyisi. CPU kullanımınızı sınırlamaya çalıştığınızda bant genişliğinizi bir CDN ve yüksek bellek kullanımını kaldırma pluginyardımcı olabilir. Ama hepsi bu değil.

  • Veri paylaşımını devre dışı bırak plugins.
  • Git senin “wp_options” Tabloyu açın ve otomatik olarak yüklenen verileri temizleyin.
  • Git senin WordPress tartışma ayarını yapın ve geri pingleri devre dışı bırakın.
  • Yeterli çekirdek, RAM ve kaynak sınırına sahip bir barındırma planı kullanın.
  • Kullanılmayan CSS'yi sınırlamak için parti boyutunu azaltın ve mısır aralığını artırın.
  • Bazı eylemler tüm durumunuza neden olabilir cache temizlenmesi CPU kullanımının artmasına neden olur, bu nedenle otomatik cache temizleme.
  • Unutmayın ki WP Rocket'ın preloadMüh, LiteSpeed Cache'nin tarayıcısı veya SG Optimizer'ın ön ısıtması cache CPU kullanımınızı artıracaktır.

Veritabanı Temizleme Ayarları İçin WP-Optimize Kullanın

köprü cache pluginVeritabanınızı temizlemeye çalıştığınızda üç yaygın sorunla karşılaşırsınız. Yaygın pluginveritabanı yedeklerini alamaz, bazı eskilerin geride bıraktığı veritabanı tablolarını kaldıramaz plugins ve tüm yayın revizyonlarını silin.

Ancak kullanırsanız bu sorunların hiçbiriyle yüzleşmek zorunda kalmayacaksınız. WP Optimize veritabanı temizlemeleri için. Tüm bunları ayarladıktan sonra şunları yapmanız gerekir:

  1. Veritabanı tablolarınızı gözden geçirin.
  2. Belirlemek "etkin değil" or "yüklü değil" tablolar.
  3. silmek pluginKullanmayı planlamıyorsanız e-postaları veya temaları kullanın.

Yıllar boyunca edindiğim önemli bir şey şu ki, pluginözellikle veri topluyorlarsa sizin için en iyisidir WordPress site, bu yüzden bunları kullanmamak daha iyidir. Siteniz için analiz istiyorsanız şunu öneririm: yapışmak Google Analitik veya henüz kullanmadıysanız kullanmaya başlayın.

Mobil Cihazlar İçin Optimize Etme

Bu söylenmeye gerek yok. Sitenizi ziyaret eden kişilerin çoğu muhtemelen bunu bir mobil cihazdan yapıyor ve sitenizin bunun için optimize edildiğinden emin olmanız gerekiyor. Artık çoğu masaüstü optimizasyonu mobil cihazlara da taşınıyor. Ancak bu durumun gerçekleşmemesi durumunda yapacağınız şey şu:

  • Mobil cihazı etkinleştir caching Cihazınızda cache plugin.
  • Kullanım Perfmatters için kullanılmayan CSS ve Javascript'i devre dışı bırakın cihaz türüne göre.
  • Gecikmeyi azaltmaya odaklanın çünkü bu, mobil kullanıcılar için anahtardır ve TTFB.
  • CLS'yi test edin Mobil cihazlarda daha önce bahsettiğim düzen kaydırma hata ayıklayıcı aracını kullanarak mobil düzen kaymalarını düzeltin.
  • Kullanım CloudFlare Enterprise ağı, öncelikli yönlendirme ve yük dengeleme, CDN PoP'lar.

Yalnızca Şunu Seçin Pluginİhtiyacınız Olanlar

Ücretsiz bir liste paylaştım pluginaşağıda sizinleyiz. Tabii ki hepsine ihtiyacınız yok, bu yüzden listeye göz atın ve size uygun olanları kullanın.

  • OMGF.
  • Debloat.
  • Optimole.
  • Unbloater.
  • WP Crontrol.
  • WP-Optimize edin.
  • Flying Scripts.
  • Query Monitor.
  • Widget'ı Devre Dışı Bırak.
  • 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.

Kurulumuma Bir Göz Atın 

Hala önünüzdeki tüm seçenekler arasındaysanız ilham almak için kurulumuma bir göz atın. Belki karar vermene yardımcı olur.

HizmetKategoriler
Rocket.netHosting
Cloudflare EnterpriseCDN (ile birlikte geliyor Rocket.net)
FlyingPressCache Plugin
PerfmattersÇeşitli optimizasyonlar
KadenceTema (Ücretsiz)
Kadence BlocksGuternberg Block Şablonlar (Ücretsiz)

Şimdi bu kurulumun bütçenizden daha pahalıya mal olabileceğini bilmenizi isterim. Yani daha fazla harcamak istemiyorsanız bu size göre değil.

Ancak bunun yerine kurabileceğiniz daha ucuz bir alternatifim var. Bir göz at.

HizmetKategoriler
NameHero Turbo CloudHosting
QUIC.cloud (Ücretli Plan)CDN
LiteSpeed CacheCache Plugin
PerfmattersÇeşitli optimizasyonlar
NameHeroE-posta Barındırma

Aşağıda web sitemin hız puanı bulunmaktadır Pagespeed Insights & GTmetrix.

riderchris mobil puan
Mobil Skor
riderchris masaüstü puanı
Masaüstü Puanı
riderchris gtmetrix puanı
GTmetrix Puanı

Ve işte burada, nasıl Artırılacağına dair nihai eğitim var. WordPress Web Sitesi Hız ve Geçiş Core Web Vitals 2024 içinde

lütfen beni takip et WhatsApp Channel En son güncellemeler için. Ayrıca Benimle irtibata geçin daha fazla yardıma ihtiyacınız olursa.

Benzer Mesajlar