WordPress’i statik bir site üreticisinden nasıl daha hızlı hale getiririz (vaka çalışması – wpBeginner’ı hızlandırın)
WPBeginner’ın 10. yıldönümünde, WPBeginner barındırma altyapısı Web barındırma ortağı Hostgator sayesinde büyük bir artış aldığını paylaştım. Bundan kısa bir süre sonra, WPBeginner’ı nasıl çok hızlı bir şekilde yaptığımızla ilgili ayrıntıları paylaşmamı isteyen okuyucudan bir e -posta almaya başladım. Evet, WPBeginner çoğu statik site jeneratöründen daha hızlı ve bazı durumlarda Google AMP sitesinden daha hızlı içerir. Bu makalede, WordPress’i statik bir site jeneratörü ve başsız CMS platformundan nasıl daha hızlı yaptığımızla ilgili sahnelerin arkasında bir ekran vereceğim.
Not: Bu makale genellikle WPBeginner’da yayınladığımızdan biraz daha tekniktir. Teknik olmayan kullanıcılar için, WordPress’in nasıl hızlandırılacağına dair ana yönergelerimizi takip etmenizi öneririm. Reform: Artık bu makalede paylaşılan ayarları kullanmıyoruz. Bunun yerine, Siteground tarafından yönetilen Google Cloud platformuna tam olarak geçtik. Aynı hız sonuçlarına sahibiz ve daha hızlı arka uç performansı açtık. Site alanına neden döndüğümüzü okuyun. Arka plan son zamanlarda WordPress, WordPress’in yavaş olduğunu söyledikleri “modern” geliştiriciden birçok kötü itibar aldı.
İfade genellikle takip edilir, gatsbyjs gibi statik bir jamstack site jeneratörüne geçmelisiniz. Şirket dünyasındaki diğer insanlar, memnun gibi kafalar olmadan CMS’ye dönmeniz gerektiğini söyleyecektir. Çok başarılı işadamlarımdan bazıları bana bunun doğru olup olmadığını sormaya başladı. Hatta bazıları geçiş sürecini kafaları olmadan başlattı, çünkü diğer insanların WordPress’ten statik bir site jeneratörüne geçerek nasıl büyük bir hız artışı açtığına dair bir vaka çalışması okuyorlar. Bu beni gerçekten hayal kırıklığına uğrattı çünkü göç maliyetleri için on binlerce dolar attıklarını biliyordum. Bahsetmemek gerekirse, gelecekte birikecek sonsuz özelleştirme maliyetleri. Bu nedenle, WPBeginner gibi büyük WordPress içerik sitelerinin çoğu modern statik site jeneratörlerinden daha hızlı olmasa bile hızlı bir şekilde yüklenebileceğini kanıtlamanın bir zorluk olduğunu düşünüyorum. Bana eski okul diyebilirsiniz, ancak sonunda statik bir site yalnızca önbellek içeren bir sayfadır. WordPress barındırma altyapısı, sunucu yapılandırması ve doğru eklentiye geçmeden önce sonuçlar, sonuçları paylaşmanın çok yararlı olacağını düşündüm. WPBeginner ana sayfası Washington Server, DC’den Pingdom’da ne kadar hızlı yayınlandı:
Zamanınıza ve konum kontrolünüze bağlı olarak, bu sonuç bir veranda için yeterince hızlı olan 400 MD – 700 MD arasında değişecektir.
İşte bir yayın sayfası için çalıştırdığım test, çünkü daha büyük bir görüntü ve daha fazla içeriğe sahip:
Ayrıca masaüstü için Google sayfası hız testinde mükemmel bir “100” puanı aldık. Hücresel puanları artırmak için bazı odalarımız olmasına rağmen. Yukarıdaki sonuçlar, web sitemizi gördüklerinde okuyucularımız ve arama motoru botları tarafından elde edilen önbellek sayfaları içindir. Hissedilen wpBeginner yüklenirken neredeyse anında (daha sonra bu konuda). Bir karşılaştırma olarak, bu Gatsby ana sayfası için hız testinin sonucudur. Bu, birçok geliştiricinin şunları sevdiği popüler bir statik site jeneratörüdür:
Bu, birçok geliştirici tarafından önerilen popüler bir statik site sunucusu olan NetLify Home Veranda Speed Test’in sonucudur. Talep sayısının yarısına sahip olduklarını ve sayfa boyutlarının WPBeginner’ın% 30’u olduğunu, ancak yine de verandamızdan daha yavaş içerdiğini unutmayın.
İçerikli ana sayfa hızı, “şirketin daha iyi bir dijital deneyim nasıl sağladığı” başsız CM’ler hiç optimize edilmez. Bu, test ettiğimiz en yavaş web sitesidir.
Bu istatistikleri diğer çerçeveleri itibarsızlaştırmak için değil, tüm yeni şeylerin görülmediği perspektifini sağlamak için paylaştım.
Doğru barındırma altyapısı ve optimizasyonuna sahip WordPress, herhangi bir statik site jeneratörü kadar hızlı olabilir. Buna ek olarak, eklenti ekosistemleri ve büyük temalar aracılığıyla WordPress tarafından işletme sahiplerine sunulan esneklik seviyesine yaklaşacak başka bir platform yoktur. WPBeginner Web sitesi hızı açısından altyapı barındırma, web barındırma altyapınızdan daha önemli bir şey yoktur. Bildiğiniz gibi, 2007’den beri bir Hostgator müşterisiyim. 2009 yılında WPBeginner bloguna küçük bir hostgator ile bir barındırma hesabında başladım. Web sitesi büyümesi olarak, VPS barındırma ve daha sonra özel bir sunucuya yükseldik. Son on yılda, ekip üyelerinin çoğuyla çalışma fırsatım oldu ve WPBeginner ailesinin bir parçası oldular. Bu yüzden WPBeginner’ı statik bir site üreticisinden daha hızlı hale getirme zorluğunu kabul ettiğimde, onların yardımını istiyorum. Vizyonumu liderlik ekibiyle paylaştım ve WPBeginner için iyi şirket barındırma ayarlarından birini oluşturmama yardımcı olmayı teklif ettiler. WPBeginner’ı çok hızlı hale getirmek için benimle çalışmak için Bluehost ve Hostgator ekibinden en iyi mühendisleri koydular.
Aşağıda, WPBeginner barındırma ayarlarının ne olduğuna dair bir genel bakış:
Gördüğünüz gibi, bu iki coğrafi bölgeye (Teksas ve Utah) yayılmış çok sunucu bir ortamdır. Bulut yükü dengeleyicisi dahil olmayan toplam 9 sunucu vardır. Her sunucu, 32GB RAM ve 2 x 1 TB SSD (RAID ayarları) olan 8 çekirdek (16 UTA) olan bir Xeon-D CPU’dur. Google dengeleme bulut yük dengeleme platformunu kullanıyoruz, böylece dünya çapında engelsiz otomatik ölçeklendirme ve dengeleme yükleri yapabiliriz. Donanım doğru verileri senkronize ederek hazırlandıktan sonra, Bluehost ve HostGator ekibi WordPress için sunucu yapılandırmasını optimize etmek için birlikte çalışır. Umudum, bu optimizasyonların bazılarının yakında gelecekte WordPress barındırma paketine gireceği, bu karmaşık ayarlardan sunucu yapılandırmasını özetleyen sunucu yapılandırmasını özetleyecek, ancak en iyi şekilde çalışacağım. Web sunucusu yazılımımız için Apache’yi kullanıyoruz çünkü ekip onu daha fazla tanıyor. Nginx vs Apache tartışmasını tartışmayacağım. PHP 7.2’yi PHP-FPM koleksiyonu ile birlikte kullanıyoruz, böylece birçok işlem ve istekte bulunabiliriz. Hosting şirketiniz PHP 7+ kullanmıyorsa, ciddi hız optimizasyonunu kaybedersiniz. Hiçbir gerçek kullanıcının önbellek olmayan bir sayfa ekranı yaşamamasını sağlamak için gelişmiş önbellek ısıtıcılarına sahip bir opcode önbellek kullanıyoruz.
Ayrıca memcache tarafından bir nesne önbelleği kullanıyoruz, böylece gelen kullanıcılar (yazarımız) için WordPress yönetici alanındaki uncache sayfalarına ve diğer API yanıt süresine tıklamak için yanıt süresini artırabiliriz.İşte WordPress Yöneticisi’ndeki “Tüm Gönderi” ekranından Ağ Yük sekmesi:
Bir örnek olarak, yönetici alanımızın deneyimi şimdi daha önce olduğundan 2 kat daha hızlı. Veritabanı sunucumuz için, MySQL’den MariaDB’ye geçiyoruz, bu da MySQL’in taklidi ama daha hızlı ve daha iyi. Ayrıca HyperDB’den LudicRusDB’ye geçtik çünkü veritabanlarının çoğaltılmasını, yük devretmesini ve yük dengesini artırmamıza yardımcı oldu. Daha hızlı bağlantı + şifreleme için HTTP/2 ve HSTS gibi performans ve ölçeklenebilirlik konusunda bize yardımcı olan birçok konfigürasyon da vardır, veri merkezi çıkıyorsa yeni alanlarda ek sunucular çalıştırma yeteneği, vb. Ekip tarafından inşa edilen olağanüstü düzenlemeler konusunda haksız olduğumu hissediyorum, ancak temel gücümün pazarlama olduğunu unutmayın. Evet, WordPress hakkında yazan bir blog yazarıyım, ancak burada birçok teknik optimizasyon maaş seviyemin çok üzerinde. Dayanıklılık ekibinde David Collins (Mimar Dayanıklılık / CTO Hostgator başkanı), Mike Hansen (WordPress Core geliştiricisi) ve aşağıdaki kredi bölümünde teşekkür edeceğim diğerleri de dahil olmak üzere Süper Akıllı Mühendisler tarafından gerçekleştirildi. CDN, WAF ve DNS Web barındırmasının yanı sıra, web sitenizin hızında önemli bir rol oynayan diğer alanlar DNS sağlayıcılarınız, içerik dağıtım ağınız (aka CDN) ve web uygulaması güvenlik duvarınız (WAF). Üç ayrı şey olarak dahil etsem de, birçok şirket bu çözümü Sucuri, Cloudflare, Maxcdn (StackPath) vb. Gibi paketlerde sunuyor. Maksimum kontrol ve yayma riskine sahip olmak istediğim için, her bölümü verimli bir şekilde ele almak için üç ayrı şirket kullanıyorum.
WPBeginner DNS, DNS Made Made (Contellix ile aynı şirket) tarafından desteklenmektedir. Dünyanın en hızlı DNS sağlayıcısı olarak sürekli olarak geliştirilirler. DNS’nin avantajı, CDN veya WAF üzerindeki belirli veri merkezleri, maksimum çalışma süresini sağlamak için düzgün çalışmadığında küresel trafiğin yönünü yapabilmemdir. Temel olarak, dünyadaki büyük sunucu ağlarından statik varlıklarımıza (resimler, CSS dosyaları ve JavaScripts) hizmet vermemize izin verirler. Sucuri’yi web uygulaması güvenlik duvarımız olarak kullanıyoruz. Saldırıları engellemeye ek olarak, diğer CDN katmanları olarak da hareket ederler ve genel performansları çok şaşırtıcıdır. Piyasadaki en iyi WordPress güvenlik duvarı çözümlerine sahip olduklarına inanıyorum. Web sitesi hızı üzerinde çalışırken, her milisaniyeyi azaltmak önemlidir. Bu nedenle bu çözüm sağlayıcısını kullanmak yeni web barındırma altyapımızla birleştiğinde büyük bir fark yaratıyor. Bir örnek olarak, bu wpbeginner.com vs gatsbyjs.org vs cloudflare.com Şelalesi:
Bu senaryo oldukça temiz. Web sitelerini kontrol etmenizi ve beyni nasıl aldığını görmek için “Test Hızını Tıklama” düğmesine tıklamanızı şiddetle tavsiye ederim. GÜNCELLEME: Şimdilik Anında Deaktiv. Gijo Varghese yeni eklentisini Facebook grubu WPBeginner Engage’de benimle paylaştı ve en iyi anı birleştiriyor gibi görünüyor. Web için geliştirilen yeni bir resim biçimi olsa da, web için görüntüleri optimize etmek, henüz kullanmadık. Bunun yerine, tüm yazarlarımızdan bir tinypng aracı kullanarak her resmi optimize etmelerini istiyoruz. Optimole veya EWWW görüntü optimize edici gibi eklentileri kullanarak görüntü sıkıştırmasını da otomatikleştirebilirsiniz. Ancak, ekibin bunu manuel olarak yapmasını tercih ediyorum, böylece sunucuda büyük dosyalar yüklemiyoruz. Şu anda, görüntüler için yavaş yükleme yapmıyoruz, ancak yakın gelecekte eklemeyi planlıyorum çünkü Google, Chrome 76’daki tembel yükleme desteğine sahip. Çekirdek WordPress’te tüm sitelere eklemek için biletler de var ( Gerçekten bu yakında olur), bu yüzden özel bir eklenti yazmam gerekmiyor. Yenileme: Bir blog yazısı yayınladıktan birkaç saat sonra Google, WordPress için yerel tembel yük eklentisini yayınladı. En iyi HTTP + uygulama kuyruğunu sınırlayın
Kullandığınız WordPress eklentisine bağlı olarak, bazıları her sayfa yüklemesine ek CSS ve JavaScript dosyaları ekleyecektir. Web sitenizde çok fazla eklenti varsa bu ek HTTP isteği kontrolden çıkabilir. Daha fazla ayrıntı için, WordPress eklentilerinin sitenizi açık zamanınızı nasıl etkileyebileceğine bakın. Şimdi, çok fazla kötü WordPress eklentisinin yanlış sonuca varmadan önce, size WPBeginner web sitesinde çalışan 62 aktif eklenti olduğunu söylemek istiyorum. Tek yapmanız gereken HTTP isteklerini azaltmak mümkünse CSS ve JavaScript dosyalarını birleştirmektir. WP Rocket gibi bazı WordPress önbellek eklentileri bunu minifikasyon özellikleriyle otomatik olarak yapabilir. WPBeginner’daki ekibimiz tarafından yapılan bunu manuel olarak yapmak için bu makaledeki talimatları da izleyebilirsiniz. Eklentiler ve temalar tarafından eklenen HTTP isteklerine ek olarak, web sitenize eklediğiniz diğer üçüncü taraf komut dosyalarına da dikkat etmek istersiniz, çünkü her komut dosyası web sitenizin hızını etkileyecektir. Örneğin, çok sayıda reklam senaryosu veya yeniden sonlandırma komut dosyaları çalıştırırsanız, sitenizi yavaşlatırlar. Koşullu bir komut dosyasını yalnızca gerektiğinde yüklemek için Google Tag Manager gibi bir araç kullanmak isteyebilirsiniz. TechCrunch veya ThentextWeb gibi reklamlar tarafından desteklenen bir web sitesi iseniz, reklamları silmek bir seçim olmadığı için bu konuda çok az yapabilirsiniz. Neyse ki, WPBeginner para kazanmak için üçüncü taraf reklam senaryolarına bağlı değildir. WPBeginner’ın nasıl para kazandığını görmek ister misiniz?
WPBeginner’ın geliri hakkındaki blog yazıma bakın. Öğrenilen ders (şimdiye kadar) + Son aklım yeni bir barındırma altyapısı ve zaman zaman öğreneceğim birçok ders olduğundan eminim. Şimdiye kadar hızı artırmayı seviyorum çünkü SEO sıralamamızı geliştirmemize yardımcı oldu ve yönetici alanımız çok daha hızlı. Yeni çoklu sunucu ayarlarıyla, WPBeginner’ı diğer harika güdü ürünlerine eşdeğer hale getirmek için yeni uygulama iş akışını tanıtıyoruz. Yani, şimdi doğru varsayılan kontrol sürümüne sahibiz ve dikkatsizliğinden alıkoymak için uygulanan adımlar var (yani uygun test yapmadan eklentiler eklemek, eklentiyi test tablosundan test etmeden güncelleme vb.). Bu değişiklik aynı zamanda nihayet gelişmeden çıkmam ve WPBeginner Site hükümetini geliştirme ekibimize göndermem için de yol açtı. Bunu yıllarca reddettim, ama sanırım zaman gelecek ve sadece kabul etmem gerekiyor. Yeni kurulumun cpanel veya WHM yok, bu yüzden bu beni neredeyse işe yaramaz hale getiriyor çünkü tekrar komut satırında çok akıcı değilim. Şimdiye kadar iki büyük ders öğrendik:
İlk olarak, senkronizasyon/sunucu çoğaltması nedeniyle WordPress güncellemek o kadar kolay değildir. Kişisel blogumu (syedbalki.com) WordPress 5.2 olarak güncellediğimizde, güncelleme dosyası web düğümlerinden birinde düzgün bir şekilde senkronize edilmez ve hata ayıklama işlemi beklenenden daha uzun sürer. Bunun için daha iyi bir üretim/test süreci oluşturmaya çalışıyoruz. İkincisi, ekip genelinde daha iyi iletişim kurmamız gerekiyor çünkü durma süresine yol açan yük dengeleme yapılandırma hatası ile küçük bir kriz yaşıyoruz. Daha da kötüsü, Türk Havayolları’nda transatlantik bir uçuştayım ve WiFi çalışmıyor. Neyse ki, barındırma ekibinin hızlı yanıt süresi sayesinde her şey çözüldü, ancak bu, gelecekte olayla daha iyi başa çıkmak için bazı yeni standart işletim prosedürleri (SOP) oluşturmamıza yardımcı oldu. Genel olarak ayarlardan çok memnunum ve WPBeginner için yapılan bazı önbellek konfigürasyonlarının/optimizasyonunun Hostgator Cloud ve Bluehost WordPress paketinin standart bir parçası olacağını biliyorum. Bunun artık bir web sitesi, blog veya çevrimiçi mağaza başlatıyorsanız, bu sofistike şirket ayarlarına ihtiyacınız olmadığını söylemesi gerektiğini düşünmüyorum. Her zaman benim gibi hostgator veya bluehost ile bir paketle küçük bir tane başlatmanızı ve daha sonra iş büyümeniz olarak barındırma altyapınızı artırmanızı öneririm. Mevcut WordPress barındırma paketinizde yukarıda paylaştığım çok fazla optimizasyon uygulayabilirsiniz.
Örneğin, Bluehost standart paketi kullanabileceğiniz varsayılan bir önbellek eklentisi ile donatılmıştır ve ayrıca varsayılan olarak PHP 7 sunar.Web sitenizi önemli ölçüde hızlandırmak için Sucuri gibi CDN + WAF ile birleştirebilirsiniz.Şimdi benzer barındırma ayarları isteyen orta bir pazar şirketi / şirketseniz, lütfen iletişim formumuz aracılığıyla benimle iletişime geçin.Sizi doğru yöne yönlendirmeye yardımcı olabilirim.Teşekkürler Özel + Kredi
