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ı soran e-postalar gönderdi.

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çeriğimizden daha teknik. 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ı elde ettik ve daha hızlı arka uç performansı elde ettik. Neden SiteGround'a geçtiğimizi okuyun.

Şu anda SiteGround kullanıyor olsak da, aşağıda inşa ettiğimiz özel altyapı o zamanlar büyük 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.

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

Çok başarılı girişimci arkadaşlarımdan birkaçı bana bunun doğru olup olmadığını sormaya başladı.

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.

Bana eski kafalı diyebilirsiniz ama günün sonunda statik bir site sadece önbellekten yüklenen bir sayfadır.

Sonuçlar

Tam WordPress barındırma altyapısına, sunucu yapılandırmalarına ve eklentilere dalmadan ö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.

Daha büyük resimler ve daha fazla içerik içerdiği için tek bir gönderi sayfası için yaptığım bir test aşağıdadır:

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şturucusu kadar hızlı olabilir. Dahası, hiçbir platform, WordPress'in işletme sahiplerine sunduğu geniş eklenti ve tema ekosistemi aracılığıyla sunduğu esneklik seviyesine yaklaşamaz.

WPBeginner Barındırma Altyapısı

Web sitesi hızı söz konusu olduğunda, web barındırma altyapınızdan daha önemli bir rol oynayan hiçbir şey yoktur.

Birçoğunuzun bildiği 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 ve ardından özel sunucularına 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 Cloud Load Balancing 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 :)

Sunucu Yapılandırma Özeti

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

Ekip daha aşina olduğu için web sunucusu yazılımımız için Apache kullanıyoruz. 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 ama daha hızlı ve daha iyi. Ayrıca veritabanı çoğaltma, hata devri ve yük dengeleme işlemlerimizi 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 rol oynayan diğer alanlar DNS sağlayıcınız, içerik dağıtım ağınız (CDN olarak da bilinir) ve web uygulama güvenlik duvarınızdır (WAF).

Bunları üç ayrı şey olarak listelemiş olsam da, birçok şirket artık bu çözümleri Sucuri, Cloudflare, MaxCDN (şimdi StackPath CDN) gibi paketlenmiş bir planda 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, DNS Made Easy (Constellix ile aynı şirket) 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ı, CDN'imdeki veya WAF'ımdaki belirli bir veri merkezi düzgün çalışmadığında maksimum çalışma süresini sağlamak için küresel trafik yönlendirmesi yapabilmemdir.

CDN'imiz MaxCDN (daha sonra StackPath CDN olarak bilinen ve artık üretimi durdurulan) 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 olanak tanıyorlardı.

Web uygulama güvenlik duvarımız olarak Sucuri kullanıyoruz. Saldırıları engellemenin yanı sıra, başka bir CDN katmanı görevi de görüyorlar ve genel performansları harika. Pazardaki 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

Fark etmiş olabileceğiniz şeylerden biri, WPBeginner gönderilerini ve sayfalarını gezerken neredeyse anında yüklenme süresidir.

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, o anda sayfayı önceden yüklemeye başlar, böylece kullanıcı aslında bağlantıya tıkladığında ağır işlerin çoğu zaten yapılmış olur. 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: WPBeginner Engage Facebook grubunda bizimle paylaşılan FlyingPages eklentisini test etmek için instant.page'i devre dışı bıraktık. Optimum performans için instant.page ve quicklink mantığının en iyilerini birleştirmek üzere sürekli olarak yeni ön yükleme betiklerini 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.

Optimole veya EWWW Image Optimizer gibi eklentilerle resim sıkıştırmayı 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ğine bakı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, HTTP isteklerini azaltmak için mümkün olduğunda CSS ve JavaScript dosyalarını birleştirmektir. WP Rocket gibi bazı WordPress önbellekleme eklentileri, minifikasyon özelliği ile bunu otomatik olarak yapabilir.

WPBeginner'daki ekibimizin yaptığı gibi, bunu manuel olarak yapmak için bu makaledeki talimatları da izleyebilirsiniz.

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 gelirleri hakkındaki blog yazımı görü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.

Yıllardır buna direndim ama sanırım zamanı geliyor ve sadece kabullenmem gerekiyor.

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:

İlk olarak, sunucu senkronizasyonu/çoğaltma nedeniyle WordPress güncellemek eskisi kadar kolay değil. Kişisel blogumda (SyedBalkhi.com) büyük bir çekirdek güncelleme 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 önbelleğe alma yapılandırmalarının/optimizasyonlarının bir kısmının HostGator Cloud ve Bluehost WordPress hosting planlarının standart bir parçası olacağını biliyorum.

Bunun söylenmesine gerek olmadığını düşünüyorum, eğer sadece bir web sitesi, blog veya çevrimiçi mağaza başlatıyorsanız, o zaman bu kadar karmaşık kurumsal düzeyde bir kurulum ihtiyacınız yoktur.

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ı zaten kullanabileceğiniz yerleşik bir önbelleğe alma eklentisiyle birlikte gelir ve varsayılan olarak PHP 7 de sunarlar.

Bunu, web sitenizi önemli ölçüde hızlandırmak için 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 bana ulaşın. 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.

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

Son olarak ama en az değil, Chris Christoff'a özel bir takdirimi sunmak istiyorum. Kendisi MonsterInsights'ın kurucu ortağıdır ve test ve dağıtımın çoğunda bana 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östermektedir. Çoğu kullanıcı için Bluehost veya HostGator'dan kaliteli bir 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 gerekmez. Başlangıç dostu kılavuzları izleyerek, WP Rocket gibi iyi bir önbelleğe alma 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: İşte tüm WordPress siteleri için önerdiğim en iyi WordPress eklentileri ve araçları. Ayrıca bugün WPBeginner web sitesini çalıştırmak için kullandığımız eklentileri ve araçları listeleyen WPBeginner'ın Yol Haritası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ıkladığınızda bir 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 https://www.facebook.com/wpbeginner/posts/10157550202524100?comment_id=10157552775709100 bu makaleye yönlendirdi. Harika 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'ı yeni yükledim. Barındırma değiştirmeyi planlıyorum, Godaddy'den başka bir yere. Bugün Bluehost India ile görüştüm, fiyat Godaddy'den biraz daha yüksek ama ücretsiz SSL veriyorlar, bunun sadece bir yıl mı yoksa sonsuza kadar mı ücretsiz 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. Güzel yazı.

    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.

      OptinMonster'da ekip, işlemek için milyarlarca satırları olduğundan çok daha gelişmiş bir veritabanı kurulumu kullanıyor.

      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. Makale için teşekkürler. Sonuçlarınızı ve paylaşımınızı takdir ediyorum.

    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

Leave A Reply

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 ad alanında anahtar kelime KULLANMAYIN. Kişisel ve anlamlı bir sohbet edelim.