Smush eklentisi ve Hummingbird ile Impreza wpbakery temasını optimize etmek
Impreza, kendi zevkiyle popüler olan wpBakery tabanlı bir temadır. Bu yazıda, WPMU dev üyeleri bu çok amaçlı WordPress temasını en yüksek hız ve en iyi performans için nasıl optimize edeceklerini paylaşıyor. Web geliştiricisi ve Kanada CapitalWebdesign.ca merkezli bir web tasarım şirketinin sahibi WPMU Dev’in bir üyesi olan Phil Martin, son zamanlarda bizimle paylaştı, “son zamanlarda WPBakery tabanlı temayı optimize etmek için çok ilgi var, bu yüzden bence ben Son zamanlarda kullandığım WPBakery destekli temaya 2 ¢ i verecek, Impreza. ”
Impreza, WPBakery kullanan çok amaçlı bir WordPress temasıdır. Bu yazıda aşağıdakileri tartışacağız:WordPress için Impreza temalarına genel bakış
Impreza temalarını optimize etmek için test metodolojisi
Benchmark Sonuçları
Impreza’nın performansını daha iyi hale getirin
WordPress Impreza için Impreza temasına genel bakış, wpBakery kullanan bir WordPress premium temasıdır. Bu, Upsolution tarafından geliştirildi ve yönetildi ve şu anda Themeforest’ten edinilebilir, burada 80.000’den fazla satışla en iyi satış temalarından biri ve 2.200’den fazla kullanıcı incelemesinden 4.89/5 sıralaması olarak kullanılabilir. Impreza, Themeforest’in en iyi yazdığı WordPress temalarından biridir. Tema lisansı genellikle 59 $ değerindedir, ancak genellikle 39 $ satar ve 12 aylık destek ile donatılmıştır.
Phil’in dediği gibi: “Her ay ortalama olarak büyük yenilenmeyi teşvik ediyorlar. Cidden, bu değişikliğin günlüğüne bakın ve beni uzun zamandır gördüğünüz en iyi değişim stili/stili olmadığına ikna etmeye çalışın. ” Impreza teması wpBakery kullanır, ancak kendi zevkleriyle. Bu, birçok yapısal bileşeni ayıran çok modüler bir temadır: Düzen: Impreza, gönderiler, referanslar veya ürünler, resim galerileri gibi özel yayın türleri gibi veri gruplarını görüntülemenizi sağlar. Kafesindeki tüm öğeleri etkili bir şekilde ayarlayabilirsiniz. Bakış için Kafes Düzeni Belge sayfasına bakın.
Blok sayfası: Tema, yeniden kullanılabilecek bir blok sağlar. Bu, her şeyi tek bir yerde düzenlemenize olanak tanır ve değişiklikler bir blok eklediğiniz yere yansıtılır. Bunu altbilgi, harekete geçme daveti vb. İçin kullanın.
Şablon sayfaları: Herhangi bir tür veya gönderme sayfasına uygulanabilen WPBakery kullanarak bir şablon yapabilirsiniz. Bunu, sayfalara karşı yayınlamak veya yayın türüne göre farklı şablonları desteklemek için farklı bir altbilgiye sahip olmak için kullanın (örneğin, bloglardaki ürün incelemelerine karşı pişirme tarifleri).
Başlık Maker: Impreza benzersiz, güçlü ve çok sezgisel bir başlık üreticisi sağlar. Başlık Maker belge sayfasına bakın.
Impreza, elemanları ızgarada etkili bir şekilde ayarlamanıza olanak tanır. Impreza hakkında dikkate alınması gereken bazı ek noktalar: Bu orijinal ACF özel alanlarının çoğunu destekler (ACF’yi de destekleyen SEO için SmartCrawl eklentimizi kullanırsanız çok iyi).
% 100 WPML dil çevirisi eklentisi ile uyumlu.
Varsayılan bakım modu, düğme yapımcısı, özel görüntü boyutu, diğerlerinin yanı sıra
Belirli bir gösteri sayfasının belirli satırlarına bireysel bir demo sayfasını veya kopyalama yeteneği. Bu, büyük bir yaşam kalitesi seçimidir: demoda kopyalamak istediğiniz belirli bir satır gördüğünüzde, sadece kopyalayın + yapıştırın.
Her lisans 1 üretim yeri ve 1 geliştirme yeri için geçerlidir (zorla bakım modu). Lisanslı site size beyaz bir etiket teması, demo içe aktarma, tema güncellemesi tıkladıktan sonra (Envato eklentisi olmadan), önerilen eklenti/eklenti (örn. Smush) verir
Not: Site başına bir lisans çalıştırılması gerekmez ve eklenti yüklemeniz veya bir gösteri içmeniz gereken lisansı döndürebilirsiniz. Tema güncellemesi hala lisanssız siteler için Envato eklentisi aracılığıyla da mevcuttur. Buna ek olarak, desteğiniz etkin olduğunda, tema geliştiricisi neredeyse tüm tema ayarlamalarında size yardımcı olacaktır ve kapsamlı temalar kullanan Phil’e göre destek personeli çok bilgilidir.
Yani, Impreza, özellikle WPBakery kullanmayı seviyorsanız, kullanmak için iyi bir WordPress temasıdır.
Ancak gerçekten bilmek istediğimiz şey şudur:
Impreza hızlı yüklendi ve iyi performans gösteriyor mu?
Impreza yükü ile yapılan bir site daha hızlı yapabilir ve optimizasyon eklentimizi Smush ve Hummingbird’imizi kullanarak daha iyi performans gösterebilir miyiz ve WordPress’i barındırma yönetilir mi?
Bu cevap için Phil’e geçelim … WordPress Impreza Impreza temasını optimize etmek için metodolojiyi test etmek, sağladıkları birkaç gelişmiş tema seçeneğiyle kanıtlandığı gibi çok performans odaklıdır. Impreza, performansı iyileştirmeye yardımcı olacak gelişmiş tema seçenekleri sunar. Impreza’nın Google PagePeed Insights ve GTMetrix’te ne kadar iyi sıralanabileceğini görmek için, Phil Test Metodolojisi kendi kelimeleriyle:
(Not Düzenleyicisi: Phil gibi WPMU Dev üyeleri, WPMU dev üyeliğinin bir parçası olarak eklentimizin Pro sürümüne otomatik olarak erişebilir, ancak Smush ve Hummingbird’in ücretsiz sürümünü kullanarak aşağıda gösterilen aynı metodolojiyi takip edebilirsiniz.)
Orijinal web sitesini kullanın: Bu karşılaştırmada kullandığım web sitesi tamamen oluşturulmuş gerçek bir web sitesidir. Henüz kamu trafiği için yayınlanmamış olsa da, WPML çalıştırır ve görüntüler de dahil olmak üzere gerçek içeriklerle doludur. WPMU Dev: Toronto, Kanada’da bulunan Basit Bronz Level Server’da barındırıldı. Fastcgi sunucu tarafı önbelleğini test edeceğiz
Smush Pro: Her blog yayınının üstün bir görüntüye sahip olduğu için görüntüleri optimize etmek bu site için önemlidir. Bu web sitesinin önümüzdeki 5 yıl boyunca 10.000’den fazla blog yazısına çıkması muhtemeldir, bu yüzden onu en başından beri optimize etmemiz gerekir.
Hummingbird Pro: Varlıkların optimizasyonunun Impreza ile çalışıp çalışmadığını görmek için test edin.
Önbellekleme: Önbellek çözeltisinde yedekliliğe ihtiyacımız yoktur, bu nedenle Hummingbird Pro önbelleğe alma veya fastcgi önbellek yan sunucusu kullanılır.
Impreza Performans Ayarları: “HTTP/HTTPS” i dosyaya kaydedin, jQuery taşıma komut dosyasını devre dışı bırakın, jQuery komut dosyasını altbilgiye taşıyın, js tema bileşenini dinamik olarak yükleyin, wpBakery sayfa oluşturucunun ek özelliklerini devre dışı bırakın, Gutenberg CSS’yi devre dışı bırakın Dosya (düzenleyici bloğu), JS ve CSS boyutlarını optimize edin ve Google yazı tipi stilini bir CSS dosyasında birleştirin. Test karşılaştırması sonuçları her iki eklenti devre dışı bırakılarak gerçekleştirilir, Impreza performans ayarları deaktive edilir ve sunucu tarafı önbelleği deaktive edilir .
Phil daha sonra yavaş yavaş bir bileşeni etkinleştirir. Google PagesPeed Insights üç kez çalıştırılır (ortalama üç kez çalıştırılır) ve GTMetrix performans raporları yapılır. Phil testinin sonuçları aşağıdadır:
Yukarıdaki test, profesyonel bir WordPress web sitesi geliştiricisi ve WPMU Dev Üyesi Phil Martin tarafından bağımsız olarak gerçekleştirilmektedir. Phil Test Sonuçları Impreza temaları ve artımlı optimizasyon yöntemleri ile.
Yukarıda gördüğünüz gibi, Phil testinin sonuçları daha önce geldi … (sadece impreza):
Google Psi Hücresel Puanı: 27
Google Psi Masaüstü Puanı: 83
GTMetrix Puanı: A-92-%94GtMetrix *FCP: 1.1s
GtMetrix ** ttfb: 0.8s
Sonra (Impreza + Smush + Hummingbird + CDN/önbellekleme):
Google PSI Hücresel Puanı: 87 (%222 artış)
Google Psi Masaüstü Puanı: 96 (%15,6 artış)
GTMetrix Puanı: A-100%-95
GTMetrix *FCP: 0.461 saniye
GtMetrix ** ttfb: 0.206 saniye
* Fcp = ilk içerikli kedi ** ttfb = ilk baytın zamanı
Yukarıdaki testi çalıştırdıktan sonra, Phil’in en iyisini yaptığı bir ayardır:
Impreza Performans Ayarları: Hepsi etkinleştirilir.
SMUSH: Tüm önerilen + CDN + WebP (Özel Özellik Pro). Ayrıca, WPBakery sayfa oluşturucusunun entegrasyonunun Smush> Entegrasyon menüsünde etkinleştirildiğinden emin olun. Bu, WPBakery.Hummingbird: Tüm Önerilen Sayfa Oluşturucu kullanılarak boyut olarak değişen özel büyüklükte bir görüntüyü yok edecektir
Önbellekleme: Hummingbird Pro veya Fastcgi yan sunucu.
Impreza + WPMU Dev’i barındırma hala kutunun dışında iyi bir iş çıkarıyor. Pagespeed masaüstünde 83/100 ve GTMetrix’teki A’nın (%92;%94) değeri çok etkileyici, ancak hücreseldeki 27 puanı açıkça arzu edilmiyor.
Impreza’nın varsayılan performans optimizasyonu çok etkilidir. Bu, Google sayfa skorunu 90’lara çıkardı, bu da hücresel için çok önemlidi.
Smush, performans puanlarında birçok farklılık yaratmıyor gibi görünüyor, ancak görüntünün orada bulunduğu sayfanızın genel yükleme boyutunu azaltacaktır.
Sinek kuşu önbelleği FastCgi sunucu tarafı önbelleğine eşdeğer görünüyor.
Hummingbird Pro CDN, sunucunun FastCGI önbellekleme yoluyla CSS + JS sağlamasına izin vermekle eşdeğer görünmektedir.
Testi yürüttükten sonra Phil tarafından verilen ek değerli bilgilerden bazıları:
“Bu puana gerçekten zarar veren HAL #1 JavaScript Recaptcha Google.”
“Dürüst olmak gerekirse, fastcgi sunucu tarafı önbellekleme ile barındırmanın ne kadar iyi yapıldığını görünce şaşırdım. Ek eklentiler olmadan PagesPeed Insights’ta TTFB 0.224s ve 92/98 çok etkileyici. Smush Pro daha sonra yüksek oranda optimize edilmiş bir görüntü dosyası sunarak yukarıdaki ekstra -optimizasyon katmanı haline gelir. Hummingbird Pro biraz rahatlayabilir ve önbellek servis etme konusunda endişelenmenize gerek yoktur. Tersine, bu, tüm başlıklarımızı süresi dolmuş, aktif zaman izleyebilir ve CSS/JS’yi CDN’den sunmaya odaklanabilir. Impreza’nın görünüşünü Phil’in kendi sözleriyle daha etkileyici hale getirmek: “Geçmişte birçok üst çok amaçlı temayı kullandıktan sonra (Avada, Enfold, Ettal, ekstra, Jüpiter, Göze Çıkan, vb.) Modern, minimalist web siteleri, verimli bir şekilde başarılı olmadım ve Impreza ile sahip olduğum gibi yüksek performans. Daha önce yapılmış olan ticaret şablonları ve akıllıca bir tasarım, kapsamlı ayar kabiliyeti ve aptalca performans için demo kütüphanesi benim için çok değerli.
Ve bkz. Sonuçlar yalan söylemiyor: GTMetrix’teki A puanından hiç kimse çıkmadı. ”
Tüm “A” ı almak için Phil gibi bir Kanadalı olmanıza gerek yok-sadece smush ve hummingbird yükleme … eklenti “Moose’t-Have” wpmu dev. Yani, hepsi bu! Impreza, sadece WPBakery sayfa üreticisi tarafından hızlı desteklenen çok yönlü bir WordPress teması değil, aynı zamanda CDN ve FastCGI etkinleştirilmiş sunucu tarafı barındırma özelliklerine sahip SMUSH ve Hummingbird Optimizasyon eklentisi kullanılarak performansı artırılabilir. Pro eklentilerimizin tüm serisine erişmek için, çok hızlı bir şekilde yönetilen WordPress barındırma ve tüm WordPress için 24 × 7 uzmanların yardımı ve desteği, Riskimiz olmadan ücretsiz bir deneme ile bugün WPMU Dev’in bir üyesi olun. Bu makalenin katkıda bulunanları: Phil Martin – Capital Web Design ile işbirliği içinde yazılmıştır. Phil, bir hedefe ulaşmak için yirmi yıl boyunca bir web tasarım deneyimi kullanıyor: Kanada başkentinde iş ve kar amacı gütmeyen kuruluşlar için modern bir web sitesi oluşturarak memleketine geri vermek! *** Not: Harici kaynaklardan makale almadık. Ancak WPMU Dev üyeleri, XCHANGE Blogu aracılığıyla blogumuzdaki öğreticilere ve makalelere fikir ve öneriler katkıda bulunabilir.
Impreza gibi wpBakery tarafından desteklenen temaları kullanıyor musunuz? Sitenizi yukarıda gösterildiği gibi optimize etmeye çalıştınız mı? Düşüncelerinizi ve yorumlarınızı aşağıda paylaşın.
