WPBeginner'ın 10. yıl dönümünde, web barındırma ortağımız HostGator sayesinde barındırma altyapımızın büyük bir yükseltme aldığını paylaşmıştım. Sonrasında, okuyucularımızın birçoğu WPBeginner'ı tam olarak nasıl bu kadar hızlı yüklediğimizi merak etti ve ayrıntıları isteyen e-postalar almaya başladım.
Evet, WPBeginner çoğu statik site oluşturucusundan ve bazı durumlarda Google AMP sitelerinden bile daha hızlı yükleniyor. Bu sadece övünme hakkı değil; WordPress'in mutlak zirvede performans göstermesini sağlamak için kullandığımız tam teknikleri paylaşmakla ilgili.
Bu makalede, WordPress'i statik site oluşturucular ve başsız CMS platformlarından daha hızlı olacak şekilde nasıl optimize ettiğimize dair özel bir perde arkası bakış açısı sunacağım.
Not: Bu makale, genellikle WPBeginner'da yayınladığımızdan biraz daha teknik. Teknolojiyle arası iyi olmayan kullanıcılar için, WordPress'i hızlandırma konusundaki nihai rehberimizi takip etmelerini öneririm.
Güncelleme: Bu makalede 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 da hızlı arka uç performansı sağladık. Neden SiteGround'a geçtiğimizi okuyun SiteGround'a neden geçtiğimizi.
Arka Plan
Lately WordPress has been getting a lot of bad rep from “modern” developers where they say WordPress is slow.
İ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ü göç maliyetlerinde on binlerce dolar boşa harcadıklarını biliyordum. Gelecekte birikecek 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 aldım.
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:
Günün saatine ve kontrol ettiğiniz konuma bağlı olarak, bu sonuç 400ms – 700ms aralığında değişecektir ki bu bir 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:
Masaüstü için Google sayfa hızı testinde de mükemmel bir "100" puan aldık. Mobil puanımızda iyileştirme alanımız olsa da.
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ükleme süresi neredeyse anlıktır (bunun hakkında daha sonra daha fazla bilgi).
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:
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 burada. Yarısı kadar istekleri olduğunu ve sayfa boyutlarının WPBeginner'ın %30'u olduğunu, ancak yine de ana sayfamızdan daha yavaş yüklendiğini fark edin.
"Kuruluşların daha iyi dijital deneyimler sunma şekli" olan başsız CMS Contentful'un ana sayfa hızı hiç optimize edilmemiş. Test ettiğimiz en yavaş web sitesi buydu.
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 geniş eklenti ve tema ekosistemi aracılığıyla sunduğu esneklik düzeyine 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.
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 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 WPBeginner için benzersiz bir kurumsal barındırma kurulumu oluşturmama 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ış:
Gördüğünüz gibi, bu, iki coğrafi bölgeye (Teksas ve Utah) yayılmış çoklu sunucu kurulumudur. Yük dengeleyici bulutu hariç toplam 9 sunucu bulunmaktadır. Her sunucu, 32 GB RAM ve 2 x 1 TB SSD (RAID kurulumu) ile 8 çekirdekli (16 iş parçacıklı) bir Xeon-D CPU'dur.
We are using Google’s Cloud Load Balancing platform, so we can have seamless autoscaling and load balancing, worldwide.
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. My hope is 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.
Yüksek işlem ve istek yüklerini kaldırabilmemiz için PHP 7.2'yi PHP-FPM havuzlarıyla birlikte kullanıyoruz. Barındırma şirketiniz PHP 7+ kullanmıyorsa, ciddi hız optimizasyonlarından mahrum kalıyorsunuz demektir.
Gerçek bir kullanıcının önbelleğe alınmamış bir sayfa görüntülemesiyle karşılaşmamasını sağlamak için gelişmiş bir önbellek ısıtıcısı ile Opcode önbelleğini kullanıyoruz.
Ayrıca, önbelleğe alınmamış sayfa isabetleri ve oturum açmış kullanıcılar (yazarlarımız) için WordPress yönetici alanındaki diğer API yanıt süreleri için yanıt süresini iyileştirebilmemiz için memcache ile Nesne önbelleğini kullanıyoruz. İşte WordPress yönetici alanındaki "Tüm Yazılar" ekranımızın bir ağ yükleme sekmesi:
Perspektif olarak, yönetici alanı deneyimimiz artık daha önce sahip olduğumuzdan 2 kat daha hızlı.
Veritabanı sunucumuz için MySQL'den, MySQL'in bir kopyası olan ancak daha hızlı ve daha iyi olan MariaDB'ye geçtik. Ayrıca, veritabanı çoğaltmamızı, yük devretmemizi ve yük dengelememizi geliştirmemize yardımcı olduğu için HyperDB'den LudicrousDB'ye geçtik.
Performans ve ölçeklenebilirlik konusunda bize yardımcı olan HTTP/2 ve HSTS gibi daha hızlı bağlantı + şifreleme, veri merkezi kesintisi durumunda yeni bölgelerde ek sunucular başlatma yeteneği gibi birçok başka yapılandırma da var.
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, David Collins (Endurance'ın baş mimarı / HostGator CTO'su), Mike Hansen (çekirdek WordPress geliştiricisi) ve aşağıda kredi bölümünde teşekkür edeceğim diğerleri dahil olmak üzere Endurance ekibindeki 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 bu çözümleri Sucuri, Cloudflare, MaxCDN (şimdi StackPath CDN) gibi toplu 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 (şimdi StackPath CDN) tarafından desteklenmektedir. Temel olarak, statik varlıklarımızı (resimler, CSS dosyaları ve JavaScript'ler) dünya çapındaki geniş sunucu ağlarından sunmamıza olanak tanırlar.
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:
Notice that WPBeginner’s DNS time, SSL time, Connect time, and Wait time are all top-notch when compared to these other popular websites. Each of these improvements compound to deliver the best results.
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.
Aside from all the things I mentioned above, we’re also cheating latency by using a script called instant.page which uses just-in-time preloading.
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.
Bu betik oldukça harika. Web sitelerini kontrol etmenizi ve beynin nasıl kandırıldığını görmek için "tıklama hızınızı test edin" düğmesine tıklamanızı şiddetle tavsiye ederim.
Güncelleme: Şu an için instant.page'i devre dışı bıraktım ve yakın gelecekte FlyingPages eklentisini test edeceğim. Gijo Varghese, yeni eklentisini benimle WPBeginner Engage Facebook grubunda paylaştı ve instant.page ile quicklink betiğinin en iyilerini birleştiriyor gibi görünüyor.
Resimleri Web İçin Optimize Etme
Webp gibi geliştirilmekte olan yeni resim formatları olsa da, henüz onları 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.
Şu anda görseller için herhangi bir tembel yükleme yapmıyoruz, ancak Google'ın Chrome 76'ya yerleşik tembel yükleme desteği olduğundan, yakın gelecekte bunu eklemeyi planlıyorum.
Tüm sitelerde bu özelliği eklemek için WordPress çekirdeğinde de bir bilet var (bunun yakında olmasını gerçekten umuyorum), bu yüzden özel bir eklenti yazmak zorunda kalmayacağım.
HTTP Sorgularını Sınırlama + En İyi Uygulamalar
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.
Şimdi, çok fazla WordPress eklentisinin kötü olduğu yanlış sonucuna varmadan önce, WPBeginner web sitesinde 62 aktif eklentinin çalıştığını bilmenizi isterim.
Yapmanız gereken, HTTP isteklerini azaltmak için mümkün olduğunca CSS ve JavaScript dosyalarını birleştirmektir. WordPress önbellekleme eklentileri gibi WP Rocket, küçültme özelliğiyle bunu otomatik olarak yapabilir.
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 yönetimini geliştirme ekibimize devretmemin yolunu açtı.
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 yüzden komut satırında artık çok akıcı olmadığım için bu beni pratikte işe yaramaz hale getiriyor.
Şimdiye kadar iki büyük ders çıkardık:
Öncelikle, WordPress'i güncellemek sunucu senkronizasyonu/çoğaltması nedeniyle o kadar da kolay değil. Kişisel blogumu (SyedBalkhi.com) WordPress 5.2'ye yükselttiğimizde, güncelleme dosyaları web düğümlerinden birinde düzgün bir şekilde senkronize olmadı ve hata ayıklama beklenenden çok daha uzun sürdü. Bunun için daha iyi bir derleme/test süreci oluşturmak üzerinde çalışıyoruz.
İkinci olarak, ekipler arasında daha iyi bir iletişime ihtiyacımız var çünkü yük dengeleyici yanlış yapılandırmaları nedeniyle küçük bir kriz yaşadık ve bu da bazı kesintilere yol açtı. İşleri daha da kötüleştirmek için, Türk Hava Yolları'nda 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 Operasyon 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 bir kısmının HostGator Cloud ve Bluehost WordPress hosting planlarının standart bir parçası olacağını 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
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.
Öncelikle, bu meydan okumada bana yardım etmeyi kabul ettikleri için Endurance liderlik ekibi Suhaib, Mitch, John Orlando, Mike Lillie ve Brady Nord'a 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:
- WordPress Hızını ve Performansını Artırmak İçin En İyi Kılavuz – Tüm beceri seviyelerindeki kullanıcılar için site hızını iyileştirmeye yönelik en kapsamlı kılavuzumuz.
- En İyi WordPress Barındırma Nasıl Seçilir – İhtiyaçlarınıza ve bütçenize uygun barındırma sağlayıcısını nasıl seçeceğinizi öğrenin.
- Neden WordPress Blogunuz İçin Bir CDN'ye İhtiyacınız Var – Bir CDN'nin nasıl çalıştığının ve hız için neden önemli olduğunun ayrıntılı bir açıklaması.
- WPBeginner'ın Planı – Bugün WPBeginner'ı çalıştırmak için kullandığımız tüm araç ve eklentilerin tam listesini görü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.
Moinuddin Waheed
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.
Jiří Vaněk
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.
WPBeginner Desteği
Glad we could share how we made our site as fast as it is
Yönetici
Onur
wpbeginner'ın neden wordpress.com kullanmadığını merak ediyorum
Belirli bir nedeni var mı?
Lütfen beni aydınlatın
WPBeginner Desteği
Sitemiz için WordPress.org kullanıyoruz, ikisinin de ayrıntılarını aşağıdaki makalemizde görebilirsiniz!
https://014.leahstevensyj.workers.dev/beginners-guide/self-hosted-wordpress-org-vs-free-wordpress-com-infograph/
Yönetici
asantos
Bu makale inanılmaz.
Paylaştığınız için teşekkürler!
WPBeginner Desteği
You’re welcome, glad our guide was helpful
Yönetici
Cadu de Castro Alves
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!
WPBeginner Desteği
You’re welcome, glad you like our content
Yönetici
Joseph
Bir kez daha, wpbeginner işe yaradı. Bu makale fazlasıyla iyi. Bu harika, bu sayfayı kaydetmeli ve tekrar okumalıyım
WPBeginner Desteği
Thank you, glad our article was helpful
Yönetici
Chris
[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
Yayın Kadrosu
Teşekkürler Chris. Google da gönderiyi yayınladıktan birkaç saat sonra kendi çözümünü yayınladı – https://wordpress.org/plugins/native-lazyload/
Yönetici
Jarret
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.
Yayın Kadrosu
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
Mathukutty P V
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.
Yayın Kadrosu
Bluehost her zaman ücretsiz SSL sunar. Ücretsiz alan adı teklifi ise 1 yıllıktır.
Yönetici
Gijo Varghese
Flying Pages'in geliştiricisi benim. Herhangi bir sorunla karşılaşırsanız, bana bildirin.
Jumedeen khan
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
Yayın Kadrosu
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
'Sarsılmaz Yatırımcı'
VAY BE!
Bu çok güçlü. Senin blogun artık Lambo gibi.
Tebrikler efendim
Yayın Kadrosu
Thank you
Yönetici
Ahmad khan
Ş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.
Yayın Kadrosu
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
Chip Williamson
Harika bir yazı. Okuduğum WPbeginner yazı dizilerinden her zaman bir şeyler öğrenmeyi başarıyorum! Teşekkürler!
Yayın Kadrosu
Thanks for the kind words Chip
Yönetici
Luke Cavanagh
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.
Yayın Kadrosu
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
Anne Hennegar
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.
Yayın Kadrosu
Evet, HTTP/2 ile daha hızlı dosya aktarımı yaparsınız, ancak sorguları azaltmak her zaman en iyi uygulamadır.
Yönetici
Patrick
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?
Yayın Kadrosu
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
Peter Cruckshank
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
Yayın Kadrosu
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
Bimal Raj Paudel
Vay canına! Okumak ne kadar harika bir şey. Bunu bekliyordum.
Wojciech Marusiak
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
Yayın Kadrosu
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
Mike
Bu siteye ayda kaç tekil ziyaretçi geldiğini paylaşabilir misiniz?
Yayın Kadrosu
Our site gets millions of pageviews per month
Yönetici
Mike
Very cool! I have built custom VPS configurations to handle that and it only required a $10 VPS
I am really curious why such a complicated setup for a super static site that is so cache friendly?
Yayın Kadrosu
Bu soruya Advanced WordPress Facebook grubu başlığında çok ayrıntılı bir şekilde yanıt verdim – https://www.facebook.com/groups/advancedwp/permalink/2603396369722561/
Tareq Hasan
How much this setup costs for WP Beginner per month? Just asking
Yayın Kadrosu
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
Anthony
İ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.
Yayın Kadrosu
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
David
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ı?
Yayın Kadrosu
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
David
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.
Yayın Kadrosu
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
Cathy
Makaleniz için teşekkürler. Ama cidden Hostgator en kötü barındırma hizmeti!
Yayın Kadrosu
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
Arun Siradhana Gurjar
Bunun için eklenti burada: Google az önce yayınladı.
https://wordpress.org/plugins/native-lazyload/
Yayın Kadrosu
Thanks for sharing the plugin Arjun. Another friend shared that with me on twitter as well. I have it in my list to try it
Yönetici
Caleb Weeks
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!
Yayın Kadrosu
Thanks Caleb. I know that some of the optimizations will definitely be trickling down
Yönetici
Parvez
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.
Yayın Kadrosu
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
Martin Lam
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?
Yayın Kadrosu
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