Divi vs. Elementor: WordPress sayfaları eklentilerinin karşılaştırılması (2021)
WordPress sitenizi oluşturmak için Divi ile Elementor arasında karar vermeye mi çalışıyorsunuz?
Ücretsiz demoyu deneyin
Divi ve Elementor, iki toppress sürükleme ve bırak sayfasıdır. Her ikisi de herhangi bir teknik bilgiye gerek kalmadan% 100 özel bir web sitesi oluşturmanıza izin verir. Bir sayfa oluşturmanıza yardımcı olmanın yanı sıra, sürekli dinamik içeriğin temasının oluşturulmasını ve entegrasyonunu da desteklerler. Ancak çok ortak noktaları olsa da, bazı önemli farklılıklar sizi bir yöne itebilir. Bu yazıda, ihtiyaçlarınız için doğru seçenekleri seçmenize yardımcı olmak için Divi ile Elementor’u derinlemesine karşılaştıracağız.
Bir “kazanan” seçmeye odaklanmıyoruz. Bunun yerine, sizin için doğru aracı seçmenize yardımcı olacak birçok benzerlik ve farklılık göstereceğiz. Bunu yapmak için, altı ana alanda Elementor ile Divi’yi karşılaştıracağız ve sonunda her şeyi derleyeceğiz. Hevesli? Hadi kazalım!
Bir kez ve tüm WordPress sayfaları için en iyi olanı bilmeye hazır? Detayları görmek için tıklayın … Divi ve Elementor Performans Tweet’i tıklayın, herhangi bir sayfa üreticisiyle önemli bir husus performans. Yani, tasarladığınız tasarımın ne kadar hızlı yükleneceği?
Bu bölüme öncelik veriyoruz çünkü performansın WordPress sitenizde her zaman en önemli öncelik olması gerektiğine inanıyoruz. Buna barındırma dahil! Divi vs. Elementor’un performansını test etmek için, Divi ve Elementor ile aynı olan ve birkaç hızlı test ekipmanından geçiren bir tasarım hazırlıyoruz. Bu eşdeğeri mümkün kılmaya çalışmak için, tasarımımızı her yapımcı ve her modülde aynı olan içerik arasında aynı modüllerle yapıyoruz. Kullandığımız modül: paragraf metni
Top
Sayı sayımı
Temel İletişim Formu
Fiyat Tablosu
İki ürün
Tanıklık
Bunu adil bir rekabet yapmak için Divi Builder vs. Elementor ve Pro eklenti sürümünü test ediyoruz. Bunu, bu yapımcının performansını doğru bir şekilde karşılaştırmak için aynı temayı (ASTRA) kullanmak için yapıyoruz.
Divi test sayfası
Test sitesi 1: Divi test sayfamız
Divi Builder eklentisi
Astra teması
Yukarıdan bir modül kullanarak divi ile yapılan tasarım
Eleman test sayfası
Test sitesi 2: Elementor test sayfamız
Free Elementor Eklentisi (Tema Stilini devralmak için Elementor’un varsayılan stilini devre dışı bıraktık)
Pro Elementor
Astra teması
Yukarıdan modülleri kullanarak elementlerle yapılan tasarım
Dikkat edilmesi gereken bir şey, Divi’nin CSS ve JavaScript’ini küçültmek ve birleştirmek için varsayılan özelliği içermesidir. Bu nedenle Divi, kutunun dışındaki HTTP isteklerini sınırlamada daha iyidir.
Ancak, WP Rocket gibi AutoPtimize veya Premium Optimizasyon Eklentileri gibi ücretsiz eklentiler kullanarak Elementor’a aynı optimizasyonu kolayca ekleyebilirsiniz (ve gerekir). Bu nedenle iki test seti çalıştıracağız: Ek performansın optimizasyonu yok
Komut dosyalarını küçültmek ve birleştirmek için otomatik optimizasyon yüklendi
İkinci senaryoda sayıları kullanmak, iki aracın performans için optimize edilmiş doğrudan WordPress sitesinde nasıl görüneceği konusunda daha doğru olmalıdır. Bununla birlikte, performans optimizasyonunu uygulamadığınızda karşılaştırmanın nasıl olduğunu gösterecek şekilde optimize edilmeyen sayılar ekliyoruz.
Test sitelerimiz Kinsta’da yayınlandı, bu nedenle Kinsta sunucu seviyesi önbelleklemeden de yararlandılar. Tartıştıklarımız dışında, varsayılan WordPress ortamında herhangi bir değişiklik yapmadık. İki test aracı kullanacağız:
Web.dev: Google’dan Deniz Feneri kullanan araçlar. Bu bir mobil cihazın testidir.
WebPagetest: Popüler Hız Test Ekipmanı. Bir masaüstü cihazdan test edecek şekilde yapılandırdık.
Bölümümüzün performansı Divi’nin kendisi için sonuçlarla başlayacaktır (otomatiktimize edilmeden). WebPagetest (otomatik optimizasyon olmadan):
WebPagetest Divi sonuçları ek optimizasyon olmadan
Web.dev (otomatik optimizasyon olmadan):
Ve yüklü AutoPtimize eklentisi ile Divi’nin sonuçları. WebPagetest (Otomatik Optimizasyon ile):
Web.dev (otomatik optimizasyon ile):
Elementlerimizin performansı, Elementor için sonuçlarla da başlayacaktır (otomatiktimize edilmeden). WebPagetest (Otomatik Optimizasyon Olmadan): WebPagetest Elementor Ek Optimizasyon Olmadan Sonuçları
Optimizasyon olmadan web.dev öğesinin sonuçları
WebPagetest Elementor Sonuçları Otomatik Eklentilerle
Elementor Web Sonuçları.
/td>
/td>
Genel olarak, Elementor’un daha küçük dosya boyutlarına sahip Divi’ye kıyasla küçük bir avantajı olduğunu görebilirsiniz. Ayrıca Lighthouse Web.dev denetiminde daha iyi performans gösterir ve her iki testte daha düşük olan en büyük boya içeriği süresine sahiptir.
Bununla birlikte, fark büyük değildir ve Divi boşluğu kapsayacak çok iş yaptı. Genel olarak, Elementor performans açısından biraz daha üstündür. Divi temalarını Pro ve Hello Elementor ile nasıl karşılaştıracağınızı merak ediyorsanız, Hello teması Divi temasından daha hafif olduğu için alan Elementor’a daha eğilecektir. Temel olarak, “Elementor + Astra” “Divi Builder + Astra” yı yenerse, boşluk yalnızca “Elementor + Hello” u “Divi Builder + Divi teması” ile karşılaştırırsanız daha geniş olacaktır. Divi ve UI Elementor kullanıcı arayüzünün nesnel olarak karşılaştırmak zordur, çünkü çoğu kişisel tercihlere bağlıdır. Bazı insanlar Elementor arayüzünü tercih ederken, diğerleri Divi’yi tercih eder. Bu nedenle, burada bir kazanan bile ilan edemeyiz. Bunun yerine, yalnızca her araç arayüzünü nasıl göstereceğiz ve en çok sevdiğiniz yaklaşımı seçebilirsiniz. Nesnel olan bir şey, arka uç arabiriminde “hız” dir, çünkü bu bir tasarım oluşturabileceğinizi etkileyecektir. Geçmişte, arka uç Elementor kullanıcı arayüzü “daha hızlı” hissedecekti. Yani, ayar paneli daha hızlı açılır, sürük ve bırak, daha yumuşak vb. Bununla birlikte, zarif temalar, Ocak 2021’de Divi Builder için büyük bir arka uç performans güncellemesi yayınladı ve bu da büyük bir artış sağladı ve birçok önemli arka uç işlemini%100-700 hızla hızlandırdı. Zarif tema tarafından düzenlenen stres testi ortamında, imleci%155’lik bir artış olan 891 MD’den 383 MD’ye doğru modüle yönlendirme zamanı.
Değişiklikleri kesinlikle hissedebilirsiniz ve şimdi bu iki inşaatçı hızlı bir şekilde desteklenir. Bu değişiklikten sonra, bir inşaatçıyı arka uç performansı kazanan olarak ilan etmek zordur. Divi UI Görsel bir Divi Maker’ı açtığınızda, bu size doğrudan sitenizin tam ekranını doğrudan gösterir. Altta katlanabilen yüzer bir araç ve imleci sitenizin çeşitli kısımlarına yönlendirdiğinizde görünen yüzen simgeler vardır. İçerik veya düzen eklemek için çeşitli simgeleri tıklayabilirsiniz. Örneğin, siyah simge yeni bir modül girmenizi sağlar.
İçerik veya yerleşim öğeleri ekledikten sonra, ayrıntılı ayarlarla açılır pencereyi açmak için üzerine tıklayabilirsiniz. Bu açılır pencerenin boyutunu değiştirebilir veya ekranda herhangi bir yere sürükleyerek arayüzü tercihlerinizle ayarlamanızı sağlar.
Divi Modülünü Düzenleme
Metin içeriği için, bir satır düzenleme de kullanabilirsiniz, bu da sayfanızı doğrudan tıklamanız ve yazmanız gerektiği anlamına gelir. Sayfanın altına tıklarsanız, farklı cihazları seçmek için menüyü genişletebilir, arka uç düzenleme çerçevesi görüntülerinin görüntülenmesini açabilir ve diğer yüksek seviyeli ayarlara erişebilirsiniz. Aşağıdaki tel çerçeve:
Divi Kontrol Bıçakları ve Çerçeve görüntü ekranı
Divi katman arayüzü
Genel olarak, Divi arayüzü bazen tüm yüzen simgelerle biraz aşırı hisseder. Ancak size birçok yararlı araç ve ayar seçeneği sunmakta daha üstündür. Ayrıca, Elementor tarafından sunulmayan, çerçeve görüntü ekranı gibi bazı arayüz seçenekleri sunar. UI Elementor öğeleri arayüz için biraz farklı bir yaklaşım kullanır. Bu, sizi doğrudan sağdaki ve soldaki kalan taraftaki tasarımınızdan gösterir (orijinal WordPress temasını ayarlamak gibi). Bu yan çubuk, tasarımlarınızın çoğu için ayarları yöneteceğiniz yerdir. Örneğin, yan taraftaki bir widget listesi görebilir ve tasarımınıza sürükleyebilirsiniz.
Ardından, widget stilini, içeriği vb. Ayarlayabilirsiniz. Yan çubukta seçenekleri kullanma.
Çoğu metin içeriği için bir satır düzenleme de kullanabilirsiniz. Bir kez daha, doğrudan önizlemeyi tıklatıp yazdığınız anlamına gelir. Bununla birlikte, Divi düzenleme için biraz daha fazla destek sunar, çünkü Elementor’da bu özelliği desteklemeyen metnin hala bazı bölümleri vardır. Elementor size Divi tarafından sunulan çerçeve görüntü ekranını vermez, ancak çok kullanışlı bir navigatör aracı ile birlikte gelir. Bu araç size bir divi katman aracı gibi sayfanızın yapısının bir taslağını verir. Hatırlamanıza yardımcı olacak öğenin adını da değiştirebilirsiniz. Bültene kaydolun
Şimdi abone olun
Elementor’da doğru kullanın.
Sürükleme ve görsel arayüz
Tam Tema Yapma Desteği
Dinamik veriler için destek
Ancak, her eklentinin de bazı özel hileleri vardır.Bu bölümde, her yapımcı için benzersiz özellikleri karşılaştıracağız.Divi’nin benzersiz özelliği en benzersiz Divi özelliklerinden biri, birbirinden farklı modülleri test etmenizi sağlayan varsayılan A/B testidir.Örneğin, farklı CTA düğmesi performansını test edebilirsiniz.Bu, pazarlama için çok kullanışlı bir araçtır, bu nedenle bu, daha çok işe odaklanan kullanım durumunda Divi için büyük bir avantajdır.Üçüncü taraf eklentisi için Google Optimize veya Split Testi kullanarak Elementor’a A/B testi ekleyebilirsiniz, ancak Divi ile aldığınız katı varsayılan özellik değildir.
S Bloom katılımla sınırlıdır, ancak Elementor’u her türlü sembulan yapmak için kullanabilirsiniz. Divi vs Elementor Fiyatları Karşılaştırma Fiyatları karmaşık konulardır, çünkü elementler bazı durumlarda daha ucuzdur, Divi ise diğer durumlarda daha ucuzdur. Bu nedenle, her aracı nasıl kullanacağınıza bağlıdır, biri diğerinden daha uygun olabilir. Ücretsiz sürüm baştan başlayalım. Elementor,%100 ücretsiz bir sürüm sunan tek kişidir. Dahası, Elementor’un ücretsiz versiyonunun çok esnek olduğu ortaya çıktı. Yalnızca ücretsiz bir sürümle bile, harika görünen ve en temel widget’lara erişen bazı tasarımlar yapabilirsiniz. Yani, hedefiniz her şeyi özgür tutmaksa, Elementor sizin tek seçeneğinizdir. Ve bu çok iyi! Premium sürüm Premium sürüm açısından, işte böyle çalışır: Elementor Pro, yalnızca bir web sitesi için bir inşaatçıya ihtiyacınız varsa daha ucuzdur.
Birkaç web sitesi için bir üreticiye ihtiyacınız varsa Divi daha ucuzdur.
Elementor Pro, her biri farklı sayıda site için üç yıllık üç lisans seçeneği sunar:
Yeni WordPress siteniz için en iyi barındırma, hızlı ve güvenli mi ihtiyacınız var? Kinsta, 7/24 çok hızlı bir sunucu ve dünya standartlarında destek sağlar. Planımıza bakın!
Bir site: 49 $/yıl
1.000 site: 199 $/yıl (temelde sınırsız, ancak kötüye kullanımdan kaçınmakla sınırlı)
Divi Builder eklentisi
Ekstra tema
Bloom Eklentisi (E -posta Katılımı)
Eklenti Monarch (Sosyal Paylaşım)
Özet için, hangi prim üreticilerinin daha ucuz olduğunu görmek için üç farklı senaryoya bakalım. Bir inşaatçı kullanmanız gerekiyorsa:
Bir site: Elementor Pro, Divi’nin 89 $/yıla karşı 49 $/yıl bir fiyata en ucuz olacak.
Üç site: İki yapımcı neredeyse aynı, bir Elementor Pro 99 $/yıl ve Divi 89 $/yıl için.
Dört site (veya daha fazlası): Divi, 199 yılda Elementor Pro’ya karşı 89 $/yıl fiyatla en ucuz olacak.
Yaşam boyu lisanslar Son olarak, son önemli husus lisansın süresidir. Elementors sadece bir tane lisans sunar. Yani, destek ve güncellemeler almaya devam etmek istiyorsanız lisansınızı her yıl güncellemelisiniz. Ayrıca, güncellemezseniz artık yeni bir Pro Elementor Widget ekleyemezsiniz. Tasarımınızdaki tüm Pro Elementor Widget’ları yine de çalışacak olsa da. Ancak yeni bir premium şablon ekleyemezsiniz. Zarif Temalar, aynı yıllık lisansı ve ömür boyu lisans seçeneğini sunar. Yaşam boyu lisansla, kullanım, yenileme ve ömür boyu destek için sabit bir ücret alırsınız. Bunu değer perspektifinden yenmek zordur. Yaşam boyu lisans 249 $ ‘dır, bu da bir araya ve bir yıla karşı 2,8 yıl civarında bir noktaya sahiptir. Divi vs Elementor Şablonu Bu iki inşaatçının büyük avantajlarından biri, büyük bir şablon kütüphanesi ile gelmeleridir, böylece tasarımınızı en baştan başlatmanız gerekmez. Bunun yerine, sadece şablonları içe aktarırsınız, ihtiyaçlarınızı karşılamak için ayarlarsınız ve böyle profesyonel bir web siteniz vardır. Her ikisinin de oldukça büyük bir şablon kütüphanesi vardır, ancak Divi’nin miktar ve şablon ayarları açısından bir avantajı vardır. Divi şablonu Mart 2021’den itibaren Divi, 199 pakete bölünmüş ithal edebileceğiniz 1.500’den fazla varsayılan şablonla birlikte geliyor. Düzen paketi temel olarak, hepsi belirli web siteleri etrafında yapılan temalı şablonların bir koleksiyonudur. Örneğin, ana sayfa için bir şablon, diğerleri iletişim sayfaları vb.
Ayrıca kendi tasarımınızı daha sonra yeniden kullanılacak bir şablon olarak kaydedebilirsiniz.Element Element Şablon Elementor, yaptığınız içeriğin türüne bağlı olarak birçok farklı lezzette gelir.Tasarım sayfaları açısından, iki tür şablon alacaksınız: Sayfalar: Bu tam bir sayfa şablonudur.Elementor Pro ile ~ 200 şablon alacaksınız.
Blok: Bu, sayfa bölümü için bir bölüm şablonudur.Tam bir sayfa tasarlamak için LEGO gibi birleştirebilirsiniz.
Elementor Şablon Kütüphanesi
Elementor ayrıca bazı şablonlarını, eksiksiz bir web sitesi (Divi gibi) inşa etme temasında bir şablon olan şablon kitine düzenler. Bununla birlikte, Elementor Mart 2021’de 25’ten az şablon kiti sundu, ancak her ay yeni bir şablon kiti yayınlamışlardı. Ayrıca, Elementor şablonlarının listesini teknik olarak daha da genişleten açılır ve tema yapımı için ayrı bir şablon alacaksınız. Son olarak, daha sonra yeniden kullanılmak üzere kendi şablonunuzu da kaydedebilirsiniz. DIVI VS Elementor Desteği Hem Divi hem de Elementor, aktif lisansları olan müşterilere 7/24 destek sunar. Bununla birlikte, genel olarak, Divi’de küçük bir avantajdır çünkü destekle başa çıkmak için daha esnek bir seçenek sunar. Bölüm, tüm zarif temaları aktif lisanslı kullanıcıların 7/24 premium destek aldığını destekler. Büyük avantajlardan biri, Intorcom (Kinsta’da kullandığımız aynı destek sistemi) aracılığıyla doğrudan sohbet desteği almanızdır. Bu büyük bir avantajdır, çünkü herhangi bir WordPress temasında doğrudan sohbet desteği bulur veya eklenti oldukça nadirdir. Ayrıca, istenirse eski forum destek sistemlerine de erişebilirsiniz. Forum sistemi topluluk desteğine bağlıdır (zarif ekipler personeli artık orada soruları cevaplamıyor). Veya ayrıntılı bilgi tabanı belgeleri aracılığıyla kendinize yardımcı olabilirsiniz. Ayrıca, 64.200’den fazla üyesi olan büyük resmi Divi temasının Facebook Grup kullanıcıları aracılığıyla topluluk desteği alabilirsiniz. Elementor’a ödeme yapan müşteri öğeleri, biletler aracılığıyla 7/24 premium destek alacaktır.
Buna ek olarak, Elementor, temel özellikleri nasıl kullanacağınızı, ortak sorunları nasıl çözeceğinizi vb. Elementor ayrıca Facebook’ta 98.000’den fazla üyeden topluluk desteği alabileceğiniz büyük bir resmi gruba sahiptir. Bu, ücretsiz ve ücretli Elementor kullanıcıları için iyi bir seçimdir. Elementor + gibi yaygın sorular için şube grupları da var. ve hangi Elementor + eklentisinin yanı sıra özel Elementor Pro toplulukları. Facebook topluluğunda çok fazla insan olduğundan, Facebook topluluğunda bilet göndermekten daha hızlı sorulan cevaplar alacaksınız. Divi ve Elementor: Hangisini seçmelisiniz? Sonunda, net bir kazanan yoktu, bu yüzden bu iki araç çok başarılı oldu. Gerçekten, hangi özellikleri takdir ettiğiniz ve hangi arayüzü sevdiğiniz bütçenize bağlıdır. Elementor başlamak için en iyi yer olabilir, özellikle de yeni başlıyorsanız ücretsizdir. Ücretsiz Elementor sürümünü nasıl sevdiğinizi görebilirsiniz ve başarılı olursa, para harcamadan harika araçlarınız var. Eğer ödemeye hazırsanız, bu daha zor bir karardır. İlk olarak, her bir aracın arayüzünü düşünün. Bazı insanlar birini veya diğerini tercih eder, bu yüzden seçmenin bir yolu olacaktır. Her arayüzü şöyle test edebilirsiniz: Doğrudan Web Divi Builder kullanarak
Ücretsiz element yükleyin
Her ikisi de size yüksek seviyeli stil ve tasarım seçenekleri sunar, bu yüzden orada kazananlardan birini ilan etmek zor. Tabii ki, özelliklerde küçük bir fark var, ancak bu çoğu insanı etkilemez. İkincisi, sizi bir yöne veya başka bir yöne itebilecek benzersiz özellikler olup olmadığını düşünün. Örneğin, bir pazarlamacı iseniz, Divi’nin varsayılan A/B testini gerçekten takdir edebilirsiniz. Öte yandan, pazarlamacılar, e -posta katılımından tanıtım, anketler ve daha fazlasına kadar olan Popup Builder Elementor, herkes için çok amaçlı araçları takdir edecekler. Performans açısından, Elementor’un biraz avantajı var. Dolayısıyla, performans sizin için #1 ise, elementin faydaları budur. Tabii ki, performans sizin için çok önemliyse, başından beri görsel bir yapımcı kullanarak yeniden düşünmek isteyebilirsiniz, çünkü orijinal blok yığını kullanmak neredeyse kesinlikle daha hızlı bir siteye ulaşmanıza yardımcı olacaktır. Sonunda bir fiyat var. Bir site için Pro Elementor daha ucuzdur. Ancak bazı siteler için ve uzun vadeli bir perspektiften, Divi’nin para değeri açısından iki büyük avantajı vardır: Zarif Tema Paketi 89 $ Yeni başlayan seviyesi hala sınırsız sitelerde kullanılmasına izin verirken, 199 $ için daha pahalı bir Elementor Pro paketine ihtiyacınız var bunun için. Paket 1.000 Elementor Pro sitesi fiyatı hemen 999 dolara çıkaracak.
Zarif tema ömür boyu üyelik sunar. Bu aracı birkaç yıl boyunca kullanacağınızı biliyorsanız, bir ömür boyu anlaşmayı değer perspektifinden yenmek zordur. DIVI için, bir yıllık lisans ve ömür boyu lisans arasındaki kırılma noktası yaklaşık iki yıl dokuz aydır.
Ancak, ömür boyu lisanslı ürün ve hizmetlerin sürdürülebilir olmadığını unutmayın. Onları sunan işletme, destek ve geliştirme maliyetlerindeki artışı izlemelidir. Son olarak, desteklerinin kalitesini azaltır, başkalarına iş satırlar veya kapatırlar. Bu nedenle, akıllıca seçin! Divi ile bir element kullanabilir misiniz? Evet, beğen. Teknik olarak aynı web sitesinde öğeler ve divi kullanmak mümkündür. Ancak, bunu yapmamayı şiddetle tavsiye ediyoruz. Bunu yapmaya çalışmak sitenizi yavaşlatacaktır (çünkü her yapımcı kendi senaryosunu yükleyecektir), çok fazla karmaşıklık ekleyecek ve genellikle her şeyi sizin için daha zor hale getirir. Her iki eklentiyi gerçekten kullanmanız gerekiyorsa (yine, gerçekten tavsiye etmiyoruz), her komut dosyasını yalnızca gerektiğinde yüklemek için bir varlık temizleme gibi bir eklenti kullanmayı düşünebilirsiniz. Divi ve Elementor’u birlikte kullanırken dövülen performansı azaltmalıdır. Bununla birlikte, ilgili notta, tüm sitelerinizi tasarlamak için yeni bir Divi tema üreticisini kullanmayı planlıyorsanız, Divi temasını kullanmaktan daha iyi bir seçenek olabilecek Hello Elementor temasıyla Divi Builder’ı kullanabilirsiniz. Bir WordPress sitesi oluşturmak bir görev olmamalıdır. En popüler iki WordPress sayfası olan Divi ve Elementor’un tamamlayıcı olduğunu görün! Elementor ile Divi ile karşılaştırmamızı sona erdiren özet tweet için tıklayın. Umarız faydalı hissedersiniz!
