Smush eklentimizi ve Hummingbird’imizi kullanarak divi nasıl optimize edilir
WordPress teması söz konusu olduğunda, Divi’nin tanıtılması gerekmez. Bu, dünyanın önde gelen WordPress tema mağazalarından biri, zarif temalar tarafından yapılan en popüler WordPress temasıdır. Popülerliği göz önüne alındığında, mümkün olduğunca çok sayıda divi optimizasyonunun nasıl artırılacağını göstermek daha iyidir – bu da Smush eklentisi ve sinek kuşu ile yapılabilir (ücretsiz!). Divi, 203’ten fazla WordPress düzeni paketine ve (şu anda) temalarda bulunan 1495 düzene sahiptir. Bu, maksimum performans için optimize edilebilen neredeyse sınırsız fotoğraf, metin ve özellik sayısını yapar.
Divi sitenizi popüler bir düzen ile mükemmelleştirmek için optimizasyon ikilimizin neler yapabileceğini, Smush ve Hummingbird’ü kontrol edeceğiz. Optimizasyon açısından, Smush, 1 milyondan fazla aktif kurulumla 5 yıldızlı görüntüümüzü optimize eden bir eklentidir. Hızı artırmak için görüntüleri optimize edebilir, yavaşça yükleyebilir, boyut değiştirebilir, sıkıştırabilir ve tüm görüntülerinizi toplu olarak yok edebilir. Smush, divi’yi optimize etmeye hazır! Diğer optimizasyon eklentimiz Hummingbird, sağlam bir 4.5 yıldız derecesine ve 100 binden fazla aktif kuruluma sahiptir. Dosya sıkıştırmasında kontrollü denetimlerle Google sayfa pagespeed bilgilerini geliştirmenin yollarını ekleyerek sitenizi daha hızlı çalıştırmaktan sorumludur.
Buna ek olarak, CSS & JS, yavaş yükleme yorumları, önbellek ve daha fazlası için küçülebilir. Hummingbird, divi sitenizin uçmasına yardımcı olacak! Tekrar not edilmelidir-Smush ve Hummingbird’in kullanımı eşit derecede ücretsizdir! (Spoiler uyarısı!) Divi web sitemizi GTMetrix sınıfı “C” Masaüstü “A “‘dan nasıl getirdiğimizi göreceksiniz! Ve Google PagePeed Insight Puanımızı masaüstü için% 31,9 ve Hücresel için% 126 artırın! Buna ek olarak, bu makalede Divi sitenizi optimal hız ve performans için mükemmel durumda tutmak için bazı temel ipuçları tartışılacaktır. Keşfedeceğiz: Divi Genel Bakış ve Test Düzeni
Optimizasyon Testi Ayarları
Optimizasyon olmadan hız testi
Divi optimizasyonu
Divi ve smush ile optimizasyon
Divi’yi sinek kuşu ile optimize etmek
Hummingbird’de ve ev sahibinizle daha fazla optimizasyon
Divi optimizasyonunu artırmak için daha fazla ipucu
Takip etmek için Divi’ye (burada 30 gün boyunca risksiz olarak deneyebilirsiniz), Smush ve Hummingbird’e ihtiyacınız var. Kurulduktan ve etkinleştirdikten sonra ayrılmaya hazır olacaksınız. Bu makalenin sonunda, Divi sitenizi en yüksek performansta çalıştırmak istediğiniz tüm araçları nasıl uygulayacağınızı göreceksiniz!
Divi özeti ve detaylandırmadan testin düzeni (ona aşina olabilirsiniz), Divi oldukça şaşırtıcı. Bu, standart WordPress gönderme düzenleyicisini olağanüstü bir görsel düzenleyici ile değiştiren bir web sitesi oluşturma platformu olarak tipik WordPress temanızı artırır. Divi kullanmaya başlamadıysanız ve istemek, Divi’yi kullanmaya başlamak için bilmeniz gereken her şey hakkındaki makalemizi okuduğunuzdan emin olun. Fiyatlar için Divi ile yanlış olamazsınız. Bu, yeni programcılar ve yeni gelenler için kolaylık ve verimlilik için tasarlanmıştır. Ve bu tema ile 2 milyondan fazla web sitesinin oluşturulduğu göz önüne alındığında, sağlam bir üne sahip. Ancak, Divi’ye dahil olan her bir düzeni tartışırsak bu oldukça uzun bir makale olacaktır. Yani, daha önce de belirttiğim gibi, onu daraltacağız ve ajans düzeni paketini kullanarak divi sitenizi nasıl smush ve sinek kuşu ile geliştireceğinizi göstereceğiz. Ajans düzeni, metin ve fotoğrafların iyi bir kombinasyonuna sahiptir. Ayrıca, bu, Divi aramasında görünen en iyi düzen paketlerinden biridir. Büyük olasılıkla farklı bir düzen kullanacaksınız (veya olmayacak); Bununla birlikte, bu makaledeki gösteri herhangi bir düzen için işe yarayabilir – belki sadece biraz ayar veya ek gerektirir.
Öyleyse, divi hazırlayalım ve hareket etmeye başlayalım! Divi’yi yükledikten ve etkinleştirdikten sonra, ajans düzenine erişmek için WordPress kontrol panelinden yeni bir sayfa oluşturun. Daha sonra önceden hazırlanmış düzen arasından seçim yapmayı seçeceksiniz.
Burada seçilecek birçok seçenek var, ancak ajansı kullanacağız. Aralarından seçim yapabileceğiniz birçok seçenek olduğunu göreceksiniz. Şu anda, ajans listelerindeki en iyi düzenlerden biridir. Değilse, onu bulmak için arama çubuklarını kullanın. Agensi metin ve görüntüler arasında harika bir kombinasyondur. Ajansım kurulduğuna göre, Divi, Hummingbird ve Smush’u test etmeye hazır olacağım. Tabii ki, bu delilik için yöntemler var. Yani, bu …
Bu makalenin optimizasyon testini ayarlar, baştan başlayacağız. Divi düzenlediğim web sitesinde yüklü bir eklenti (WPMU Dev Gösterge Tablosu eklentisi hariç), temalar veya ajansın dışındaki sayfalar yoktur. Mutlak temiz taşlara yakın. Bu, konfigürasyon açısından Elementors ve WPBakery’yi optimize etme makalemize benzer. Bu testte kullanılan metodoloji şunları içerir:
PHP Sürüm 8.0
Önbellek sayfası, hızlı CGI (statik sunucu önbellekleme) ve CDN ile başlamak için devre dışı bırakılır
Varsayılan GTMetrix sunucusunun konumu (Vancouver, Kanada, Chrome tarayıcısıyla (Masaüstü)
Ayrıca, ajansı verandam olarak yapacağım. Bunu WordPress yöneticisinden yapmak için, görünüm> Özelleştir> Ana Sayfa Ayarları’nı açın ve bu yön sayfasını seçin.
Ve son olarak, bu testi nasıl yapacağım, bu şuna benzeyen 10 adımlı bir işlemdir:
Divi ve ajans düzeni ile bir WordPress sitesi hazırlayın
Google PagePeed Insights ve GTMetrix ile hız testini çalıştırın
Divi optimizasyonu
Başka bir hız testi çalıştırın
Smush’u etkinleştirin ve diğer hız testlerini çalıştırmak için öneriler ayarlayın
Sinek kuşunu etkinleştirin ve önerileri ayarlayın
Başka bir hız testi çalıştırın
Barındırma özelliğini etkinleştirin (örn. Fastcgi)
Son hız testini çalıştırın
Her site biraz farklı olacak. Değişkenler arasında konum, görüntü sayısı, ana bilgisayarınız ve fark yaratabilecek diğer faktörleri içerir. Bununla birlikte, bu size optimizasyon için kendi WordPress Divi sitenizi nasıl değiştireceğiniz konusunda iyi bir fikir verecektir.
Optimizasyon olmadan hız testi WordPress sitesi temizlenir mi? Kontrol . Divi ajans düzeni kuruldu ve etkinleştirildi mi? Kontrol . Diğer tüm değişkenler (örneğin, devre dışı bırakılan önbellek sayfaları) da mevcuttur. Hızı test etmeye ve ne gördüğümüzü görmeye hazırız! İlk hızımızı Google PagePeed Insights’da çalıştıracağız. URL’ye girerken, bu, masaüstü için Google PagePeed Insights puanımızdır:
72 korkunç değil – ancak optimizasyon onu artırabilir. Ve hücresel:
Ah! 27 Oldukça kötü. Bakalım GTMetrix’te görünen:
“C” en iyi puan değildir. Daha iyisini yapabiliriz. Onarım için yer var. Şimdi temel puanımızı bildikten sonra, Divi’yi devam edip optimize edelim.
Divi Optimizasyonu Temanız varsayılan bir optimizasyon özelliği sunarsa, başlamanızı öneririz, çünkü bu genellikle sitenizin bir bütün olarak performansında önemli farklılıklar yaratabilir. Divi, temanızın düzenini doğrudan gösterge tablosundan optimize etmenizi sağlar. Smush ve sinek kuşu eklentilerimizi kullanmaya devam etmeden önce kontrol edilmesi ve optimize edileceği doğrulanması gereken birkaç alan vardır. Emin olacağım bazı ayarlamalar, optimizasyon ve genel görünümden oluşan etkinleştirildi. Divi kontrol panelinin genel alanında, bu ayarlardan bazılarını yapabilirsiniz. Etkinleştirdiğimi görebilirsiniz: tanımlandığında bir teklif kullanın Duyarlı Kısa Kod Duyarlı görüntü Daha küçük ve JavaScript dosyalarını birleştirin
CSS dosyalarını azalttı ve birleştirdi
Tüm bunlar tek bir tıklama ile etkinleştirilir. Etkinleştirdiğim tek şey genellikle sitenin hızına ve görünümüne yardımcı olmak için önerilen ayardır. Divi’de Builder> Advanced altında yaptığım başka optimizasyon ayarlamaları da var. Statik bir CSS dosyasının oluşturulmasını etkinleştiriyorum.
Tek bir tıklama ve ben onu divi’de etkinleştiriyorum. Statik CSS dosyaları yapmak, özel tasarım stillerinin artık talebe göre bir dizi CSS üretmeyeceği anlamına gelir. Bunun yerine, tarayıcı tarafından sunucu kaynaklarının daha az kullanılmasına neden olan ve kullanıcılarınız için yükleme süresini artıran statik bir dosya önbelleği sunacaklar. Bu optimizasyonun ayarlanması bize cesaret verecektir. Neyi puanladığımızı kontrol edelim. Google PagePeed Insights ile şimdi 78’deyiz.
Altı puan iyi bir başlangıç. Ve hücresel için, şimdi 30’a kadar.
Üç noktada hafif bir artış en azından bir şeydir. GTMetrix bize “B” ve%79 performans derecesi ile sıralama veriyor. Biraz iyi bir artış. Optimizasyonumuzun geri kalanı için mükemmel bir temel oluşturduk. Divi’deki küçük ayar biraz yardımcı olur, ancak daha iyisini yapabiliriz. Divi ve smush ile optimizasyona geçelim. Orada en yüksek ve popüler sıralı görüntü optimizasyon eklentilerinden biridir – bu yüzden WordPress sitesinin hızını artırmaya yardımcı olmak için iyi bir seçimdir.
Smush, resminizi optimize etmeye hazır! Önce devam edip kurup etkinleştireceğiz. Anında, 12 resmin yok edilmeye hazır olduğunu söyledi. Hadi yığınla bitirelim. Kütle lekeleme, toplu smush şimdi düğmesini vurarak tek bir tıklamada yapılabilir. Kütle lekeleme tek bir tıklamadır. Toplu smush’a tıkladıktan sonra sadece birkaç dakika içinde, sonuçlar: 909.1 Süper Çamış Tasarrufları. İyi. Gördüğünüz gibi, toplam tasarrufum 909.1kb/% 27 ve 104 ezilmiş görüntü (ilk aktivasyonun çoğu) var. Devam edip diğer hız testlerini yapalım ve ne elde ettiğimizi görelim. İlk olarak, bu masaüstü için Google PagePeed bilgileri: 82 oldukça iyi bir artış. Ve bu bir cep telefonu: Biraz gelişme, ama yine de çalışması gerekiyor. Son olarak, GTMetrix’in dedi ki: Hala “B” içindeyiz, ancak performans yüzdesi artar. Gördüğünüz gibi, skor sadece Smush’ı etkinleştirerek yükselir. Google Pagesspeed Insights masaüstünde 78’den 82’ye ve hücreselde 30 ila 51 arasında değişti. GTMetrix ile skor da arttı. Bununla birlikte, performans yüzdesi% 79’dan% 83’e yükseldi ve yapı aynı kaldı. Bu iyi bir başlangıç, o yüzden devam edelim. Daha önce dokundum. Hummingbird, sitenizi optimizasyonla uğultu yapmaya hazır. Smush’u etkinleştirmeye ve şimdi Hummingbird’i kurmaya devam edeceğim. Önerdiği ilk şey performans testiydi. Bunu web sitesi testime tıklayarak yapabilirsiniz ve çalışmaya başlayacaktır. Web sitenizi test etmek başlamanın en iyi yoludur. Testi yaptıktan sonra 82/100 performans puanı aldı ve iyileştirmeleri kontrol etmek için üç fırsatı vardı. Hummingbird, her şeyi size açıklıyor, tam gösterge tablosunda. İyileştirme fırsatları şunlardan oluşur: İlk sunucu yanıtının süresini azaltın Oluşturmayı engelleyen kaynakları ortadan kaldırın Kullanılmayan CSS’yi sil Sonra, Sinek kuşu varlık optimizasyon testini gerçekleştireceğim. Bunu bir sayfa önbellekleme ve CDN devre dışı bırakarak çalıştıracağız. Bu doğrudan varlığın optimizasyonundan yapılır ve ardından dosyayı kontrol et’i tıklayın. İşiniz bittiğinde, önerilen bir iyileştirme listesi derledi. Oldukça fazla şey var … Bu noktadan sonra, önerilen her iyileştirmeyi manuel olarak uygulayabilir veya toplu olarak idare edebilirsiniz. Devam edelim ve CSS ve JavaScript’i toplu olarak güncelleyelim. Bunu toplu güncellemelere tıklayarak yapabilirsiniz. Oradan, sıkıştırmayı seçeceğiz ve birleştireceğiz. Kitle yenilemesi sadece birkaç dakika sürüyor. JQuery-Core ve J-Query Taşıma hariç, dosyaları altbilgiye de taşıyorum. Bu, kütle güncelleme alanından yapılabilir. Bunu yaptıktan sonra hafif bir artışla sona erdim. İlk olarak, masaüstü Google PagePeed Insights: İki puan artışı korkunç değil. Ardından, Google PagePeed Insights Cellular … Bu üç puan yükseldi. Ve son olarak, GtMetrix … Fazla bir değişiklik değil. Birkaç kez daha test ettikten ve biraz daha iyi bir sayfa hızı aldıktan sonra, uzmanların tavsiyelerini takip etmeye ve varlıkları otomatik/hızlı seçeneklerle optimize etmeye karar verdim.
Bu, sizin için optimizasyonu işleyebilecek harika bir özelliktir. Sahip olduğunuz zamana bağlı olarak, burada ve orada bazı ayarlamalarla, puanınızı manuel olarak artırabilirsiniz. Otomatik optimizasyon bu süreci kolaylaştırmaya yardımcı olabilir. Bunun dışında bir fark olup olmadığını görmek istiyorum. Otomatik optimizasyon ile test ettiğimde görmek ilginç. İyileştirmelerim var. Masaüstü için Google PagePeed Insights ile: Burada biraz iyi iyileştirme. Hücresel için Google Pagespeed …
Ayrıca iyi bir küçük itme var. Ve son olarak, GtMetrix …
Performans bu rapora biraz geri döndü. Otomatik optimizasyon ile daha iyi bir puan aldığımı düşünürsek, bıraktım. Ancak, kendinizi mükemmelleştirmek ve manuel olarak ne ürettiğinizi görmek isteyebilirsiniz. Varlıkları optimize etmek, uzun zaman alabilecek ve sitenize ve temanıza bağlı olarak değişen bir süreçtir. Hummingbird bu öneriyi doğrudan Google’dan alır. Bunun hakkında daha fazla bilgi belgemizde bulabilirsiniz. Ardından, ilk sunucu yanıt süresini azaltma ile biteceğiz.
Hummingbird’ün bizim için üç güçlü öneri var. Bunu yapmak için, öneriden sayfa önbelleğini yapılandırmayı tıklayın. Ardından, etkinleştirme tıklayarak etkinleştirebileceğiniz noktaya götürüleceksiniz. Hummingbird, sayfa önbelleğini etkinleştirmeyi kolaylaştırır.Ve bunun gibi, sayfa önbelleğini etkinleştiriyoruz.Barındırma ile SSD ve RAM depolama yükseltme seçeneklerinden bahsetmek için son öneri için de tartışmayacağız.Bu web sitesi çok fazla trafik almayacak ve geliştirilmesi gerekmiyor.Ancak, çok fazla trafiğe sahip bir Divi siteniz varsa (umarım öyle), SSD ve RAM depolama alanındaki artış şiddetle tavsiye edilir.Barındırma yoluyla buna yardımcı olabiliriz.Ayrıca, 7/24 desteğimiz her zaman soruları cevaplamak için mevcuttur.Sayfa önbelleğini etkinleştirdikten sonra şimdi nerede durduğumuza bakalım.İlk olarak, Google masaüstünü kontrol edeceğiz: Buna çarptık!Ve şimdi Google PagePeed Hücresel için Öngörü: Burada çoğu için değişiklik yok.Son olarak, bu GTMetrix için: A “a” çok iyidir. Çoğu için skor yükselmeye ve yükselmeye devam ediyor! Google Pagesspeed Insights masaüstünde 87’den 90’a değişti ve hücreselde 59’da kaldı. GTMetrix ile skor B’den (% 81 performans ve% 98 yapı) (% 96 performans ve% 98 yapı) yükseldi. Sanırım şimdi bir şeye dokunmak için doğru zaman. Kendinize sorabileceğiniz bir soru şudur: Düşük hücresel skorda ne var? Google Pagespeed Insight’taki Cellular için puanımızın evde yazılacak bir şey olmadığını görebilirsiniz. Peki buna ne oldu? İlk olarak, bu durumunuza bağlı olarak herkes için değişecektir. Hücresel bağlantılar daha yavaştır, bu nedenle Google PagePeed Insights’tan iyi okuma almak biraz daha zordur. Başka faktörler de var. Örneğin, hızı etkileyen 5G yerine 4G internet hizmetiniz olabilir. Hatırlanması gereken başka şeyler: PagePeed Insights, hücresel dokuyu düşük hızda uyarıyor Tüm mobil cihazlar çeşitli özel CSS kurallarına sahiptir Bu konuda daha fazla bilgi için sizi Google’a yönlendireceğim. Hücresel analizleri hakkında bazı bilgiler sunarlar. Bu, sitemiz için daha fazla performansı artıracaktır. Hummingbird üzerinde yapabileceğiniz ince ayarlar CDN’dir. Bizimle ev sahipliği yapıp yapmamanız önemli değil. Ev sahibi CDN’nizi, varlıkların optimizasyonu altında Hummingbird’e bir sağ tıklayarak etkinleştirebilirsiniz. Yalnızca bir tıklama gerekiyor. İyi bir CDN, daha hızlı yüklenen ağda ve sunucuya kendi sunucunuza daha iyi bir konumla statik kaynakları saklayarak sunucunun gecikmesini azaltarak sitenin hızını artırabilir. CDN ve neden yararlı oldukları hakkında daha fazla bilgi edinmek için bu makaleyi okuduğunuzdan emin olun. Bizimle barındırıyorsanız, diğer ayarlamalar için merkeze gidin. Fastcgi kullanmak için statik sunucu önbelleğini etkinleştireceğiz. Bunu araçları açarak ve tek bir tıklamayla açarak bunu merkezden yapabilirsiniz. “Aktif” yazıldığından emin olun ve hazır olacaksınız. Hummingbird, Smush, Divi kontrol panelinden ve barındırma ile bu ince ayar ile hız için optimize edildi! Nerede bittiğimizi görmek için birkaç son hız testi yapalım. İlk olarak, masaüstü için Google PagePeed bilgileri göreceğiz: 95 çok iyi bir skor! CDN ve FastCGI’mizi açarak puanımız hemen birkaç puan arttı. 100’e yaklaşıp yaklaşamayacağımızı görmek için sinek kuşu varlığını optimize etme alanında birkaç şeyi ayarlayabilir ve test edebiliriz. Ancak bu, sevdiğim mezuniyetin değeridir. Cep telefonunu kontrol edelim: 61 orta sınıftır. Yani, çok artmasına rağmen, en iyi sayı değil. Bununla birlikte, bir kez daha, bunu etkileyebilecek birçok değişken vardır. Bu, konumunuza, internet hızınıza ve diğerlerine bağlı olarak değişecektir. Bu durumda daha yüksek bir puana sahip olmak eğlenceli olsa da, bunun tüm tahtada farklı olduğunu hatırlamalıyım. Bununla GTMetrix’e bakalım: Hala gurur duyulacak “bir” var. Hala sevdiğim “a” var. Hatırladığınız gibi, “C” ile başladık! Hummingbird, Smush, Divi ve barındırmaya yapılan tüm ayarlamalar ve ayarlamalarımızdan sonra – fark nedir? Kısacası, optimizasyonumuzun performansı, bakalım en başından ve sonra ne elde ettiğimizi görelim. Google PagePeed Insights Başlangıçta: Masaüstü için 72 Hücresel için 27 Ve son bulduk: Masaüstü için 95 61 Hücresel Masaüstü için 23 puan,% 31,9 ve 34 puan artış, Hücresel için% 126! GtMetrix notumuz başlangıçta:
C Sınıfı
% 71 performans
% 96 yapı Ve son bulduk: A sınıfı % 96 performans % 98 yapı
Bu, üç seviyede bir artış ve performansta%25’lik bir artış ve%2’lik bir artış yapısıdır! Artık her şey söylendiğine ve yapıldığına göre, sonuçların tek başına konuştuğunu söyleyebilirim. Yine, her web sitesi farklı olacak. Performansı artırmak için bazı ek değişiklikler yapmanız gerekebilir (örneğin barındırma, Hummingbird PagePeed Insight için öneriler, vb.); Bununla birlikte, bu yazıdaki yöntemi kullanarak daha iyi optimizasyon bekleyebilirsiniz. Bahsedilen noktalarda bu dokunuşlar; Ancak, bu, Divi sitenizin nasıl optimize edileceğine dair kısa bir genel bakıştır. Veritabanının optimize edilmesi ve temizlenmesi: WordPress dosyaları tablolara göre veritabanınızda sıralanır. Sitenize her yeni veri eklediğinizde (örneğin eklentiler) yeni tablolar ve veriler oluşturulacaktır. Daha fazla tablo ve veriler yapılan, sitenizi yavaşlatan daha dağınık. Veritabanınızı temizlemek çok önemlidir. Makalemizde daha fazla bilgi edinin, WordPress veritabanınızı optimize edin – tam kılavuz.
DNS’yi optimize etme: Kullanıcılar URL’nizi Divi sitenize ziyaret ettiklerinde, ilk olana DNS araması denir. Sayfanızda, sayfanın görünmesi için sitenizde erişilmesi gereken birkaç etki alanı olabilir. DNS arama hızınızı artırmak için barındırmamız yardımcı olabilir. DNSPERF’e göre Web’deki en iyi performans gösteren DNS sağlayıcılarının ilk 5’ini sıralayan DigitalOcean’ı kullanıyoruz.
İyi barındırma: Bu açık bir ifade, ancak iyi bir ev sahibi olmak çok önemlidir. Nesne ve sayfa önbellek özelliklerini, IPv6 desteğini ve CDN sitesi sinekimizi sunduğumuz özel özel barındırma. Bizimle gönderiyor olsanız da göndermeseniz de, barındırma sağlayıcınızın hızı hazırladığından emin olun. TTFB Optimizasyonu: TTFB (ilk bayta zaman), kullanıcının web sitesi verilerinin ilk baytlarını ana bilgisayarınızdan veya sunucunuzdan alması gereken zamandır , hangi verilerin kabul edilmesinden önce bir bekleme süresi haline getirmek. Optimizasyonun önemli olmasını sağlamak. TTFB optimizasyonu için birçok şey var, bu yüzden burada daha fazla bilgi edinin.
Önbellekleme: Bu, optimizasyon açısından geniş bir kategoridir. Önbellek sayfaları, önbellek tarayıcıları, CDN önbellekleme ve nesne önbellekleme bulunmaktadır. Barındırma, Smush ve Hummingbird’e nasıl yardımcı olabileceğimiz hakkında konuşuyoruz. Daha fazla bilgi için, web önbelleğinin türü hakkındaki makalemizi okuduğunuzdan ve sitenizin optimizasyonunu artırdığınızdan emin olun.
Minifikasyon ve Agregation: Minifiation, site dosyanızı daha küçük hale getirecektir. Toplama, sayfadaki toplam talebi azaltmak için site dosyalarını birleştirmekten oluşur. Hummingbird burada yardımcı olabilir. Ayrıntılı bilgi için belgelerimizi okuyun.
GZIP Sıkıştırma: GZIP Sıkıştırma, web sayfalarınızı ve stil sayfalarınızı ziyaretçilerinizin tarayıcısına göndermeden önce sıkıştırır, böylece yükleme süresini artırır. Sinek kuşları bunu halleder. Belgelerimizde GZIP Sıkıştırma hakkında daha fazla bilgi edinebilirsiniz.
Kalite Eklentileri: En son eklentileri ve yüksek sıralamayı iyi bir üne sahip olduğunuzdan emin olun. Ayrıca, belirli eklentileri kullanmıyorsanız, yöneticinizden silin. En son PHP HVers: WordPress Divi siteniz için en son PHP sürümüne sahip olmanız önerilir. Bizimle ev sahipliği yaparsanız, bunu doğrudan merkezden yapabilirsiniz. Ayrıca, Makalemizde PHP’nizi -to -date’i yukarıda tutma hakkında daha fazla bilgi bulun.
Divi CLS skorlarını azaltın (Kümülatif Düzen Değişimi): Üyemiz Lee, Divi’deki CLS skorlarının azaltılması hakkında bir seriye sahiptir. CLS skorları, görünür stabiliteyi ölçmek için önemli metriklerdir. Bu, kullanıcının düzende beklenmedik bir değişiklik yaşadığına yardımcı olur. Bunun için iyi bir puan 0.1 veya daha azdır.
Sorunu çözmek, aşağıdaki sorunları yaşarsanız (veya birkaç) sinek kuşunda önbellek kullanıyorsanız, Divi’deki sayfa önbelleğini devre dışı bırakmak isteyebilirsiniz:
Divi’nin sitesi hızlı bir şekilde tüm stilleri kaybetti ve kötü görünüyor, ancak girerken iyi görüntüleniyor.
Parçalar ve modüller yanlış boşluklara (dolgu ve marj) sahiptir, ancak görsel yapımcılar kullanılırken doğru görüntülenir
WordPress sitesi stilini kaybetti, ancak sorunları düzelterek sekiz veya dokuz kez yeniliyor
Geliştiriciye erişirken ve JS konsolunu görürken “ET-Core-Unified-23.min.css bulunamadı” hatasını alırsınız
Bunun olmasının nedeni, Hummingbird’deki önbellek sayfasını etkinleştirdiğinizde, bu tüm HTML kod web sitesini önbelleğe alacaktır. Ayrıca, JavaScript ve CSS kodunun çoğunu birleştirecek ve azaltacaktır. Divi’yi herhangi bir şekilde güncellediğinizde, yeni bir ada sahip yeni bir stil sayfası oluşturacaktır. Adı aynı formatı takip edebilir (ET-Core-Unfied-23.min.css bulunamadı), ancak “1,2,3” bölümü, tarih ve saate göre her yapıldığında farklıdır. Bu, kullanıcılar WordPress sitenize eriştiğinde Hummingbird, HTML’nizin bir önbellek sürümüne sahiptir, ancak eski CSS dosyasına bağlıdır. Ve bu, sitenizi herhangi bir stil olmadan yüklemede sonuç bulamamaya neden olur. Bunun üstesinden nasıl gelinir Divi> tema seçeneklerine girmek ve aşağı kaydırmaktır. CSS Custom’un hemen üstünde, JavaScript dosyalarını en aza indirme ve birleştirme ve CSS dosyalarını birleştirme seçeneğini göreceksiniz. Tüm bunlar doğrudan Divi panosunda yapılır.
Her iki seçeneği de devre dışı bırakın, ardından geri kaydırın ve Oluşturucu> Gelişmiş> Açın ve statik CSS dosya oluşturmayı devre dışı bırakın.
Statik bir CSS dosyasının oluşturulmasını devre dışı bırakmak için yalnızca bir tıklama gerekir.
Bu sorunu yaşarsanız bu sorunu çözecektir ve bu hızlı bir gelişmedir (ve endişelenecek bir şey yoktur). Tabii ki, hala sorunlar varsa, her zaman 7/24 desteğimizle iletişime geçebilirsiniz ve yardımcı olabiliriz. Bu ipuçlarını birleştirin, smush ve sinek kuşu ekleyerek birleştirin ve divi siteniz alabileceğiniz hız için optimize edilecektir. Daha ayrıntılı optimizasyon görmek için, Divi’nin optimizasyonu hakkındaki makalelerinde daha fazla bilgi edinebilirsiniz. WordPress Divi sitenizi hız için optimize etmek, mevcut araçlar ve kaynaklarla çok zor değildir. Ve yeni okuduğunuz gibi, smush ve sinek kuşuna (ücretsiz!) Birkaç tıklama ve ayarlama ile optimize edilebilir. İyi bir barındırma eklediğinizde, divi siteniz maksimum hıza ve kısa sürede ulaşabilir. Divi’yi denemediyseniz, yıllık üyelik veya ömür boyu risksiz bir şekilde kontrol ettiğinizden emin olun. Aynı şekilde, WPMU Dev üyesi değilseniz, bizi risksiz ücretsiz bir deneme ile deneyin. Bununla, Smush Pro ve Hummingbird Pro’ya doğrudan erişim elde edersiniz. PRO seçenekleri arasında CDN Şekil 45 puan, Super Smush – 2x sıkıştırma, otomatik ve beyaz performans raporları, gelişmiş varlık optimizasyonu, 7/24 – ve daha fazla destek gibi bir artışı içerir! En iyi yanı, yakında, Hummingbird Pro, düğmeyi tıklayarak Divi tema dosyanızı otomatik olarak sıkıştıracak ve optimize edecektir!
Bununla ilgili güncellemeler için burada kalın.Bu arada, divi sitenizin hızının tadını çıkarın.Sözde … divi -ine.Bu makalenin katkıda bulunanları: Mike B. – Dividick ile işbirliği içinde yazılmıştır.Mike, neler yapabileceğini görmek için Divi ile oynamayı sever.Arada sırada harika bir şey bulur ve herkesin bilmesi gerektiğini düşünür.Bugün belki böyle bir gün.*** 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.
Divi’yi smush ve sinek kuşu ile optimize ettiniz mi?Sonuçlarınızı aşağıdaki yorumlarda paylaşın!
