Ücretsiz Smush eklentileri ve Hummingbird kullanarak wpBakery siteleri nasıl optimize edilir
WPBakery, dünyanın en popüler WordPress sayfalarından biridir. WPBakery eklentilerini yükleyerek nasıl hızlandırılacağınızı ve sitenizin performansını nasıl artıracağınızı öğrenin. Bu öğreticide, WPBakery’yi kullanarak siteyi nasıl aldığımızı göstereceğim …
GTMetrix, optimizasyondan önce WPBakery sitesi için sonuçlar. Bunun için, ücretsiz eklentimiz smush ve hummingbird kullanarak … GTMetrix, Smush eklentisi ve serbest hummingbird kullanarak wpBakery siteleri için sonuçlar. Ve son olarak bunun için, bazı ek ayarlamalardan sonra*… GTMetrix tam optimizasyondan sonra sonuçlar. * Bu sonuçlar Smush Pro özelliğini kullanmayı içerir. Ayrıca, ödül kazananımız Smush’ın kazananını optimize eden ve diğerleriyle birlikte test eden eklentide bulunan WPBakery için yeni entegrasyon özellikleri hakkında konuşacağım.Bu yazıda, bunu kendi sitenizde çoğaltabilmeniz için aşağıdaki test sürecimin her aşamasını kısaca getireceğim:
WPBakery’ye Genel Bakış
Metodoloji
WPBakery Site Ayarları
Wpbakery ve smush
Wpbakery entegrasyonu ile wpbakery ve smush
WPBakery, Smush ve Hummingbird
WPBakery, Smush Pro ve Hummingbird
WPBakery Optimizasyon Bilgileri
WPBakery ile sitenizin performansını hızlandırmak ve geliştirmek için aşağıdaki tarifi takip edin. Yemek pişirmenin zamanı geldi … 1. WPBakery’ye genel bakış WordPress için bir düzineden fazla sayfa yapımı olmasına rağmen, WPBakery dünyanın en popüler WordPress sayfaları eklentilerinden biri olmaya devam ediyor.
Aslında, budwith.com’a göre, WPBakery “Mega” teknolojisidir. Bu, dünya çapında 3.6 milyondan fazla web sitesinde kullanılır ve en çok kullanılan 5. WordPress eklentisidir. Büyük düşünme … Mega’yı düşün! WPBakery kullanan istatistik kaynağı: Buildwith.com Üyelerimizin çoğu WPBakery Page Maker eklentisini sitelerinde kullandığından, sitenin hızını ve performansını artırmaya yardımcı olacak yollar bulmaya karar verdik. WordPress WPBakery sitesi için temel optimizasyon hakkında ipuçları Ücretsiz bir eklenti kullanarak wpBakery sitesini optimize etmeye girmeden önce, birkaç temel optimizasyon noktasını tartışalım. Sayfa ve ek kodları yapmak neredeyse tüm sayfa yapımcılarının genel özellikleri ana html dosyasına kod eklemeleridir web sayfanızın ve ek dosyalarınızın (örn. CSS ve JS dosyaları). Tüm bu kodlar esnek bir düzen, çeşitli stil seçenekleri ve olağanüstü tasarım öğeleri kullanarak “daha iyi bir sayfa oluşturmanıza” yardımcı olsa da, bu kodlar web sitenizin hızını da etkiler, çünkü sayfalarınızı kullanıcının daha zor ve daha yavaş yüklemesini sağlar. internet tarayıcısı. Sayfa yapıcılar tarafından ek kodlara eklenen ek kodlara, sitenizde belirli sayfaları yüklemek için ve genellikle sadece birkaç yüz kilobayt gerekse de, bir bütün olarak web siteniz için kod gereklidir.
Bu ek kodun birikim etkisi, web sayfanızın açık süresini birkaç yüz milisaniyeden birkaç saniyeye çıkarabilir, çünkü web tarayıcısının yalnızca bu ek kodu indirmesi gerekmez, aynı zamanda sayfanızı ziyaretçilere görüntülemek için de çalıştırır. WPBakery kullanmayı planlıyorsanız, çok uzun süre kullanmak isteyeceksiniz, çünkü sitenizdeki eklentiyi devre dışı bırakmak, gönderinizden ve sayfanızdan silmeniz gereken birçok kısa kod bırakacaktır. Astaga … Kim temizleyecek Bu? Yakında göreceğiniz gibi, HTML, CSS ve JS site dosyalarını küçültmek için Hummingbird eklentimizi kullanarak bu ek kodun neden olduğu ek yükleme süresini azaltmak için WPBakery’yi optimize etmeye çalışacağız.
Minifikasyon, boşlukları, taşıma getirilerini ve gereksiz karakterleri ortadan kaldırma sürecidir. Bu, sitenizin daha hızlı yüklenmesine yardımcı olan daha küçük dosyalar üretir. Siteyi optimize etmeye başlamanın en iyi yollarından birinin teması, önce temanızı optimize etmektir. Bazı temalar çok fazla optimizasyon sağlar ve ayarlama ayarları büyük bir fark yaratabilir. Örneğin Avada gibi temaları kullanırsanız, performansı iyileştirmeye yardımcı olma seçeneğinin tüm parçaları vardır (AVADA> Option> Performance). Temanızı optimize etmek, sitenizin performansında büyük bir fark yaratabilir. Tema belgelerinizi açın ve varsa performans ayarlarını optimize edin. Ve büyük bir fark yaratıyorlar.
Barındırma ayarlarınızı barındırmanın, sitenizin hızı ve performansı üzerinde büyük bir etkisi vardır. Hızlı bir web ana bilgisayarını seçerek sayfa yükleme sürenizi önemli ölçüde azaltabilecek bir roket bilimcisi olmanıza gerek yoktur. Bununla birlikte, fark etmeyebileceğiniz bir şey, Google’ın daha hızlı HTTP/2 protokollerine dayalı puanları artırmak için yakın zamanda PagePeed bilgilerini güncellediğidir. HTTP/2 sunucusu, siteye performansta bir artış sağlar ve Google PagePeed Insights puanlarını artırır. Bu nedenle, daha hızlı bir site performansı ve daha iyi bir hız testi puanı istiyorsanız sunucunuzun HTTP/2 protokolünü desteklediğinden emin olun. CDN Network Dağıtım İçeriği veya CDN daha sonra, kullanıcınıza daha yakın çeşitli veri merkezlerinden site dosyanızı sunarak sayfa açık sürenizi azaltabilir. Önce ücretsiz eklentimizle test ettiğimiz ve CDN “Pro” sürümünün bir özelliği olduğundan, CDN’yi ilk test aşamasında devre dışı bırakacağız. Test sitemizi daha da optimize etmenin yollarını aradığımızda daha sonra yeniden etkinleştireceğiz. Önbellekleme dahil sayfa açık sürenizi daha da azaltmanın ek yollarını önbelleğe alın. Bununla birlikte, önbelleklemenin sayfa yükleme testinin sonuçlarını bozduğunu belirtmek önemlidir, çünkü kullanıcıya depolanan site sayfasını sunar, böylece etkinleştirilmiş önbellek kullanan herhangi bir test, sayfaların gönderilmesini gerçekten ölçmez. orijinal sunucuya ilk istek. Site depolandı.
Bu nedenle, testlerimize devre dışı bırakılmış önbellek sayfası ile başlayacağız. Daha sonra sayfa önbelleğini daha sonra etkinleştireceğiz, WPBakery yüklü olarak test sitemiz için oluşturulabilecek genel performansta ne tür bir farklılık olduğunu görmek için. Görüntü optimizasyonu sıkıştırma görüntüleri sayfanızın daha hızlı yüklenmesine yardımcı olur ve sitenizin görüntü çözünürlüğünü kaybetmeden görüntü boyutunu azaltarak daha iyi performans gösterir. Sitemizi Serbest Sıkıştırma Eklentimiz ve Optimizasyon, Smush’u kullanarak test edeceğiz. WordPress Sitesinin hızını ve performansını WPBakery kullanarak etkileyebilecek bazı ek şeylerin gereksiz unsurlarını silin Widget’lar, yazı tipleri, eklentiler, temalar, vb. Sunucunuzu yavaşlatabilecek miktarlar. Widget’ları optimize etmek, yalnızca ihtiyacınız olmayan gereksiz widget’ları silmekle kalmaz, aynı zamanda ihtiyaç duymayan bir yerden de silin (örneğin, blog girişinizdeki widget’lar dahil, aynı zamanda ana sayfalar gibi sayfalardan silin, bize ulaşın, Sayfalarımız hakkında vb.) Ayrıca, en son WPBakery sürümünü ve sitenizi, temanızı ve eklentinizi en son kullandığınızdan emin olun. WPBakery’nin performansını genişleten ve yavaşlatan temalar ve eklentiler. Şimdi site optimizasyonunu etkileyebilecek çeşitli faktörler gördük, WordPress WP fırın sitemizi test etmek için kullanılan özel metodolojiye bakalım. 2. Metodoloji Bu yazı hızlanmakla ilgili olduğu için, siteniz için nasıl barındırma hazırlayacağını, smush ve sinek kuşu eklentimizi nasıl yapılandıracağımızı ve test sonuçlarımızı daha hızlı alacağımızı gösterdiğimiz kısmı özleyeceğim. Yukarıdakilerle ilgili yardıma ihtiyacınız varsa, aşağıdaki derin öğreticimize bakın: Barındırma: Yeni başlıyorsanız, ihtiyaçlarınız için doğru barındırma türünü seçmek için kılavuzumuza bakın. Sitenize ev sahipliği yapacak bir yer mi karıştı? Çok hızlı barındırma ve hiçbiri ikinci olan paranın değerini sunuyoruz. Deneyimli bir WordPress kullanıcısıysanız, yönetilen çeşitli WordPress barındırma sağlayıcılarının test ve karşılaştırması incelememize bakın (Talimatlar: Kazanmıyoruz!), Yeni veri barındırma hızımızı test etmek için kullandığımız metodolojiye de bakın.
Smush: Smush’tan maksimum sonuçların nasıl alınacağına dair öğretici dizimize bakın.
Hummingbird: Benzer şekilde, Hummingbird’den maksimum sonuçların nasıl alınacağına dair öğretici dizimize bakın.
WordPress’i hızlandırın: WordPress’i nasıl hızlandıracağınızı hızlandırmanız gerekiyorsa, GTMetrix’i kullanma ve Google’ı kullanarak mükemmel puanı almanın zorlukları hakkındaki bu yazı gibi sayfa hız araçları hakkında WordPress ve öğreticilerimizi hızlandırmak için ana kılavuzumuza bakın. PagePeed’in içgörü.
Buna ek olarak … lütfen WPBakery sitenizi optimize etmeden önce bu yazıdaki bölümü açın: Yakın zamanda Elementor sitesini nasıl optimize edeceğiniz hakkında bir eğitim yayınladık. Smush ve sinek kuşu eklentilerimizi yapılandırmak ve optimize etmek için kullanılmasını önerdiğimiz tüm adımlar için ayrıntılı yönergeler içerir. Şimdi, bu testte kullanılan metodoloji için: WordPress barındırma paketi tarafından yönetilen WPMU Dev Basic’imiz (bronz) ‘a gönderilen yeni bir WordPress kurulumu hazırlıyorum.
WordPress sürümü = 5.6.2
PHP sürümü = 8.0
Test sitemize yükleyeceğimiz tek eklenti Smush ve Hummingbird’dir (Not: WPMU eklentisi Dev Gösterge Tablosu WPMU Dev ile gönderilen siteye otomatik olarak yüklenmiştir).
Önbellekleme sayfası ve barındırma ve Static Server önbellekleme (CGI FAST) ve CDN gibi Pro eklentilerini optimize etmenin özellikleri, ilk test aşamamızda devre dışı bırakılır.
Tüm testlerde aynı WordPress teması (dükkan sahibi) ve yapılandırma ve tema seçenekleri kullanılır. Not: Bu temanın kendi optimizasyon ayarları yoktur, bu nedenle bu bir eklenti kullanılarak yapılacaktır.
WPBakery Builder eklenti sürümü = 6.5.0 (Not: Eklenti temalarla birlikte toplanır ve bu, eklentinin güncelleyebileceğim en yüksek sürümüdür.)
Test sırasında aynı GTMetrix varsayılan sunucu ve tarayıcı konumu kullanılır (Test sunucusu konumu = Vancouver, Kanada. Tarayıcı = Chrome (Masaüstü) 86.0.4240.193, Lighthouse 6.3.0).
Temel olarak, sınav sırasında her şey aynı kalır. Daha fazla seçeneği, aşağıdaki Sonuçlar bölümünde açıklandığı gibi, yeniden test etmeden önce kademeli olarak etkinleştiriyorum. Ek not ve ayarlar:
Bu site WPMU Dev Hosting’de barındırılmaktadır, bu nedenle WPMU Dasbor Dev’i (Özel Üye Özellikleri) kullanarak Smush ve Hummingbird’i yükleyin. İlk testimi ücretsiz eklenti sürümümüzü kullanarak simüle etmek için Pro -Deaktif bir özellik ile yaptım. Sineklik, siteleri farklı önbellek türlerini (örneğin önbellekleme, önbellek tarayıcısı, RSS önbellekleme ve gravatar önbellekleme) ve sıkıştırma özelliklerini kullanarak optimize ediyor (örneğin GZIP GZIP sıkıştırma). Daha önce de belirtildiği gibi, devre dışı bırakılan bir önbellek sayfası ile başladık. Ayrıca gravatar önbellekleme ve RSS önbellekleme devre dışı bırakıyoruz. Önbellek tarayıcısı ve GZIP sıkıştırma varsayılan olarak çoğu ana bilgisayarda etkinleştirilir. Web sunucusu yapılandırmasını değiştirmeden bunu kapatmanın kolay bir yolu yoktur, bu nedenle test sırasında bu kalır
Her zaman geliştiricilerimiz tarafından hatırlatıldığı gibi, birçok değişken test sitelerinin performansını ve sonuçlarını etkileyebilir. Bu, farklı temalar, eklentiler, barındırma ortamı, konfigürasyonlar, gezegenlerin hizalanması vb. Kullanmayı içerir. Bunu bu yazının sonunda biraz daha tartışacağız.
İsterseniz, sitenizin tam bir yedeklemesini yapabilirsiniz, ancak bu gerekli değildir, çünkü Smush ve Hummingbird web sitenize zarar vermez.
Şimdi, test sonuçları için. 3. WPBakery Site Ayarları Belirtildiği gibi, tüm testler WPMU Dev tarafından yönetilen WordPress barındırmasında yeni WordPress kurulumunda gerçekleştirilir.
Yeni wpbakery sitem … WordPress fırından sıcak ve taze! Daha sonra bir dükkan sahibinin e -ticaret teması yükledim.
Dükkan sahibi, WordPress için popüler bir WPBakery e -ticaret temasıdır. WPBakery bir stand -daha fazla birinci sınıf eklentisi olmasına rağmen, birçok tema eklentilerle (esnaf dahil) paketlenmiştir. Bu temada wpBakery mevcuttur. Daha sonra tema gösteri içeriğini içe aktardım, çünkü birçok büyük sayfa ve resim istedim.
Her şeyi siteye ithal edelim ve bu bebeği sonuna kadar teşvik edelim! WPBakery eklentisi yüklendiğinde ve etkinleştirildiğinde ve demo deposu içeriğim içe aktarıldığında, test sitem artık test etmeye hazır.
Çok sayıda resim ile birçok sayfa açın … şimdi yemek pişiriyoruz! Bir şeye dokunmadan önce, Google PagePeed Insights ve GTMetrix’i kullanarak sitemde birkaç sayfa hız testi çalıştırıyorum. İşte ilk Google PagePeed Hücresel Testlerimin sonuçları …
İlk PSI cep telefonu sonuçlarım. İlk Google PagePeed masaüstü test sonuçlarım …
İlk PSI masaüstü sonuçlarım. Ve ilk test sonuçlarım GTMetrix’te.
GtMetrix’in etkisiz sitem hakkındaki görüşü nedir? Bu ilk kıyaslama kaydıyla bir sonraki adım, ücretsiz smush ve sinek kuşu eklentilerimizi kurmaktır. Bunu tek tek yapacağız ve bunun sitemin puanını nasıl etkilediğini göreceğiz. 4. WP Bakery ve Smush WPMU Dev Sıkıştırma görüntülerini ve eklentilerini optimize ederek Smush’u etkinleştirerek başladım. Hey Smush, ağır kaldırma yapmayı teklif ettiğiniz için teşekkür ederim, ama şimdilik basit kalalım. Smush’u kurduktan sonra, sıkıştırılması gereken görüntüler olup olmadığını görmek için bir muayene yaptım. Smush otomatik olarak 2.300’den fazla görüntüyü sıkıştırır ve rafine edilmesi gereken ek ekleri tespit eder. Sadece bu ek eklerin bazılarını toplu olarak yok edeceğim. Tüm görüntülerin kütle ezilmesinden sonra, test sitesi diğer sayfa hız testlerinin dönmesine hazırdır. 2330’dan fazla görüntü kararmıştır. İyi iş, Smush! Sadece Smush’ı açıp sitedeki diğer her şeyin el değmemiş olmasına izin vererek, Google PagePeed Insights’ın hücresel test sonuçlarında biraz daha iyi bir puan aldım. Google’ın hücresel PSI skoruna göre 30’larıma ulaştım. Ve Google PagePeed Insights masaüstü skorumdaki artış (artı skor kırmızıdan sarı … YAY!). Ve Google’ın masaüstü psi skoru sayesinde, şimdi 50’li yaşların başındayım … GTMetrix değeri de “D” den “C” e yükseliyor. Benim için daha çok C+ gibi! Tamam, sadece Smush’ı açarak kötü değil. Karışıma Hummingbird eklemeden önce, WPBakery eklenti kullanıcıları için özel olarak yapılan yeni SMUSH özelliğini etkinleştirelim. 5. WPBakery ve Smush WPBakery’nin WPBakery’ye entegrasyonu, belirli bir tema özel görüntü boyutları eklemenizi sağlar. WPBakery kullanan bazı temalar özel boyutlu görüntüler eklemenizi sağlar. Smush, WordPress medya kitaplığındaki görüntüleri otomatik olarak optimize eder. WPBakery’nin özel boyutu kayıtlı WordPress küçük resim olmadığından, WPBakery’deki görüntü değiştirme işlevine bağlanmak için entegrasyon geliştirdik. Bu özelliği Smush’ta etkinleştirmek ve eklentilerin WPBakery düzenleyicisinde boyut olarak değiştirilen görüntüleri yok etmesine izin vermek, entegrasyon ekranını açın ve anahtarı etkinleştirin. Özel bir görüntü gereksiniminiz var mı? Smush, özel boyutlu görüntüler için wpBakery entegrasyonu sunar. Not: WPBakery’nin Smush’a entegrasyonunu etkinleştirdikten sonra, kütle yok edilmesi gereken ek görüntüler görebilirsiniz. WPBakery boyutunun özel boyutunu yok ettim, sonra hız testini tekrar çalıştırdım. PagePeed Insights’ın hücresel puanları bir puan arttı. WPBakery Smush entegrasyon özelliğini etkinleştirmek için yapılması gereken noktalar vardır. PagePeed Insights masaüstü testimin sonuçları gibi. Bu, dikkat edilmesi gereken başka bir nokta … Smush WPBakery Entegrasyon özelliğini etkinleştirmeyi unutmayın! GTMetrix sonuçlarım da hafif bir artış gösterdi. C’yi görüyorum ve BS (B skoru) değil. Smush ve WPBakery entegrasyon özelliklerini etkinleştirdikten sonra puanım biraz daha iyi, ancak henüz bitirmedik. Smush Pro özelliğinin şimdilik devre dışı bırakılmasına izin verin, sitede sinek kuşunu etkinleştirelim. 6. WordPress kontrol panelinizden diğer ücretsiz WordPress eklentileri ile aynı wpbakery, smush ve sinek kuşu sinek kuşu takma. Ancak, benim durumumda, sitemdeki WPMU Dev Gösterge Tablosunu yüklediğim için, yalnızca eklentiyi oradaki etkinleştireceğim. Aktive edilmiş bir sinek kuşu ve smush tarafı olan wpbakery. Devman, bana Şef’e övgü ver! Gördüğünüz gibi, WPMU Dev Gösterge Tablosu eklentisi üye olduğumu ve otomatik olarak Hummingbird Pro’yu yüklediğini algılar. Ancak, ücretsiz eklenti sürümünü simüle etmek için, otomatik tarama ve aktif zaman izlemeye izin veren zaman kazandıran Pro özelliğini yok sayar. Ayrıca CDN Hummingbird Pro tarafından yayınlanan minifikasyonu devre dışı bırakacağız, çünkü bu aşamada CDN’yi etkinleştirmedik. Not: Hummingbird Pro, artan minify sıkıştırma sağlar (2x normal sinek kuşu içermez). Tüm test yapılandırmalarımı değiştirmeden bu özelliği devre dışı bırakamıyorum, bu yüzden sadece çalıştıracağız. Hummingbird Pro, Smush Pro görüntüsünü optimize ederek sorunsuz bir şekilde çalışır. Bununla birlikte, bu mevcut sonuçlarımızı etkilemeyecektir, çünkü tüm Smush Pro özelliklerinin testte daha sonra devre dışı bırakılmasına izin veriyoruz. Bu açıklama ile teste dönelim. Erken Hummingbird Performans Testi Hummingbird yüklendikten ve etkinleştirdikten sonra, site performansının nasıl iyileştirileceği hakkında ayrıntılı bir fikir edinmek için eklenti performans testini yaptım. Gösterge paneli eklentisinden bir performans testi yapabilirsiniz veya Hummingbird> Performans Testine gidebilir ve RUN Testini veya Yeni Test düğmesini tıklayabilirsiniz.
Performans testini çalıştırmak için Hummingbird panosundaki düğmeyi tıklayın. İşte ilk testimin sonuçları.
Hummingbird kurduktan hemen sonra performans testimin sonuçları. İlk Hummingbird Varlık Optimizasyon Testi Performans testinden sonra Sinek Kuş Varlık Optimizasyon Testini yaptım. Bu önbellek sayfası ile yapılır ve CDN devre dışı bırakılır. Bak, bayan, cdn yok! İpucu: Sinek kuşu belgelerini kontrol ettiğinizden emin olun. Varlık optimizasyonu ipuçlarının çok iyi bir parçası vardır. Hummingbird’in devam eden optimizasyon özelliğini kullanmayı planlıyorsanız, önce bu bölümü okumanızı öneririm. Varlık optimizasyonunu test ettikten sonra Hummingbird, önerilen iyileştirmeler listesini döndürür. Sekreterime bu önerilen iyileştirme listesini geçebilmem için çağrımı tutmasını ve bir hafta boyunca tüm siparişleri iptal etmesini söylemek daha iyidir! Başlangıçta, önerilen her iyileştirme sinek kuşu manuel olarak uygulamaya başladım. Bu listeyi geçmek için tamir ediyordum. Varlıkları manuel olarak optimize etmenin önerilen yolu, her seferinde bir öğeyi iyileştirmek ve her şeyin düzgün çalıştığından emin olmak için sitenizi sürekli kontrol etmektir. Ben de öyle yaptım. Her onarımdan sonra, Hummingbird ve yeni Google PagePeed ve GTMetrix testinde bir dizi performans testi yapıyorum. Yürümeye devam ettim ve puanımın yavaş yavaş arttığını gördüm. Örneğin, bu bazı ek ayarlamalardan sonra sinek kuşu performans testimin sonucudur … Tweaking’den bahsetmişken … puanım zirveye çıktı! Bu, Hummingbird’in harikalarından sonra Google PagePeed Insights için hücresel puanım … Kızım, çok daha yüksek olamayız … yoksa yapabilir miyiz? Masaüstü puanım … Hadi canım, ateşimi aç. Ve benim gtMetrix puanım … Sitemi ayarlamaya çalışın …. fi-aaaarr! Not: Bazen, önerilen iyileştirmelerden biri siteye zarar verir. Ah Oh … Birinin ana sayfamın farklı göründüğünü fark edip etmeyeceğini bilmek istiyorum. Neyse ki, sinek kuşunun önerilen iyileştirilmesi, özellikle aşağıdaki ipucunu izlerseniz, sitenize kalıcı hasara neden olamaz: Birçok varlığı optimize ederseniz, her şeyi işlemek için sinek kuşlarına zaman verin. Tweak varlıklarının sonuç almak için 5 dakikaya kadar sürebilir.Optimizasyonu tek tek geliştirmek için başvurursanız ve bir şey sorunlara neden olur, geri döner ve yaptığınız son ayarlamayı iptal eder. Siteniz normale dönecektir.
Bir şekilde gerçekten sıkısanız, panik yapmayın. Modül ayarlarını sıfırlayarak başlayın, ardından sorunlu modülü devre dışı bırakmayı deneyin. Bu adımlar sorunu çözmezse, sitenizi daha önce optimize edilmiş koşullara kurtarmak için eklentiyi devre dışı bırakın ve destek ekibimizle iletişime geçin. Herhangi bir sorunu çözmenize yardımcı olacaklar (ayrıca Hummingbird ile ilgili sorunları çözme ile ilgili eklenti belgeleri bölümünü okuduğunuzdan emin olun.)
Hummingbird geliştiricilerin bana verdiği en iyi ipucu, iyileştirmeleri el ile optimize etme listesinde çalışırken, dosyaları manuel olarak optimize etmek ve otomatik seçeneklere geçmeyi durdurmaktır. Özellikle, ‘otomatik hız’ moduna geçmem emredildi, bu yüzden yaptım. Hummingbird geliştiricileri, sitenizin varlıklarını optimize etmek için otomatik hızlanmanın kullanılmasını önerir. Süspansiyon ve varlık hizalaması ile özel bir ayar yapmazsanız, otomatik sinek kuşu seçeneklerinden birini seçin: hızlı veya temel. Bu seçeneklerin her birinin “Nasıl Çalışır?” bağlantı. Optimize edilen wpBakery sitem artık hizmet vermeye hazır, ancak … şimdiye kadar sadece WPBakery sitesini Smush ve Hummingbird’den ücretsiz optimizasyon özelliğini kullanarak optimize ediyorum. Buna izin vermekten ve yalnızca WPBakery sitenize ücretsiz bir eklenti yüklemekten mutluluk duyarsanız, bunun sitenizin hızını ve performansını artıracağını görebilirsiniz. Örneğin, test sitemdeki sonuçlar: Google PagePeed Insights ile sitemin puanı … 27 -> 41 (hücresel) =% 52 artış arasında değişiyor. 46 -> 79 (masaüstü) =% 72 artış. GTMetrix ile sitemin puanı … D -> B sınıfı. 58 -> 82 (performans) =% 41 artış. 89 -> 96 (yapı) =% 8 artış. Bu iyi bir gelişme! WPBakery sitesinin ücretsiz bir eklenti kullanarak (ve smush ve sinek kuşu ile ücretsiz öğle yemeği diye bir şey var!) Optimizasyonu için susadıysanız, bu sonuç oldukça sağlıklı. Ancak, sitemi yarım önlemler olmadan çok iyi optimize etmeyi seviyorum. Öyleyse, termostatı açalım ve daha ileri gidip gidemeyeceğimizi görelim. 7. WPBakery, Smush Pro ve Hummingbird Siteleri Her şey düzenlendiği için, WP fırın sitemi Smush Pro ve Hummingbird Pro’nun ek özellikleriyle ne kadar optimize edebileceğimi merak ediyorum. Sonuçta, hız için her şey adil, savaş ve site optimizasyonu, değil mi? Yani, CDN Smush’ı etkinleştiriyorum … Hızı ve Tasarrufu Katlayın? Evet lütfen! Ayrıca, site görüntüsünün WebP sürümünü desteklenen bir tarayıcıda yayınlama seçeneğini de etkinleştiriyorum. Daha da hızlı akış? WebP’ye gitmeliyim! WPMU dev ile gönderildiğim için eklentiler, sitemdeki WebP dönüştürmeyi otomatik olarak yapılandırıyor. Tek yapmam gereken dökme smush düğmesine basmak. Bir kitlesel smush tıklamasını optimize etmek … beğendim! Not: WPMU Dev ile işe alınmıyorsanız, ana bilgisayarınız için sunucu kurallarını yapılandırmanız gerekir. Daha fazla bilgi için WebP Dokümantasyon bölümümüze bakın. Smush ile hızlı özet, ben:
Smush CDN’yi aç,
Etkinleştirilmiş webp görüntüleri ve
Smush Pro’dan maksimum sonuç aldığımdan emin olmak için diğer ayarları kontrol edin.
Sinek kuşları ile ben: Site varlıklarının tüm optimizasyonunu işlemek için otomatik hız modundan çıkın.
Önbellek sayfası etkinleştirildi.
Hummingbird Advanced Alet ekranında önerilen özellikleri etkinleştirin. Yükleme süresini azaltmak ve ruhu sürdürmek için genel sekme talimatını izleyin! Buradaki son test sonuçlarım, Smush Pro, Hummingbird Pro ve WPMU barındırma geliştiricisini kullandığım son test sonuçlarının bir ekran görüntüsü … Her şey “11” olarak değiştirildi: Masaüstü Tülsör Performans Testi …
Fantastik tweak! Cep telefonu …
Kötü değil … tekrar bir tutam kullanabilirsiniz! Insight Google PagesPeed masaüstü …
Sebzelerimi beğendim! Cep telefonu …
Altmış dokuz ve iyi hissedin! Gtmetrix Tatlı … 8. Paket servisi WPBakery Wow … burada test mutfağımda wpbakery ile çalışmak için yeterince çalıştık, ama bence kanıt pudingde. Google PagePeed Insights ile sitemin puanı … 27 -> 69 (hücresel) =%156 artış. 46 -> 93 (masaüstü) =% 102 artış. GTMetrix ile sitemin puanı …
D -> A. değeri
58 -> 92 (performans) =% 59 artış.
89 -> 99 (yapı) =% 11 artış.
Sinek kuşu performans testi ile site puanım …
45 -> 80 (masaüstü) =% 78 artış.
Aşağıdaki grafik, WordPress wpBakery sitesindeki iyileştirme farkını göstermektedir.
WPBakery sitesi tüm Enchilada ile optimize edilmiştir! Midesinden daha büyük gözleri olan herkes yakında yukarıdaki tarifin herhangi bir temayı kullanarak herhangi bir siteyi optimize etmeye hizmet ettiğini anlayacaktır. Bu özellikle WP Bakery için değildir. Burada eklenen tek ek bileşen, Smush WP fırınının entegrasyonudur. Hem siteniz WPBakery, Elementors veya diğer sayfa üreticileri kullanır, site optimizasyonunuzun karışımına smush ve sinek kuşu ekler ve bazı iyi hız ve performans artışları görürsünüz. Sonuçların barındırma ayarlarınıza, eklentilerinize, temalarınıza, site yapılandırmalarınıza vb. Bağlı olarak değişebileceğini ve değişeceğini unutmayın. Daha ince olmak ve ısıyı hissetmek istiyorsanız, daha sonra smush ve hummingbird özelliklerini etkinleştirin ve CDN ve önbellek sunucusu gibi ek hız ve performans özelliklerini ve ayrıca hızlı, taze ve sıcak olarak sunulan 24 × 7 desteğini kullanmayı düşünün . Tüm bunlar WPMudev üyeliği ile entegre edilmiştir. Mutlu yemek! Siteniz wpbakery kullanıyor mu? Yeni Smush entegrasyon özelliğini kullandınız mı? Lütfen siteyi aşağıdaki WPBakery ile optimize etme konusundaki ek düşüncelerinizi, yorumlarınızı ve ipuçlarınızı ve önerilerinizi paylaşın.
