Divi Eklentisi Vurgusu: Divi Roketi

Web sitesi yükleme hızı, harika SEO'yu sürdürmek ve bir web sitesinin hemen çıkma oranını azaltmak için çok önemlidir. Performansı artırabilecek çok sayıda önbelleğe alma eklentisi vardır, ancak çoğu önbelleğe alma eklentisi geneldir. Bir temanın belirli ihtiyaçlarını veya özelliklerini hedeflemek yerine çoğu tema için ana ayarlarla çalışırlar. Şimdi, Divi için özel olarak tasarlanmış bir önbellek eklentisi var.

Divi Rocket, “Divi farkında” olacak şekilde tasarlanmış üçüncü taraf bir eklentidir. Divi'nin nasıl çalıştığına ve Divi bölümlerine ve modüllerine aşinadır. Önbelleği yenilerken bir Divi sayfasında neyi önbelleğe alacağını ve neyin kontrol edileceğini bilir. Bu yazımızda Divi Rocket'ı inceleyeceğiz, neler yapabileceğini ve kullanımının ne kadar kolay olduğunu göreceğiz.

Kurulum ve Aktivasyon

Divi Rocket'i kullanmadan önce lisans anahtarınızı girmeniz gerekir. Pano menüsünde Divi > Divi Rocket'e gidin. Eklentiyi etkinleştirdiğinizde, seçim yapabileceğiniz ve görevleri gerçekleştirebileceğiniz menü sekmelerinin kilidi açılır.

Menü tasarımı Divi menü tasarımına benzer. Zarif görünüyor, ancak anlaşılması ve takip edilmesi de kolay (takip etmesi ve kurması zor olan çok fazla ayara sahip bazı önbellek eklentilerinin aksine). Ayrıca, yönetici çubuğuna, mevcut gönderi için önbelleği (siteyi ön uçtan görüntülerken), tüm önbelleği temizleyebileceğiniz ve ayarları görebileceğiniz bir menü ekler.

Görevler

Görevler sekmesi, dosyaları optimize eden veya silen 12 görev içerir. Görevler şunları içerir:

1. Tabloları optimize et
2. Yayın revizyon gönderilerini sil
3. Otomatik taslak gönderileri sil
4. Çöpe atılan gönderileri sil
5. Spam veya çöpe atılan yorumları silin
6. Onaylanmamış yorumları sil
7. Geri pingleri ve geri izlemeleri silin
8. Artık kalan yayın meta verilerini sil
9. Artık yorum meta verilerini sil
10. Artık ilişki verilerini sil
11. Artık kullanıcı meta verilerini sil
12. Artık terim meta verilerini sil

Her görev, silinecek öğelerin sayısını gösterir. Tamamlamak istediğiniz görevi veya görevleri seçin ve Seçilen Görevleri İşle'ye tıklayın. Tabloları Optimize Et özellikle ilginçtir. Divi için özel olarak tasarlanmış bir veritabanı optimizasyonudur. Görevleri çalıştırdığınızda, her birinin başarılı olup olmadığını veya herhangi bir optimizasyon yapılmadığını gösterir.

Tarayıcı Önbelleğe Alma

Tarayıcı önbelleğe almayı etkinleştirmek, tarayıcıya Apache sunucuları için jpg, jpeg, png, gif, svg, pdf, css, js, flv, ic ve swf dosyaları dahil statik kaynakları önbelleğe almasını söyler. Önbellek süresinin sona ermesi için gün sayısını kontrol edebilir ve yoksayılacak URL'ler ekleyebilirsiniz.

Sunucu Önbelleğe Alma

Sunucu önbelleğe alma, sunucu tarafında önbelleğe almayı sağlar. Ayrıca herhangi bir kullanıcı rolü için sunucu tarafında önbelleğe almayı devre dışı bırakabilirsiniz.

Sunucu tarafı önbelleğe alma, standart sunucu önbelleğe alma işleminden farklı çalışır. Çoğu önbellek eklentisi, tüm sayfanın önbelleğe alınmış bir sürümünü depolar ve ardından bunu bir tarayıcıya gönderir. Herhangi bir değişiklik yapıldığında, tüm sayfa önbellekte yeniden oluşturulur.

Divi Rocket, Divi modülleri için özel olarak tasarlanmıştır. Sayfanın geri kalanı aynı kalırken bir sayfadaki bir modülün değişebileceğini bilir. Blog modüllerinin ve mağaza modüllerinin sıklıkla değişebileceğinin, tanıtım yazıları ve kişi modüllerinin ise daha seyrek değişebileceğinin farkındadır. Bu, her değişiklik yapıldığında sayfanın tamamı yerine sayfanın yalnızca bir bölümünü yeniden oluşturabileceği anlamına gelir.

Yavaş yüklenme

Lazy Loading, kullanıcı kaydırdıkça Divi bölümlerini yükler. Bu, kullanıcının sitede gezinmeye başlayabilmesi için web sitesinin yalnızca bir kısmının yüklenmesi gerektiği anlamına gelir. Bu aynı zamanda, kullanıcının hiç ziyaret etmediği site bölümlerinin yüklenmesi gerekmediği anlamına gelir.

Sunucu tarafında önbelleğe alma gerektirir ve hala test aşamasındadır. Etkinleştirdiğinizde, site yüklendiğinde başlangıçta yüklenecek Divi bölümlerinin sayısını ve her yükleme isteği gönderildiğinde yüklenecek bölümlerin sayısını ayarlayabilirsiniz.

Geç yükleme, bir sonraki bölüm yüklenene kadar ön yükleyicili beyaz bir arka plan gösterir. Test sunucumda bir sonraki bölümün yüklenme süresi son derece hızlıydı.

Sıkıştırma

Sıkıştırma, bir GZip sıkıştırma seçeneği ekler. Bu özellik, test hızlarım üzerinde en büyük etkiye sahipti.

Sistem Özellikleri

Sistem Özellikleri, Divi > Destek Merkezi menüsünde bulacağınız bilgilerin aynısını gösterir, ancak ayarlar hakkında daha fazla bilgi sağlar ve daha fazla bilgiye bağlantılar içerir. Açıklamalar, sunucunuzun gereksinimleri karşılamaması durumunda karşılaşacağınız sorun türleri hakkında bilgiler içerir ve bu, sorun gidermede daha da yardımcı olur.

Çeşitli

Miscellaneous, WordPress'e dört yeni ayar ekler:

Revizyon sonrası limiti – WordPress'in her bir gönderi için tutacağı revizyon sayısını belirlemenizi sağlar. Bu, sunucu depolama alanından tasarruf etmenize yardımcı olur ve web sitenizin asla kullanmayacağınız çok sayıda revizyonu izlemek zorunda kalmasını engeller.

Geri Pinglere ve Geri İzlemelere İzin Ver – bunları açık veya kapalı olarak ayarlayın. Her ikisini de tek bir ayarla kontrol eder.

Alt Bilgi Kredisi – bir bağlantı ve Divi Roket simgesi ile alt bilgi kredisine Divi Roketi ekler. Görüntülemek için birkaç seçeneğiniz var. Altbilginin altındaki alt çubukta gösterin (bu yalnızca varsayılan altbilgiyi kullanıyorsanız görüntülenir), alt çubuğun altındaki yeni bir çubukta ortalanmış olarak gösterin veya devre dışı bırakın. Varsayılan olarak etkindir. Bağlı kuruluş kimliğinizi eklerseniz, bağlantıya dahil edilir.

Divi Space Üye Kimliği – bir Divi Space üye hesabınız varsa, kimliği buraya eklemek, onu alt bilgi kredilerindeki bağlantıya ekler.

Önce ve sonra

Optimize edilmemiş test sitem için GTMetrix puanlarımdan önce ve sonra bir göz atın. Bu, Divi Rocket'in özelliklerinin yalnızca bir kısmını test eder, bu nedenle tam bir test değildir. Yükleme hızlarımı nasıl geliştirdiğini gösteriyor.

Test Sitem

Geliştirmelerden veya sıkıştırmalardan herhangi birini çalıştırmadan önceki test puanlarım burada. PageSpeed ​​puanım %45, YSlow %63, tam yükleme süresi 3.5 saniye, sayfa boyutu 2.12MB ve 39 istekte bulunuyor. Divi Magazine düzen paketindeki açılış sayfasını kullanıyorum.

PageSpeed, en kritik ihtiyaçlarımın sıkıştırmayı etkinleştirmek ve tarayıcı önbelleğinden yararlanmak olduğunu gösteriyor.

YSlow, sona eren başlıklar eklemek, bileşenleri sıkıştırmak, CDN kullanmak ve daha az HTTP isteği yapmak gibi en kritik alanları gösterir.

Yalnızca Tarayıcı Önbelleği Etkinken

Hem PageSpeed ​​hem de YSlow puanları biraz iyileşti. Tam yükleme süresi azaldı. Sayfa boyutu ve istekler aynı kaldı.

Kaldıraç Tarayıcı Önbelleğe Alma 49'dan 96'ya taşındı.

Süresi dolan başlık ekleme için YSlow puanı 0'dan 78'e çıktı.

Sunucu Önbelleği Ekleme

Sunucu tarafı önbelleğe alma ile, tam yükleme süresi ve istek sayısı biraz iyileştirildi. Tabii ki, bu hikayenin sadece bir kısmını anlatıyor. Sunucu tarafında önbelleğe almanın yalnızca değişen modülleri güncellemek için çalışması nedeniyle sunucu kaynaklarında daha fazla iyileştirme görülüyor.

JavaScript'in ayrıştırılmasını ertelemek için PageSpeed ​​puanı düşürüldü.

YSlow puanı, daha az HTML isteği için biraz iyileşti.

GZip ekleme

GZip sıkıştırmasını etkinleştirmek en büyük gelişmeyi gördü. Sayfa Hızı %92'ye, YSlow ise %84'e çıktı. Tam yükleme süresi 1,7 saniyeye ve toplam sayfa boyutu 862 KB'a düştü. İstekler aynı kaldı.

PageSpeed ​​için, sıkıştırmayı etkinleştirme 0'dan 100'e çıktı.

YSlow için sıkıştırma bileşenleri 0'dan 100'e çıktı.

Sonuçlar

Divi Rocket'ın GTMetrix puanlarımı nasıl iyileştirdiği aşağıda açıklanmıştır:

• Sayfa Hızı 45'ten 92'ye
• YSlow 63'ten 84'e
• 3.5sn'den 1.7sn'ye kadar tam yükleme süresi
• 2.12MB'den 862KB'ye kadar toplam sayfa boyutu
• 39'dan 38'e kadar istekler

Bu puanlar sitede başka bir değişiklik olmadan.

Fiyat ve Belgeler

Divi Rocket'i geliştiricinin web sitesinden satın alabilirsiniz. Divi Rocket için birkaç satın alma seçeneği vardır:

• Tek site – yılda 49$
• 3 site – yılda 89 dolar
• Sınırsız site – yılda 179$

Ayrıca yıllık ve ömür boyu üyeliklerine de dahildir.

Belgeler geliştiricinin web sitesinde sağlanır. Eklentinin özelliklerini inceler ve nasıl kullanılacağını gösterir. Bu makale için buna ihtiyacım yoktu, ancak mevcut olduğunu gördüğüme sevindim.

Biten Düşünceler

Divi Rocket ilginç bir eklentidir. Kullanımı kolay ve temiz menü tasarımını beğendim. Genel bir WordPress ürününden ziyade Divi ürününe benziyor. Divi için özel olarak tasarlanmış olmasını ve diğer önbellek eklentilerinin yapamayacağı şekilde bölümlerden ve modüllerden yararlanmasını seviyorum. Uğraşacak çok fazla ayar yok ama yine de çoğu web sitesinin ihtiyaç duyacağı ayarları sağlıyor. Her özelliğin ne yaptığını açıklayarak hem deneyimli geliştiriciler hem de yeni başlayanlar için ideal hale getirir.

Testlerim hikayenin sadece bir kısmını anlatıyor. Örneğin, veritabanı optimizasyonu için sunucudaki yük tasarrufu ve güncellemeler için ayrı modülleri kontrol etme şekli, sunucu kaynaklarından tasarruf sağlayacaktır. Bu, yükleme hızı puanlarında görünmüyor.

Extra ile çalıştığını görmek isterim. Geliştiricinin sayfası, daha fazla özelliğin yolda olduğunu gösteriyor. Yakında CSS ve JavaScript'i küçültecek ve birleştirecek. Ayrıca, performansı standart CDN'lerden daha da artırmak için Divi'nin çekirdek dosyalarını önbelleğe alacak bir CDN içerecektir.

Divi Rocket, tamamen optimize edilmemiş test sitemin hızını diğer önbellek eklentileriyle aynı seviyeye yükseltti. Küçültme ve bir CDN eklendiğinde, herhangi bir Divi web sitesi için çok daha iyi bir seçenek olmalıdır.

Senden duymak istiyoruz. Divi Rocket'ı denediniz mi? Yorumlarda bunun hakkında ne düşündüğünüzü bize bildirin.

Victoruler / Shutterstock.com üzerinden Öne Çıkan Görsel