En çok ihtiyaç duyduğunuzda güvenilir WordPress eğitimleri.
WordPress Başlangıç Rehberi
WPB Kupası
25 Milyon+
Eklentilerimizi kullanan web siteleri
16+
Yıllık WordPress deneyimi
3000+
Uzmanlardan WordPress eğitimleri

WordPress'i Statik Site Oluşturucularından Daha Hızlı Hale Nasıl Getirdik (Vaka Çalışması – WPBeginner'ı Hızlandırma)

onuncu yıl dönümümüzü kutladığımızda, barındırma altyapımızın büyük bir yükseltme aldığını paylaşmıştım. O zamandan beri birçok okuyucu, sitemizi bu kadar hızlı yüklemeyi tam olarak nasıl başardığımızı sordu.

Sitemizin çoğu statik site oluşturucudan daha hızlı yüklendiği doğrudur. Hatta bazı durumlarda Google AMP sitelerinden bile daha hızlıdır.

Bu sadece övünme hakkı meselesi değil. WordPress'in mutlak zirvede performans göstermesini sağlamak için ekibimizin kullandığı tam teknikleri paylaşmak istiyorum.

Bu kılavuzda, kurulumumuzun perde arkasına özel bir bakış sunacağım. WordPress'i başsız platformları yenmek için nasıl optimize ettiğimizi öğreneceksiniz.

WordPress'i Statik Site Oluşturucularından Daha Hızlı Hale Nasıl Getirdik (Vaka Çalışması - WPBeginner'ı Hızlandırma)

Not: Bu makale, normal içeriklerimizden daha tekniktir. Teknolojiye yatkın değilseniz, WordPress'i hızlandırma konusundaki nihai rehberimizi okumanızı öneririm.

Güncelleme: Aşağıda paylaşılan kurulumu artık kullanmıyoruz. Bunun yerine, tamamen SiteGround tarafından yönetilen Google Cloud platformuna geçtik. Aynı hız sonuçlarını koruduk ve daha hızlı arka uç performansı elde ettik. Neden SiteGround'a geçtiğimizi okuyun: SiteGround'a neden geçtiğimizi okuyun.

Şu anda SiteGround kullanıyor olsak da, aşağıda inşa ettiğimiz özel altyapı o zamanlar devasa bir mühendislik kilometre taşıydı.

Bu vaka çalışmasını yayınlamaya devam ediyoruz çünkü temel kavramlar - sunucu düzeyinde önbellekleme, yük dengeleme ve kenar düzeyinde optimizasyon - modern WordPress'i bugün statik site oluşturuculardan daha hızlı yapan aynı prensiplerdir.

Arka Plan

Son zamanlarda WordPress, 'modern' geliştiricilerden çok kötü bir üne sahip oldu, WordPress'in yavaş olduğunu söylüyorlar.

İfade genellikle, GatsbyJS gibi bir JAMstack statik site oluşturucuya geçmelisiniz şeklinde devam eder. Kurumsal dünyadaki diğerleri, Contentful gibi bir başsız CMS'ye geçmeniz gerektiğini söyleyecektir.

Several of my very successful entrepreneur friends started asking me whether this was true.

Bazıları, başkalarının WordPress'ten statik site oluşturucularına geçerek büyük hız iyileştirmeleri elde ettiklerine dair vaka çalışmalarını okudukları için başsız bir CMS'ye geçiş sürecini bile başlattı.

Bu benim için çok sinir bozucuydu çünkü on binlerce dolarlık geçiş maliyetini boşa harcadıklarını biliyordum. Gelecekte artacak sonsuz özelleştirme maliyetlerinden bahsetmiyorum bile.

Bu yüzden WPBeginner gibi büyük bir WordPress içerik sitesinin, çoğu modern statik site oluşturucudan daha hızlı olmasa da, en az onlar kadar hızlı yüklenebileceğini kanıtlamak için bunu bir meydan okuma olarak kabul ettim.

You can call me old school, but at the end of the day, a static site is just a page loading from cache.

Sonuçlar

Tam WordPress barındırma altyapısına, sunucu yapılandırmalarına ve eklentilere geçmeden önce, sonuçları paylaşmanın faydalı olacağını düşünüyorum.

WPBeginner ana sayfasının Pingdom'dan Washington, DC sunucusundan ne kadar hızlı yüklendiğini görün:

WPBeginner Ana Sayfa Pingdom

Günün saatine ve kontrol ettiğiniz konuma bağlı olarak bu sonuç 400ms ile 700ms arasında değişecektir, bu ana sayfa için oldukça hızlıdır.

Here’s a test that I ran for a single post page since it has bigger images and more content:

WPBeginner Tek Gönderi Sayfa Hız Testi (Pingdom)

Ayrıca masaüstü için Google Page Speed Test'te mükemmel bir "100" puan aldık. Mobil puanımızda iyileştirme alanımız olsa da.

WPBeginner Google Sayfa Hız Testi

Yukarıdaki sonuçlar, okuyucularımızın ve arama motoru botlarının web sitemizi görüntülediklerinde aldıkları önbelleğe alınmış sayfalar içindir. WPBeginner'ın algılanan yüklenme süresi neredeyse anında (bunun hakkında daha fazla bilgi aşağıda).

Karşılaştırma amacıyla, işte Gatsby'nin ana sayfası için bir hız testi sonucu. Bu, birçok geliştiricinin övgüyle bahsettiği popüler bir statik site oluşturucudur:

Gatsby Ana Sayfası Pingdom

İşte birçok geliştiricinin önerdiği popüler bir statik site barındırıcısı olan Netlify'ın ana sayfasının hız testi sonucu. Yarısı kadar isteğe sahip olduklarını ve sayfa boyutlarının WPBeginner'ın %30'u olduğunu fark edin, ancak yine de ana sayfamızdan daha yavaş yükleniyor.

Netlify Ana Sayfası Pingdom

İçerik Yönetim Sistemi olan Contentful'un, 'kuruluşların daha iyi dijital deneyimler sunması' olarak tanımlanan ana sayfa hızı hiç optimize edilmemiş. Test ettiğimiz en yavaş web sitesi buydu.

Contentful Ana Sayfası Pingdom

Bu istatistikleri diğer çerçeveleri itibarsızlaştırmak için değil, yeni olan her şeyin göründüğü kadar parlak olmadığını göstermek için paylaşıyorum.

WordPress, uygun bir barındırma altyapısı ve optimizasyonlarla, herhangi bir statik site oluşturucu kadar hızlı olabilir. Dahası, hiçbir platform, WordPress'in geniş eklenti ve tema ekosistemi aracılığıyla işletme sahiplerine sunduğu esneklik seviyesine yaklaşamaz.

WPBeginner Barındırma Altyapısı

When it comes to website speed, nothing plays a more important role than your web hosting infrastructure.

Bildiğiniz gibi, 2007'den beri HostGator müşterisiyim. WPBeginner blogunu 2009'da küçük bir HostGator paylaşımlı barındırma hesabında başlattım.

Web sitemiz büyüdükçe, onların VPS barındırma hizmetine ve ardından özel sunuculara yükselttik.

Son on yılda, ekibinizin birçok üyesiyle yakın çalışma fırsatı buldum ve onlar WPBeginner ailesinin genişlemiş bir parçası haline geldiler.

Bu yüzden WPBeginner'ı statik site oluşturuculardan daha hızlı hale getirme görevini üstlendiğimde, yardım için onlara başvurdum.

Vizyonumu liderlik ekipleriyle paylaştım ve bana WPBeginner için eşsiz bir kurumsal barındırma kurulumu oluşturmada yardım etmeyi teklif ettiler.

WPBeginner'ı inanılmaz derecede hızlı hale getirmek için Bluehost ve HostGator ekiplerinin en iyi mühendislerini benimle yakın bir şekilde çalışmak üzere görevlendirdiler.

WPBeginner hosting kurulumunun neye benzediğine dair bir genel bakış:

WPBeginner Barındırma Altyapısı

Gördüğünüz gibi, bu, iki coğrafi bölgeye (Teksas ve Utah) yayılmış çok sunuculu bir kurulumdur. Yük dengeleyici bulutu hariç toplam 9 sunucu bulunmaktadır. Her sunucu, 8 çekirdekli (16 iş parçacıklı) bir Xeon-D CPU'ya, 32 GB RAM'e ve 2 x 1 TB SSD'ye (RAID kurulumu) sahiptir.

Dünya çapında kesintisiz otomatik ölçeklendirme ve yük dengeleme yapabilmemiz için Google'ın Bulut Yük Dengeleme platformunu kullanıyoruz.

Once the hardware was set up with proper data syncing in place, the Bluehost and HostGator teams worked together to optimize the server configurations for WordPress. I hope that some of these optimizations will soon make it into future WordPress hosting plans :)

Server Configuration Summary

Bu karmaşık kurulumun sunucu yapılandırmalarını sadece birkaç paragrafta özetlemek çok zor, ama elimden geleni yapacağım.

Web sunucu yazılımımız için Apache kullanıyoruz çünkü ekip buna daha aşina. NGINX ve Apache tartışmasına girmeyeceğim.

O zamanlar PHP 7.2'yi PHP-FPM havuzlarıyla (sunucunun yoğun trafiği verimli bir şekilde işlemesine yardımcı olan bir yöntem) birlikte kullanıyorduk. Bugün, hosting şirketiniz PHP 8.1 veya daha yüksek bir sürüm kullanmıyorsa, ciddi hız optimizasyonlarını ve önemli güvenlik güncellemelerini kaçırıyorsunuz demektir.

Hiçbir gerçek kullanıcının önbelleğe alınmamış bir sayfa görüntüleme deneyimi yaşamamasını sağlamak için gelişmiş bir önbellek ısıtıcısı ile Opcode önbelleğe almayı (derlenmiş PHP kodunu kaydederek sunucunun daha hızlı çalışmasını sağlar) kullandık.

Ayrıca memcache ile Nesne önbelleğe almayı kullandık. Nesne önbelleğe alma, veritabanı sorgularını kaydeder, bu da önbelleğe alınmamış sayfa isabetleri için yanıt süresini önemli ölçüde iyileştirmemize ve oturum açmış kullanıcılar (yazarlarımız) için WordPress yönetici alanını hızlandırmamıza olanak tanır.

İşte o zamanki WordPress yönetici panelimizdeki “Tüm Yazılar” ekranının bir ağ yük sekmesi:

WPBeginner Yazı Düzenleme Ekranı

Perspektif olarak, yönetici alanı deneyimimiz artık daha önce sahip olduğumuzdan 2 kat daha hızlı.

Veritabanı sunucumuz için MySQL'den MariaDB'ye geçtik; bu, MySQL'in bir klonu ancak daha hızlı ve daha iyi. Ayrıca veritabanı çoğaltmamızı, yük devretmemizi ve yük dengelememizi iyileştirmemize yardımcı olduğu için HyperDB'den LudicrousDB'ye geçtik.

Ayrıca, daha hızlı bağlantı + şifreleme için HTTP/2 ve HSTS, veri merkezi kesintisi durumunda yeni bölgelerde ek sunucular başlatma yeteneği gibi performans ve ölçeklenebilirlik açısından bize yardımcı olan başka birçok yapılandırma da bulunmaktadır.

Ekibin inşa ettiği harika kurulumun hakkını veremediğimi hissediyorum, ancak lütfen temel gücümün pazarlama olduğunu bilin. Evet, WordPress hakkında yazan bir blog yazarım, ancak buradaki teknik optimizasyonların çoğu benim yeteneklerimin çok ötesinde.

Bunlar, Endurance ekibindeki David Collins (Endurance'ın baş mimarı / HostGator CTO'su), Mike Hansen (çekirdek WordPress geliştiricisi) ve aşağıda teşekkür edeceğim diğer kişiler dahil olmak üzere süper akıllı mühendisler tarafından yapıldı.

CDN, WAF ve DNS

Web barındırma dışında, web sitenizin hızında önemli bir rol oynayan diğer alanlar DNS sağlayıcınız, içerik dağıtım ağınız (diğer adıyla CDN) ve web uygulama güvenlik duvarınızdır (WAF).

Bunları üç ayrı şey olarak listelemiş olsam da, birçok şirket artık Sucuri, Cloudflare, MaxCDN (şimdi StackPath CDN) gibi çözümleri paketlenmiş bir planla sunuyor.

Maksimum kontrol sahibi olmak ve riski yaymak istediğim için, her bölümü verimli bir şekilde yönetmek üzere üç ayrı şirket kullanıyorum.

WPBeginner DNS, Constellix ile aynı şirket olan DNS Made Easy tarafından desteklenmektedir. Sürekli olarak dünyanın en hızlı DNS sağlayıcıları arasında yer almaktadırlar. DNS Made Easy'nin avantajı, maksimum çalışma süresini sağlamak için CDN'imdeki veya WAF'ımdaki belirli bir veri merkezi düzgün çalışmadığında küresel trafik yönlendirmesi yapabilmemdir.

CDN'imiz MaxCDN (daha sonra StackPath CDN olarak bilinen ve artık kullanımdan kaldırılmış olan) tarafından destekleniyordu. Temel olarak statik varlıklarımızı (resimler, CSS dosyaları ve JavaScript'ler) dünya çapında geniş bir sunucu ağı üzerinden sunmamıza izin verdiler.

Web uygulaması güvenlik duvarımız olarak Sucuri kullanıyoruz. Saldırıları engellemenin yanı sıra, CDN'nin başka bir katmanı olarak da hizmet veriyorlar ve genel performansları harika. Piyasada en iyi WordPress güvenlik duvarı çözümüne sahip olduklarına inanıyorum.

Web sitesi hızı optimizasyonları üzerinde çalışırken, her milisaniyenin kısılması önemlidir. Bu nedenle, bu çözüm sağlayıcıları yeni web barındırma altyapımızla birleştirmek büyük bir fark yaratır.

Örnek olarak, WPBeginner.com vs GatsbyJS.org vs CloudFlare.com'un şelale dökümünü burada bulabilirsiniz:

WPBeginner'daki İsteklerin Şelale Dökümü

WPBeginner'ın DNS süresi, SSL süresi, Bağlantı süresi ve Bekleme süresinin, diğer popüler web sitelerine kıyasla hepsinin birinci sınıf olduğunu unutmayın. Bu iyileştirmelerin her biri en iyi sonuçları vermek için birleşir.

Instant.page, Optimize Edilmiş Resimler ve Diğer En İyi Uygulamalar

One of the things you might have noticed is the near-instant load time when you browse WPBeginner posts and pages.

Yukarıda bahsettiğim tüm şeylerin yanı sıra, zamanında ön yükleme kullanan instant.page adlı bir komut dosyası kullanarak gecikmeyi de aldatıyoruz.

Temel olarak, bir kullanıcı bir bağlantıya tıklamadan önce fareyi o bağlantının üzerine getirmesi gerekir. Bir kullanıcı 65ms (çok kısa bir süre) boyunca üzerine geldiğinde, ikisinden biri aslında bağlantıya tıklayacaktır.

Instant.page betiği, kullanıcı bağlantıya tıkladığında işin büyük kısmının zaten yapılmış olması için o sayfayı önceden yüklemeye başlar. Bu, insan beyninin web sitesi yükleme süresini neredeyse anında algılamasını sağlar.

Sitenizde Instant.page'i etkinleştirmek için Instant Page WordPress eklentisini kurup etkinleştirmeniz yeterlidir.

Anında Sayfa Betiği

Bu komut dosyası oldukça harika. Web sitelerini kontrol etmenizi ve beynini nasıl aldattığını görmek için 'tıklama hızınızı test edin' düğmesine tıklamanızı şiddetle tavsiye ederim.

Güncelleme: Test etmek için sonunda instant.page'i devre dışı bıraktık ve FlyingPages eklentisini, WPBeginner Engage Facebook grubunda paylaşıldı. En iyi instant.page ve quicklink mantığını birleştirerek optimum performans elde etmek için sürekli olarak yeni ön yükleme betikleri test ediyor ve döndürüyoruz.

Resimleri Web İçin Optimize Etme

WebP gibi yeni resim formatları geliştirilmekte olsa da, henüz bunları kullanmıyoruz. Bunun yerine, tüm yazarlarımızdan TinyPNG aracını kullanarak her resmi optimize etmelerini istiyoruz.

Görüntü sıkıştırmayı Optimole veya EWWW Image Optimizer gibi eklentilerle de otomatikleştirebilirsiniz.

Ancak, sunucuya büyük dosyalar yüklememek için ekibin bunu manuel olarak yapmasını şahsen tercih ederim.

O zamanlar resimler için herhangi bir tembel yükleme yapmıyorduk, ancak Google Chrome'da yerel tembel yükleme desteğini tanıttığında bunu eklemeyi planlıyorduk.

Neyse ki, WordPress 5.5'ten bu yana, tembel yükleme artık doğrudan WordPress çekirdeğine yerleştirilmiştir. Bu, bugün web sitenizde temel resim tembel yüklemesini gerçekleştirmek için özel bir eklentiye artık ihtiyacınız olmadığı anlamına gelir.

HTTP Sorgularını Sınırlama + En İyi Uygulamalar

Alanlar arası HTTP isteklerini azaltın

Kullandığınız WordPress eklentilerine bağlı olarak, bazıları her sayfa yüklendiğinde ek CSS ve JavaScript dosyaları ekleyecektir. Web sitenizde çok sayıda eklenti varsa, bu ek HTTP istekleri kontrolden çıkabilir.

Daha fazla ayrıntı için, WordPress eklentilerinin site yükleme sürenizi nasıl etkileyebileceğini görün.

Yanlış bir sonuca varıp çok fazla WordPress eklentisinin kötü olduğunu düşünmeden önce, WPBeginner web sitesinde 62 aktif eklentinin çalıştığını bilmenizi isterim.

Yapmanız gereken, mümkün olduğunda CSS ve JavaScript dosyalarını birleştirerek HTTP isteklerini azaltmaktır. WordPress önbellekleme eklentileri gibi WP Rocket, minifikasyon özelliği ile bunu otomatik olarak yapabilir.

Ayrıca, WPBeginner ekibimizin yaptığı gibi, bunu manuel olarak yapmak için bu makaledeki talimatları da takip edebilirsiniz.

Eklentilerin ve temaların eklediği HTTP isteklerinin yanı sıra, web sitenize eklediğiniz diğer üçüncü taraf betiklere de dikkat etmelisiniz, çünkü her betik web sitenizin hızını etkileyecektir.

Örneğin, çok sayıda reklam betiği veya yeniden hedefleme betiği çalıştırıyorsanız, bunlar sitenizi yavaşlatacaktır. Betikleri yalnızca ihtiyaç duyulduğunda koşullu olarak yüklemek için Google Etiket Yöneticisi gibi bir araç kullanmak isteyebilirsiniz.

Eğer TechCrunch veya TheNextWeb gibi reklam destekli bir web sitesiyseniz, reklamları kaldırmak bir seçenek olmadığı için bu konuda yapabileceğiniz çok az şey vardır.

Neyse ki, WPBeginner para kazanmak için üçüncü taraf reklam betiklerine güvenmiyor. WPBeginner'ın nasıl para kazandığını görmek ister misiniz? WPBeginner geliri hakkındaki blog yazıma bakın.

Öğrenilen Dersler (şimdiye kadar) + Son Düşüncelerim

Bu yepyeni bir barındırma altyapısı ve zamanla öğreneceğim tonlarca ders olacağından eminim.

Şu ana kadar hız iyileştirmelerini seviyorum çünkü SEO sıralamalarımızı yükseltmemize yardımcı oldu ve yönetim alanımız çok daha hızlı.

Yeni çoklu sunucu kurulumuyla, WPBeginner'ı Awesome Motive ürün siteleri ile aynı seviyeye getirmek için yeni bir dağıtım iş akışı başlattık.

Bunun anlamı, artık yerleşik olarak doğru sürüm kontrolüne sahip olmamız ve benim pervasız davranmamı (yani yeterli test yapmadan eklenti eklemek, test yapmadan kontrol panelinden eklentileri güncellemek vb.) önleyecek önlemlerin alınmış olmasıdır.

Bu değişiklikler aynı zamanda benim geliştirme aşamasından çıkıp WPBeginner sitesinin kontrolünü geliştirme ekibimize devretmem için de yol gösterdi.

I have been resisting this for years, but I think the time is coming, and I just need to accept it.

Yeni kurulumda cPanel veya WHM yok, bu da beni neredeyse işe yaramaz hale getiriyor, çünkü komut satırında artık çok akıcı değilim.

Şimdiye kadar iki büyük ders öğrendik:

Birincisi, WordPress güncellemesi sunucu senkronizasyonu/çoğaltması nedeniyle o kadar da basit değil. Kişisel blogumda (SyedBalkhi.com) büyük bir çekirdek güncellemesi sırasında, güncelleme dosyaları web düğümlerinden birinde düzgün bir şekilde senkronize olmadı ve hata ayıklama beklenenden daha uzun sürdü. Bunun için daha iyi bir test süreci oluşturmamız gerekti.

İkinci olarak, yük dengeleyici yanlış yapılandırmaları nedeniyle küçük bir kriz yaşadığımız ve bunun sonucunda bir kesinti yaşandığı için ekipler arasında daha iyi bir iletişime ihtiyacımız var. İşleri daha da kötüleştirmek için, Türk Hava Yolları ile transatlantik bir uçuşta idim ve WiFi çalışmıyordu.

Neyse ki, barındırma ekibinin hızlı yanıt süresi sayesinde her şey çözüldü, ancak bu, gelecekte olayı daha iyi ele almak için birkaç yeni Standart İşletim Prosedürü (SOP) oluşturmamıza yardımcı oldu.

Genel olarak, kurulumdan çok memnunum ve WPBeginner için yapılan önbellekleme yapılandırmalarının/optimizasyonlarının bazılarının HostGator Cloud ve Bluehost WordPress hosting planlarının standart bir parçası haline geleceğini biliyorum.

Sadece bir web sitesi, blog veya online mağaza başlatıyorsanız, bu kadar karmaşık bir kurumsal kurulumu DO NOT ihtiyacınız olacağını söylememe gerek yok sanırım.

Ben de yaptığım gibi HostGator paylaşımlı veya Bluehost paylaşımlı planlarla küçük başlamanızı ve işiniz büyüdükçe barındırma altyapınızı yükseltmenizi her zaman tavsiye ederim.

Yukarıda paylaştığım optimizasyonların çoğunu mevcut WordPress hosting planlarınıza uygulayabilirsiniz.

Örneğin, Bluehost'un standart planı, kullanabileceğiniz yerleşik bir önbellekleme eklentisiyle birlikte gelir ve varsayılan olarak PHP 7 de sunarlar.

Web sitenizi önemli ölçüde hızlandırmak için bunu Sucuri gibi bir CDN + WAF ile birleştirebilirsiniz.

Şimdi, benzer bir barındırma kurulumu isteyen orta ölçekli / kurumsal bir şirketseniz, lütfen iletişim formumuz aracılığıyla benimle iletişime geçin. Doğru yöne yönlendirmenize yardımcı olabilirim.

Özel Teşekkürler + Krediler

Teşekkürler HostGator ve Bluehost

Yukarıdaki makalede HostGator ve Bluehost markalarına bolca övgüde bulunmuş olsam da, bunu gerçekleştirmek için perde arkasında çalışan bireysel insanları tanımak ve takdir etmek için bir an ayırmak istiyorum.

İlk olarak, Endurance liderlik ekibine, Suhaib, Mitch, John Orlando, Mike Lillie ve Brady Nord'a meydan okumada bana yardım etmeyi kabul ettikleri için teşekkür etmek istiyorum.

Ayrıca Mike Hansen, David Collins, Rick Radinger, Chris Miles, David Ryan, Jesse Cook, David Foster, Micah Wood, William Earnhardt, Robin Mendieta, Rod Johnson, Alfred Najem ve veri merkezi ekibindeki diğer kişilere, asıl zor işi yapıp bunu gerçekleştirdikleri için teşekkür etmek istiyorum.

Steven Job'a (DNSMadeEasy'nin kurucusu) sorularımı hızlı bir şekilde yanıtladığı ve bazı ayarları daha iyi anlamama yardımcı olduğu için özel bir teşekkür etmek istiyorum. Ayrıca Tony Perez ve Daniel Cid'e Sucuri'de her zaman arkamda oldukları için teşekkür etmek istiyorum.

Son olarak ama en az önemlisi, Chris Christoff'a özel bir takdirde bulunmak istiyorum. Kendisi MonsterInsights'in kurucu ortağı ve test ve dağıtım konusunda bana çok yardımcı olacak kadar nazik davrandı.

Sıkça Sorulan Sorular (SSS)

Bunun alınması gereken çok fazla teknik bilgi olduğunu anlıyoruz. İşte WordPress hızı ve performansı hakkında en sık aldığımız sorulardan bazılarına yanıtlar.

Hızlı bir web sitesine sahip olmak için WPBeginner'ınki gibi karmaşık bir barındırma kurulumuna ihtiyacım var mı?

Kesinlikle hayır. Bu vaka çalışması kurumsal düzeyde nelerin mümkün olduğunu gösteriyor. Çoğu kullanıcı için Bluehost veya HostGator gibi kaliteli paylaşımlı hosting planıyla başlamak mükemmel bir başlangıç noktasıdır. Siteniz büyüdükçe her zaman yükseltebilirsiniz.

WordPress hızında en önemli faktörler nelerdir?

Web sitesi hızının üç temel taşı, web barındırma altyapınız, önbelleğe alma ve İçerik Dağıtım Ağı'dır (CDN). Bu üç şeyi doğru yapmak, çoğu WordPress web sitesi için en büyük performans darboğazlarını çözecektir.

Teknik bir uzman olmadan WordPress sitemi hızlı hale getirebilir miyim?

Evet. Bu makale teknik olsa da, her şeyi anlamanız gerekmiyor. Yeni başlayanlara uygun kılavuzları izleyerek, WP Rocket gibi iyi bir önbellekleme eklentisi kullanarak ve resimlerinizi optimize ederek, kodlama bilgisi olmadan sitenizin hızında büyük bir etki yaratabilirsiniz.

Çok sayıda eklenti kullanmak WordPress'i yavaşlatır mı?

Önemli olan eklenti sayısı değil, kalitesidir. İyi kodlanmış bir eklenti minimum etkiye sahip olacaktır. Ancak, kötü kodlanmış eklentiler sitenizi yavaşlatan gereksiz kod ve veritabanı sorguları ekleyebilir.

Web Sitesi Performansını İyileştirmek İçin Ek Kaynaklar

Bu vaka çalışması size yardımcı olduysa, WordPress sitenizi daha hızlı hale getirme adım adım sürecini anlatan başka kılavuzlarımız da var. Daha fazla eyleme geçirilebilir ipucu için onlara göz atın:

Bonus: Tüm WordPress siteleri için önerdiğim en iyi WordPress eklentileri ve araçları burada. Ayrıca bugün WPBeginner web sitesini çalıştırmak için kullandığımız eklentileri ve araçları listeleyen WPBeginner'ın Planı'na da göz atmak isteyebilirsiniz. 

Bu makaleyi beğendiyseniz, lütfen WordPress video eğitimleri için YouTube Kanalımıza abone olun. Bizi ayrıca Twitter ve Facebook'ta da bulabilirsiniz.

Açıklama: İçeriğimiz okuyucu desteklidir. Bu, bazı bağlantılarımıza tıklamanız durumunda komisyon kazanabileceğimiz anlamına gelir. WPBeginner'ın nasıl finanse edildiğini, neden önemli olduğunu ve bize nasıl destek olabileceğinizi görün. İşte editöryal sürecimiz.

Nihai WordPress Araç Seti

Araç Kitimize ÜCRETSİZ erişim kazanın - her profesyonelin sahip olması gereken WordPress ile ilgili ürün ve kaynaklardan oluşan bir koleksiyon!

Okuyucu Etkileşimleri

59 CommentsLeave a Reply

  1. wpbeginner'ın hızlı hızının perde arkasındaki sırlarını bize bildiren bu gönderi için gerçekten minnettarım.
    Bu inanılmaz sonucun sır bileşenlerini her zaman bilmek istemiştim.
    Bence bu, birçok aracın birleşimi ve ekibin uyumlu çabasıyla bu harika performansa yol açtı.
    Bu bize wordpress'e ve wordpress web sitelerinin büyük trafiği kaldırıp yine de hızlı yüklenebileceğine dair yeniden umut veriyor.
    Bu harika gönderi için teşekkürler.

  2. Sitenizin hızının arkasında ne olduğunu hep merak etmişimdir. Kendi sunucunuzu ve geliştirilmiş bir önbellekleme ortamını bekliyordum ama bu kadar özel ve sağlam bir çözüm beklemiyordum. Bu web sitesinin nasıl oluşturulduğunun perde arkasını bize göstermeniz harika. Ve WordPress'in bile çok sayıda kullanıcıyla inanılmaz derecede hızlı olabileceğini, hatta önemli miktarda güç gerektirse bile dünyaya göstermeniz de harika. Bilginizi paylaştığınız ve web sitenizin altyapısını ve sunucunun tam olarak ne üzerinde çalıştığını görme fırsatı verdiğiniz için teşekkür ederiz. Gerçekten ilginç bir okuma.

    • Glad we could share how we made our site as fast as it is :)

      Yönetici

  3. wpbeginner'ın neden wordpress.com kullanmadığını merak ediyorum
    Belirli bir nedeni var mı?
    Lütfen beni aydınlatın

  4. Harika bir makale! WordPress optimizasyonu hakkında, headless'a geçiş veya diğer CMS'ler dışındaki farklı bakış açılarını görmek harika.

    Şahsen ana sayfa yüklenme hızı karşılaştırmalarını özellikle haber/blog siteleri için sevmiyorum çünkü ana sayfa genellikle en çok ziyaret edilen sayfa değildir.

    Bu yüzden farklı ortamlar/platformlarda gönderi sayfalarının yüklenme hızı performansını görmek isterim.

    Bunu paylaştığınız için teşekkürler!

  5. Bir kez daha, wpbeginner işe yaradı. Bu makale fazlasıyla iyi. Bu harika, bu sayfayı kaydetmeli ve tekrar okumalıyım

  6. [blockquote]Tüm sitelere bu özelliği eklemek için WordPress çekirdeğinde de bir bilet var (umarım bu yakında olur), böylece özel bir eklenti yazmak zorunda kalmam.[/blockquote]

    Bunu kapsayacak basit bir fonksiyon yazdım. Lazy-loading çekirdeğe dahil olana kadar deneyebilirsiniz. Eğer kullanırsanız geri bildiriminizi duymak isterim.

    https://github.com/seezee/wp-lazy

  7. Sitenizi bir statik site oluşturucudan daha hızlı hale getirdiğiniz yeri gerçekten göremiyorum.

    Elbette, kendi sitenizi mümkün olduğunca hızlı yüklenmesi için optimize etmekle zaman harcadınız, sonra da bunu, önemli içeriği bir ziyaretçiye göstermek için tasarlanmış, mümkün olduğunca hızlı yüklenmekten daha çok tasarlanmış bir statik site oluşturucu alan adının ana sayfasıyla karşılaştırdınız.

    Her bir statik oluşturucuyu kullanarak bir alan adı yapılandırmalı, kendi sitenize yaptığınız gibi optimize etmeli, önüne bir CDN yerleştirmeli ve ardından bu test verilerini karşılaştırmalısınız.

    • Ana sayfa içeriğimiz dinamiktir ve ziyaretçilere önemli içerikleri ve yeni blog yazılarını göstermek için her gün güncellenir.

      I compared headless CMS and other static generator homepages because you’d hope that those claiming performance boosts would practice what they preach :)

      Yönetici

  8. Bu konuya verdiğim yanıt, bu makaleye yönlendirdi. Harika bir makale. Birkaç gün önce shortpixel eklentisini kaldırdım ve resimleri sıkıştırmak için çevrimiçi tinypng kullanıyorum. Kontrol etmek için Flying pages'i yeni yükledim. Barındırma hizmetini değiştirmeyi planlıyorum, Godaddy'den başka bir yere. Bugün Bluehost Hindistan ile görüştüm, fiyat Godaddy'den biraz daha yüksek ama ücretsiz SSL veriyorlar, bunun sadece bir yıl mı yoksa sonsuza dek ücretsiz mi olduğunu bilmiyorum.

  9. Güzel bir rehber beyefendi ama bazı şüphelerim var,

    Nginx LEMP yığınının wordpress için en hızlı sunucu kurulumu olduğunu düşünüyorum.

    Önbellek için opcache, dosya önbelleği ve fastcgi önbelleği kullanabilirsiniz, herhangi bir önbellek eklentisine gerek yok, nginx önbelleği eklenti önbelleğinden daha hızlıdır.

    CDN için Stackpath tüm dünya için en iyisi değil, Hindistan'da çok yavaş, sitenizin resmi burada 2-3 saniye yükleniyor.

    Barındırma için Hostgator, Google cloud, AWS, Digitalocean vb. bulut sağlayıcılarından daha iyi değil.

    Teşekkürler

    • Elbette herhangi bir eklenti olmadan NGINX önbelleğini kullanabilirsiniz. WPForms ve farklı ekiplerin yönettiği diğer web sitelerimizden birkaçında bu kurulumu yaptık.

      Günün sonunda, bu sizin rahatlık ve aşinalık seviyenize bağlıdır.

      Yönetici

  10. VAY BE!

    Bu çok güçlü. Senin blogun artık Lambo gibi.

    Tebrikler efendim

  11. Şiirler yazdığım Writer Feels blogum için yeni satın aldığım SiteGround barındırmamda bu adımları uygulamayı dört gözle bekliyorum.

    • Ahmad, SiteGround also comes with a built-in caching plugin called SG Super Cache. You should enable that, and it will unlock a lot of optimizations. After that I recommend adding the Sucuri WAF + optimize all your images :)

      Yönetici

  12. Harika bir yazı. Okuduğum WPbeginner yazı dizilerinden her zaman bir şeyler öğrenmeyi başarıyorum! Teşekkürler!

  13. Site performansı WebPageTest'te oldukça iyi görünüyor, CDN tarafından sunulan varlıkların birçoğunda maksimum yaş veya son kullanma tarihi ayarlanmamış. Cloudflare, StackPath'in sunduğundan çok daha fazla PoP'a sahip.

    • Evet Cloudflare birçok PoP sunuyor ancak StackPath'in daha iyi desteği olduğunu gördüm. Ayrıca StackPath CDN çok daha ucuzdur (1 TB bant genişliği için ayda 10 $).

      Cloudflare'den tam değer elde etmek için aylık 200 dolarlık (yıllık 2400 dolar) planlarında olmanız gerekirken, Sucuri'yi yıllık 299 dolara alabilirsiniz. Ekstra bir 10 dolar/ay karşılığında MaxCDN'den (StackPath) ek CDN katmanı ekleyerek biraz daha ileri gidiyoruz.

      Yönetici

  14. Nice write up.

    Sadece http/2 kullandığınız için JS ve CSS betiklerini birleştirmek merak konusu. http/2 ile bu dosyaları birleştirmeniz gerekmediğini düşünüyordum.

  15. Harika bir yazı Syed, çok kapsamlı bir yazı. Dürüst olmak gerekirse, statik WordPress ve sunucusuz WordPress'in WordPress kullanıcılarının %90'ı için iyi bir çözüm olmadığını düşünüyorum. Şu anda eğlenceli bir kelime ama bununla ilişkili baş ağrısı buna değmez. Her iki durumda da altyapınız ve detaylara verdiğiniz önem çok etkileyici.

    Bir veritabanı sunucusu kullandığınızdan bahsettiğinizi gördüm ama hangi veritabanı sunucusunu kullandığınızı göremedim? Amazon Aurora RDS 4 WordPress veritabanı barındırma kullanmak hakkında ne düşünüyorsunuz? Ya da google cloud?

    • Patrick, WPBeginner sitesinde MariaDB kullanıyoruz. Basit tutmayı seçtik ve şimdilik ihtiyaçlarımızı karşılıyor.

      On OptinMonster, the team is using a much more sophisticated database setup because they have billions of rows to handle.

      Yönetici

  16. Sadece şunu söylemek istiyorum ki, statik siteler veya JAM stack siteleri barındırıyorsanız Netlify, web geliştirmede başınıza gelebilecek en harika şey gibi. Ve evet, WP'yi hızlı yükleme süresine sahip yapabilirsiniz, ama ne kadar çaba gerektirdiğine bir bakın!! Ve soruna para harcamak asla zarar vermez
    Sitenizi ön uçta Gatsby ve arka uçta WP ile ayırırsanız, barındırma maliyetinden ÇOK tasarruf edebilirsiniz
    Ancak görüntü optimizasyonu konusunda bazı iyi noktalara değindiniz. Yükleme süresini azaltmanın kolay bir yolu

    • Sana katılıyorum Peter. Tek bir doğru veya yanlış çözüm asla olmaz. Sadece bugünlerde popüler olan ve çoğu KOBİ'nin uygulayamadığı JAM stack hakkında konuşmak havalı olduğu için daha az popüler olan bakış açısını paylaşmak istedim.

      But optimizing images, combining plugin requests with WP Rocket, adding Sucuri is easy enough to get progress :)

      Yönetici

  17. Thanks for the article. I appreciate your results and sharing.

    Yine de iki kuruşumu yazmalıyım. Taşıma maliyetleriniz ve site/kod bakım argümanlarınız %100 geçerlidir.

    Ancak, barındırma olarak kullandığınız şey (apache ha kümesi, waf) normal wordpress barındırma hizmetinden çok uzak, insanların %99'u bunu kullanıyor.

    İkinci olarak, jamstack bu kadar popüler çünkü web sitenizi herhangi bir WP barındırmasının çok küçük bir maliyetine barındırabilir, kutudan çıktığı gibi daha iyi performans sunar ve birçok kez daha ucuzdur.

    Şerefe
    Wojciech

    • Yorumunuz için teşekkürler Wojciech. Kurumsal kurulumumun normalden çok uzak olduğunu kabul ediyorum. Ancak benim bakış açıma göre, bir WAF eklemek + resimleri optimize etmek + WP Rocket ile HTTP isteklerini azaltmak, bir JAM yığını geçişinden çok daha ulaşılabilir bir durumdadır.

      Yönetici

    • Tareq, buna benzer bir kurulum ayda binlerce dolara mal olacaktır. Hepsi kaç tane web düğümü / veritabanı sunucusu başlattığınıza bağlıdır. Yönetilen hizmetler, seçtiğiniz şirkete göre değişiklik gösterecektir. Örneğin OptinMonster'da sunucu maliyetlerimiz ayda 20.000 $ civarında.

      For WPBeginner site, our hosting is sponsored by HostGator :)

      Yönetici

  18. İlginç bir makale ve WordPress sitelerinin yüklenme sürelerini hızlandırmak ve onları statik sitelerle karşılaştırılabilir hale getirmek kesinlikle mümkün. Bununla birlikte, burada maliyetlerden pek bahsedilmiyor. Netlify gibi bir hizmetle küçük bir site için statik bir siteye sahip olmak muhtemelen çok daha ucuz olacaktır. Kurumsal düzeyde ve daha büyük web siteleri hakkında emin değilim ama hala daha iyi olacağını hayal ediyorum.

    Ayrıca Google içgörülerinde masaüstü puanınızı gösterirken, bu sayfa mobil cihazlarda Gatsby ana sayfasından daha kötü performans gösteriyor. Tartışmasız mobil hız daha önemlidir, çünkü bant genişliği ve işlem hızı en çok sınırlı olacak yer orasıdır.

    • Evet, bizim gibi büyük bir medya sitesi için bu tür bir kurumsal kurulumun maliyeti, ihtiyaçlarınıza ve kullandığınız sağlayıcıya bağlı olarak ayda binlerce dolar olacaktır.

      Küçük siteler için kesinlikle Netlify'ı kullanabilirsiniz, ancak küçük işletme sahipleri için kolay değildir.

      Mobil konusunda evet, makalede mobil konusunda iyileştirme alanımız olduğunu belirtmiştim. Bir arkadaşım Google'ın bu yeni eklentisini paylaştı, mobil puanımızı artırmaya yardımcı olacak siteye ekleyeceğim – https://wordpress.org/plugins/native-lazyload/

      Yönetici

  19. instant.page eklentisi google gibi sitelerin sayfa hızı derecelendirmelerini etkiler mi? İnsan tıklaması olmadığı için etkilemeyeceğini düşünüyorum. Peki bu amaçla, bir betik daha yüklemek gerçekten bir avantaj mı?

    • Bu, Google sıralamalarını etkilemez ancak genel kullanıcı deneyimini iyileştirir. Google sıralamalarını ne kadar sevsem de, genel kullanıcı deneyimimize daha çok değer veriyorum.

      With that said, if you make your website faster you’ll likely see less abandonment overall :)

      Yönetici

      • Cevap için teşekkürler. Mantıklı.

        Alakasız ama wpbeginner logosunun ne olması gerektiğini söyleyebilir misiniz? Bakıp duruyorum ve gördüğüm tek şey gaz maskesi takan göz kırpan bir yüz.

        • Merhaba David,

          WPBeginner logosu, yeni başlayanlara benzeyen basit bir çizgi film çizme konusundaki zavallı denememdi. Ona Blob diyorum.

          It was basically 3 round shapes in Photoshop with a rotated Exclamation mark and tilted close parentheses :)

  20. Makaleniz için teşekkürler. Ama cidden Hostgator en kötü barındırma hizmeti!

    • Sanırım anlaşamayacağız.

      There are negative reviews of just about every web hosting company in the world. I put HostGator in my top 5 for small business hosting because of their track record and my personal experience :)

      Yönetici

  21. Bu içgörüler için teşekkürler Syed ve bunları bu kadar ayrıntılı paylaştığınız için zaman ayırdığınız için! Burada yaptığınız çalışmalardan bazılarının zamanla topluluktaki diğerleri için yönetilen WordPress hosting'e sızabileceğini kim bilir. Tekrar teşekkürler!

  22. Sizin gerektirdiğiniz kurulum ayda binlerce dolar veya daha fazlası tutuyordu. Öte yandan, bankayı batırmadan veya netlify gibi ücretsiz barındırma ile neredeyse benzer bir performans elde edebilirdik.

    Yeni siteniz için tebrikler.

    • Büyük içerik siteleri için, ayda binlerce dolar ödeyeceksiniz. Çeşitli sektörlerde büyük bloglar yürüten arkadaşlarımın çoğu ayda birkaç bin harcıyor.

      Küçük bir site çalıştırıyorsanız, o zaman Netlify işe yarayacaktır, ancak bunu kullanmak için gerçekten bir geliştirici olmanız gerekir.

      Amacım, uygun önbellekleme + WAF + CDN + DNS araçlarıyla WordPress'in esnekliğinden vazgeçmeden gerçekten hızlı bir web sitesine sahip olabileceğinizi paylaşmaktır.

      Yönetici

  23. Bu gerçekten harika bir kurumsal kurulum ve okunmaya değer, umarım gelecekte bana faydalı olur.

    Bir sorum var, çünkü ben bir başlangıç seviyesindeyim ve WordPress+SiteGround+Genesis Framework ve tabii ki StudioPress'ten bir temayla basit bir kurulumum var.

    Sitem zaten SG Cache eklentisi + Cloudflare CDN kullanıyor, sadece Genesis framework'ün site hızı ve yüklenme süresi açısından bununla bir ilgisi olup olmadığını öğrenmek istedim?

    • Merhaba Martin,

      We use Genesis on WPBeginner as well, but the framework alone won’t make your website fast. You still have to look at the additional HTTP queries and image sizes. You’re definitely on the right track with the tools you’re using :)

      Yönetici

Cevap Bırakın

Yorum bırakmayı seçtiğiniz için teşekkürler. Lütfen tüm yorumların yorum politikamıza göre denetlendiğini ve e-posta adresinizin YAYINLANMAYACAĞINI unutmayın. Lütfen isim alanında anahtar kelime KULLANMAYIN. Kişisel ve anlamlı bir sohbet edelim.