Divi ve Elementor: WordPress Sayfa Oluşturucu Karşılaştırması

Yayınlanan: 2020-05-22

WordPress sayfa oluşturucuları artık web sitesi sahiplerinden geliştiricilere ve web tasarım ajanslarına kadar herkes tarafından kullanılıyor.

Ancak piyasada birçok farklı WordPress sayfa oluşturucu bulunduğundan karar vermek zor olabilir.

Bu yazıda, iki mükemmel WordPress oluşturucuyu gözden geçireceğiz – Elementor ve Divi . Bu iki WP sayfa oluşturucu muhtemelen şu anda piyasada bulunanlar arasında en iyisidir .

Bu yazıda Divi ve Elementor'a farklı perspektiflerden derinlemesine bakacağız: arayüz, yetenekler, şablon kitaplığı ve çok daha fazlası!

Makalenin sonunda, karar vermek ve WordPress siteniz için doğru sayfa oluşturucuyu seçmek için yeterli bilgiye sahip olmalısınız.

O halde başlayalım!

Açıklama: Bu makaledeki bağlantılardan bazıları bağlı kuruluş bağlantıları olabilir. Bu, bağlantıya tıklarsanız ve ürünü satın alırsanız, bir ortaklık komisyonu alabileceğimiz anlamına gelir. Komisyonlar size ücretsiz olarak verilir ve ürünler hakkındaki görüşümüzü etkilemez.

İçindekiler
  1. Elementor ve Divi'ye Genel Bakış
  2. Divi ve Elementor: Sayfa Oluşturucu Karşılaştırma Tablosu
  3. Divi ve Elementor: Ön Uç Arayüzü
  4. Elementor Vitrini
  5. Divi vs Elementor: Kullanım Kolaylığı
  6. Divi ve Elementor: İçerik Modülleri, Widget'lar ve Öğeler
  7. Divi vs Elementor: Tema Oluşturma
  8. Divi vs Elementor: Önceden hazırlanmış şablonlar
  9. Elementor vs Divi: Kod Kalitesi
  10. Elementor vs Divi: Siteefy'den Performans Testi
  11. Divi vs Elementor – Fiyatlandırma
  12. Son Düşünceler — Elementor vs Divi

🛠️ WordPress Sayfa Oluşturucularının tam listesini buradan kontrol edin ➡️


Elementor ve Divi'ye Genel Bakış

4M'den fazla profesyonel tarafından kullanılan Elementor, bir WordPress web sitesinin web tasarım iş akışının her yönünü kontrol etmek için oluşturulmuş hepsi bir arada bir WordPress sayfa oluşturucusudur.

Elementor Builder

Ve diğer tarafta, 2013'te piyasaya sürülen ve o zamandan beri WordPress topluluğunda büyük saygı kazanan, son derece popüler bir WordPress sayfa oluşturucu ve teması olan Divi var.

Divi ayrıca 2,6 milyondan fazla web sitesi, 650.000'den fazla sadık kullanıcı ve sayısız profesyonelden (tasarımcılar, geliştiriciler, SEO ve içerik uzmanları vb.) oluşan kendine ait bir topluluğa sahiptir.

Divi Vitrin

Divi ile oluşturulmuş gerçek web sitelerini görün

Gitmek

Bu nedenle Divi ve Elementor arasında seçim yapmak kesinlikle kolay değil. Her iki sayfa oluşturucu da son derece güçlüdür ve her ikisi de büyük değer sunar.

Elementor vs Divi - Divi Builder ET
Divi, Trustpilot'ta 14.770 mutlu müşteriden 5 yıldız aldı

Elementor ve Divi'ye ayrıntılı olarak bakacağız, ancak bu araçların neler sunduğuna dair size hızlı bir genel bakış sunmak için, özelliklerinin bir özetini burada bulabilirsiniz…

  • Görsel sürükle ve bırak düzenleyici
  • Yüzlerce profesyonelce tasarlanmış önceden hazırlanmış şablon
  • Tamamen duyarlı düzenleme — mobil, tablet ve masaüstü görünümü
  • Tüm web sitesinin tasarımını tek bir yerden yönetmek için küresel stil öğeleri
  • Üstbilgi, altbilgi, sayfa düzenleri ve kenar çubuğu widget'ları gibi her tema öğesini kontrol etme yeteneği
  • Mükemmel bir çevrimiçi mağaza oluşturmak için WooCommerce oluşturucu

Özelliklerin çoğu aynı olsa da, bu sayfa oluşturucularda arayüz, stil ve diğer her şey farklıdır.

İşte Elementor ve Divi arasındaki temel farkların hızlı bir görüntüsü:

Divi ve Elementor: Sayfa Oluşturucu Karşılaştırma Tablosu

Divi Oluşturucu eleman
Ücretsiz sürüm
Düzenleme Modları Ön uç ve Arka uç Başlangıç ​​aşaması
Duyarlı Düzenleme
Tema Oluşturucu
İçerik Modülleri 40+ 80+
Önceden Hazırlanmış Şablonlar 800+ 200+
Başlangıç ​​fiyatı 89$/yıl 49$/yıl
Destek olmak 7/24 Canlı sohbet Yalnızca e-posta
ACF Desteği

Şimdi bu araçların arayüzü ile başlayalım…

Divi ve Elementor: Ön Uç Arayüzü

Hem Elementor hem de Divi, görsel ön uç düzenlemesi sunarken, düzenleyicileri çok farklıdır ve Divi'nin ayrıca bir arka uç düzenleyicisi vardır.

Elementor'un Divi Builder gibi bir arka uç düzenleyicisi yoktur; Yine de, çoğu durumda görsel düzenleyiciyle ihtiyacınız olan her şeyi yapabileceğiniz için anlaşmayı bozmuyor (artı görsel düzenleme her zaman daha kolaydır).

Bununla birlikte, Divi arka uç oluşturucu, zaman zaman çok faydalı olabilecek güzel bir ek özelliktir (bunun adı WireFrame Görünümü ve buradan kontrol edebilirsiniz).

Elementor Editörü

Elementor düzenleyicisi, düzenleyicide sol taraftaki bir kenar çubuğunu kullanır ve özellikle yeni başlayanlar için web siteleri tasarlama sürecini basitleştiren boş bir tuval düzeni sağlar.

Frontend interface of the Elementor page builder

Bir öğe eklemek için, onu kenar çubuğundan sayfaya sürüklemeniz yeterlidir. Öğeyi sürükleyip bıraktıktan sonra kenar çubuğu, değiştirebileceğiniz o öğeye özgü tüm ayarları görüntüler:

Elementor ile sürükle ve bırak düzenleme

Düzenleyicideki tüm öğeler, temel, profesyonel ve WordPress varsayılan öğeleri olarak bölünmüştür. Elementor düzenleyici erişilebilirliğe odaklanır ve çoğu durumda onu Divi'den daha hızlı bulursunuz.

Elementor Vitrini

Elementor ile oluşturulmuş gerçek web sitelerini görün

Şimdi gör

Elementor'da ayrıca sevdiğimiz şey, sizi web sitenizdeki herhangi bir yere göz açıp kapayıncaya kadar götüren bir arama kutusu olan Finder özelliğidir :

Elementor Bulucu Özelliği
Elementor Finder size bir ton üretken zaman kazandırabilir

Elementor Finder hakkında daha fazla bilgiyi buradan edinebilirsiniz.

Divi Editörü

Divi farklı bir yaklaşım benimsiyor ve istediğiniz öğeyi seçip doğrudan ekranda düzenleyebileceğiniz veya sayfada yeniden düzenleyebileceğiniz tam genişlikte bir düzenleyici kullanıyor.

Divi visual builder

Divi Builder'ın çalışırken nasıl göründüğü:

Divi-WordPress

Yukarıda bahsedildiği gibi Divi, sayfayı %100 görsel içerik eşleşmesiyle düzenlemenize izin veren bir arka uç düzenleyici seçeneği de sunar.

Genellikle çoğu insan yalnızca görsel oluşturucuya bağlı kalır, ancak arka uç düzenlemeyi tercih ederseniz, Divi ile her zaman bu seçeneğe sahipsiniz.

Divi WireFrame Görünümü şöyle görünür:

Divi Builder Tel Çerçeve Görünümü

Divi Tel Çerçeve Görünümü hakkında daha fazla bilgiyi buradan edinebilirsiniz.

Divi'nin düzenleyicisiyle ilgili sorunlardan biri, muhtemelen olması gerektiği kadar hızlı olmamasıdır ve sayfalarınızda çok sayıda öğe varsa hızla ilgili küçük sorunlar yaşayabilirsiniz (ancak bu muhtemelen tüm sayfa oluşturucular için ortak bir şeydir, biz' Bu yavaşlığı varsayılan bir WordPress editörü olan Gutenberg'de bile gördüm).

Ancak normalde Divi Builder arayüzünde kısa ve orta boyutlu sayfalarda herhangi bir hız sorunu yaşamazsınız.

Bu açıdan bakıldığında, karmaşık web siteleri ve uzun açılış veya satış sayfaları oluşturmak istiyorsanız Elementor daha iyi bir seçim olabilir. Ama yine, Divi'nin o kadar çok başka güçlü özelliği var ki (özellikle tasarım ve dönüşümlerle ilgili), bu ikisi arasında seçim yapmak hala çok zor.

Divi, mükemmel bir WordPress sayfa oluşturucusudur ve onunla harika web siteleri oluşturabilirsiniz!

Ücretsiz Divi Test Sürüşü

Divi Visual Builder'ın şaşırtıcı gücünü keşfedin

Şimdi dene

Divi vs Elementor: Kullanım Kolaylığı

Arayüzden sonra, sayfa oluşturucu ararken göz önünde bulundurulması gereken en önemli şey kullanım kolaylığı olmalıdır çünkü zamanınızın çoğunu burada geçireceksiniz.

Divi Kullanım Kolaylığı

Hem Divi hem de Elementor, her WordPress temasıyla çalışacak şekilde tasarlanmış olsa da, Divi Page Builder orijinal olarak yalnızca Divi WordPress teması için özel olarak oluşturulmuştur.

Divi, yerel temasıyla gerçekten iyi çalışıyor ve bir kez buna alıştığınızda, web sitesi oluşturma süreci çok daha kolaylaşıyor. Divi ile temalarınızı her zaman değiştirmeniz gerekmez - sayfa oluşturucunuzla ihtiyacınız olan tüm değişiklikleri yapabilirsiniz.

Elegant Themes (Divi'nin yaratıcısı), Divi tasarımının tamamında minimalist bir yaklaşım benimsemiştir ve bu nedenle düzenleyicide doğru öğeleri ve ayarları bulmak çok kolaydır.

Interface of the Divi page builder

Herhangi bir içerik modülünü sürükleyip bırakabilir ve metni doğrudan düzenlemek için çift tıklayabilirsiniz. Duyarlı ayarlar, şablon kitaplığı ve sayfa ayarlarının tümü düzenleyicide bulunur, bu nedenle herhangi bir değişiklik yapmak için site panosunu ziyaret etmeniz gerekmez (büyük zaman tasarrufu!).

Bununla birlikte Divi'nin bir tel kafes modu da vardır (yukarıda bahsettiğimiz gibi). Bu tel çerçeve görünümü, sayfanın tam bir yapısal görünümünü gösterir.

Bu özellik, çok sayıda öğe içeren büyük sayfalar oluşturuyorsanız kullanışlıdır. Ayrıca ek esneklik ve sonsuz özelleştirme seçenekleri sunar.

Backend editor of the Divi with wireframe option

Elementor Kullanım Kolaylığı

Divi zaman zaman biraz kafa karıştırıcı olabilse ve hafif bir öğrenme eğrisi olsa da, Elementor, yeni web sitesi sahiplerinin ilk web sitelerini tasarlamalarına yardımcı olmak için basit olacak şekilde tasarlanmıştır, ancak geliştiricileri ve ajansları da çekecek kadar güçlüdür.

Yukarıda bahsedildiği gibi Elementor, sayfa ayarlarınızı kontrol edebileceğiniz ve gerektiğinde öğeler ekleyebileceğiniz bir kenar çubuğu kullanır. Bu, Elementor deneyimini basit ve anlaşılır hale getirir (aynı zamanda rakibe kıyasla biraz basit).

Frontend interface of Elementor with sidebar

Divi tel kafes görünümüne benzer şekilde, Elementor'da, satırlar ve sütunlar dahil olmak üzere sayfanın tüm öğelerinin gösterildiği bir açılır pencere olan bir Gezgin vardır.

Ama dürüst olmak gerekirse, bu iki şeyi karşılaştırmak zor. Divi'nin Tel Çerçeve görünümü çok daha gelişmiş ve kullanımı çok daha kolay .

⚡ Şuna da bakın: Beaver Builder ve Elementor

Divi ve Elementor: İçerik Modülleri, Widget'lar ve Öğeler

İçerik Modülleri (veya Widget'lar ve Öğeler), bir sayfa oluşturucudaki yapı taşlarıdır ve sayfa yapısını ve genel tasarımı tanımlamak için kullanılır.

Modülleri bölümler, sütunlar veya satırlar içinde herhangi bir yere sürükleyip bırakabilirsiniz.

Her modül, tasarımı ve yapıyı daha da özelleştirmek için ayrı ayarlara sahiptir.

Elementor Öğeleri ve Widget'ları

Elementor, ücretsiz sürümde 28 içerik öğesi ve Elementor Pro'da başka bir 50+ öğeye sahiptir.

Tüm öğeler üç ana kategoriye ayrılır:

  • Bölümler
  • sütunlar
  • ve Widget'lar
Elementor basic modules

Elementor'da bir içerik widget'ı eklemek için önce bir bölüm oluşturmanız gerekir ve ardından içeriği bölmek için bir satır ekleyebilir veya doğrudan sütunlara widget ekleyebilirsiniz.

Elementor'un WooCommerce widget kitaplığı, Divi'nin sunduğu sınırlı seçeneklere kıyasla daha büyüktür.

Elementor page builder Woocommerce elements

Genel olarak, Elementor'un Divi'ye göre hafif bir avantajı vardır, Elementor'da olduğu gibi , pro sürümünde daha fazla modül alırsınız , ancak sonuçta hangi modülleri kullanacağınıza bağlıdır.

Birçok üçüncü taraf geliştirici, Elementor için eklentiler de geliştirmiştir, bu nedenle Elementor'un ücretsiz veya pro sürümünde doğru widget'ı bulamazsanız, her zaman eklentilerle gidebilirsiniz.

Addons for the Elementor page builder

Bölme Modülleri

Elementor gibi Divi de aşağıdakilere bölünmüş 40'tan fazla içerik modülüne sahiptir:

  • Bölümler
  • satırlar
  • ve Modüller
Divi page builder modules

Bölüm, satırların ve modüllerin kapsayıcı görevi görür, satırlar modülleri böler ve modüller asıl içeriktir.

İçerik modülü eklemek için önce içinde bir satır bulunan bir bölüm ve ardından öğe oluşturmalısınız.

Insert content modules in divi page builder

Metin, resimler, galeriler, formlar, CTA'lar vb. gibi tüm temel web sitesi öğeleri Divi'ye dahildir, bu nedenle bunlar için herhangi bir ek eklenti kullanmanız gerekmez.

Divi vs Elementor: Tema Oluşturma

Tema Oluşturucu, bir temayla ilgili her şeyi doğrudan sayfa oluşturucunuzda düzenleyebileceğiniz nispeten yeni bir kavramdır.

Bu, bir temaya ihtiyacınız olmadığı anlamına gelmez - ancak WordPress temalarının çoğu sınırlı seçenekler sunduğundan tema işlevlerine güvenmek zorunda değilsiniz.

Böylece, WordPress sitenize bir tema yükledikten sonra, yalnızca sayfa oluşturucu eklentisini kullanarak web sitenizin tamamını baştan sona tasarlayabilirsiniz.

Elementor Tema Oluşturucu

Elementor görsel tema oluşturucu ile üstbilgiler, altbilgiler, tek gönderiler, gönderi arşivleri ve WooComemrce sayfaları dahil olmak üzere WordPress sitenizin tüm yönlerini tasarlayabilirsiniz.

Elementor vs Divi

Ayrıca sayfanın tasarım çerçevesini oluşturabilir ve ardından sayfa içeriğini otomatik olarak doldurmak için dinamik içeriği kullanabilirsiniz.

Dinamik içerik öğelerinden bazıları URL'ler, başlıklar, içerik, meta açıklama, tarih ve daha fazlasıdır!

Elementor theme builder and dynamic content

Web sitesinin farklı bölümlerinde belirli şablonları görüntülemek için koşullu yayınlama ayarları gibi özellikler de dahil edilmiştir.

Publishing settings of Elementor

Elementor tema oluşturucu ile web sitelerinin nasıl oluşturulacağına dair bir video :

Divi Tema Oluşturucu

Elementor, iki yıldan beri tema oluşturucu sunarken, Elegant Themes nispeten yakın zamanda tam özellikli bir Divi 4.0 tema oluşturucuyu piyasaya sürdü.

Yeni tema oluşturucu ile sitenizin yapısını istediğiniz şekilde özelleştirebilir ve üstbilgiler, altbilgiler, blog yazısı şablonları, ürün şablonları ve daha fazlası gibi WordPress temanızın herhangi bir bölümünü düzenleyebilirsiniz.

Divi theme builder settings

Web sitenizin herhangi bir bölümünü özel bir üstbilgi, altbilgi ve gövde düzeniyle özelleştirmek için tema oluşturucuyu kullanabilirsiniz.

Temayla ilgili her şey doğrudan sayfa oluşturucudan kontrol edildiğinden, alt temaları kullanmaya gerek yoktur.

Template settings of the Divi theme builder

Site genelinde renkleri, tipografiyi ve yapıyı tutarlı tutmak için, tüm sitenizin yapısını bir kerede özelleştirebileceğiniz Divi Global Varsayılanlarını kullanabilirsiniz:

Divi Global Defaults Editor, tüm web sitesi oluşturma sürecini çok verimli hale getirir.

Divi'nin yeni görsel tema oluşturucusu ile web sitelerinin nasıl oluşturulacağına dair başka bir video:

Divi vs Elementor: Önceden hazırlanmış şablonlar

İster ilk web sitenizi kurmak istiyor olun, ister deneyimli bir geliştirici olun, önceden oluşturulmuş şablonlar herkes içindir.

Bir sayfaya aktarmaları yalnızca bir dakika sürer ve anında tüm sayfa hazır olur.

O zaman tek yapmanız gereken içerikte veya stilde gerekli düzenlemeleri yapmak ve sayfayı yayınlamak için iyisiniz.

Bu nedenle şablonlar, web tasarım sürecini gerçekten kolay ve hızlı hale getirir.

Şimdi, sayfa oluşturucular tam olarak bu amaç için tasarlandıklarından, size bir başlangıç ​​yapmanız için güzel tasarlanmış yüzlerce şablon sunuyorlar.

Her iki sayfa oluşturucu da, ana sayfa, hakkında, iletişim, hizmet, fiyatlandırma, çok yakında ve açılış sayfaları gibi tüm web sitesi türlerini ve sayfalarını kapsayacak şekilde şablonlarını farklı kategorilere ayırdı.

Elementor, 150'den fazla profesyonel şablon ve şablon seti sunar, böylece tek tek şablon sayfalarını içe aktarabilir veya komple seti içe aktarabilir ve bir siteyi birkaç dakika içinde hazır hale getirebilirsiniz.

Professionally designed Elementor templates

Divi ayrıca Divi Builder'ın içinde oluşturulmuş 100'den fazla harika düzene sahiptir.

Web sitesine önceden hazırlanmış bir düzen ekleme süreci şöyle görünür:

Divi Hazır Düzenleri Kullanma
Web sitenize Divi Premade Layouts eklemek şöyle görünür

Yukarıdaki GIF'de kullanılan önceden hazırlanmış düzenin demo sürümünü kontrol edin.

Tüm Zarif Temalar şablonları profesyonel tasarım, orijinal fotoğraf ve çizimlerle birlikte gelir.

Divi Hazır Düzenler

Elegant Themes tarafından birinci sınıf tasarım

Düzenleri Gör

Ayrıca, Elegant Themes çalışanları kitaplıklarına düzenli olarak yeni düzenler ekler, böylece her zaman en yeni tasarımlara erişebilirsiniz.

Divi pre-made templates and full website packs

Ayrıca hem Elementor hem de Divi ile kendi tasarımlarınızı oluşturabilir, şablon olarak kaydedebilir ve ardından sitenizde yeniden kullanabilir veya başka bir sitede kullanmak üzere dışa aktarabilirsiniz.

Elementor vs Divi: Kod Kalitesi

Geliştirici topluluğundaki pek çok kişi, bu araçlardan bazılarının kod en iyi uygulamalarını takip etmediğine inanıldığından (ki bu şüpheli olabilir) sayfa oluşturucuların kullanılmasına şiddetle karşı çıkıyor.

Ancak, sayfa oluşturucuların çoğu ürettikleri daha iyi kod kalitesine odaklanmaya başladığından, bu artık modası geçmiş bir kavram gibi görünüyor. Yani, işler bu açıdan yavaş yavaş gelişiyor.

Sayfa oluşturucuları (Divi ve Elementor dahil) kullanan ve delicesine iyi performans gösteren çok sayıda başarılı WordPress web sitesi gördük.

Hepimizin aradığı genel performans ve deneyim değil mi?

Ancak, burada başka bir soru, sayfa oluşturucunuzu devre dışı bırakmak isterseniz ne olacağıdır (örneğin, oluşturucuları değiştirmeye karar verirseniz veya sayfa oluşturucunuzu kullanmayı tamamen bırakırsanız)? Bunu yaptıktan sonra elinizde hangi kod kalacak?

Tamam, işte bu durumda olan şey:

Elementor , devre dışı bırakıldıktan sonra bile temiz ve geçerli HTML kodunu tüm temel biçimlendirmeyle (başlık etiketleri, listeler, resimler vb.) bırakır.

Divi, kısa kod tabanlı bir yaklaşım kullanır, bu nedenle devre dışı bırakıldıktan sonra, kısa kodlarla dolu dağınık bir kod almanız olasıdır. Bu, Divi'nin yaygın olarak bilinen bir dezavantajıdır (evet, hiçbir araç mükemmel değildir).

Sonuç olarak, her şey sizin stratejinize ve vizyonunuza bağlı. Web sitenizle ne yapacaksınız? Bunu sık sık değiştirmeyi ve farklı araçları, oluşturucuları ve çözümleri test etmeyi düşünüyor musunuz? Yoksa tek bir çözüme bağlı kalmayı ve işinizin diğer yönlerine odaklanmayı mı tercih edersiniz?

Bunların hepsi durumunuza bağlı.

Kısacası:

  • Temiz bir koda ihtiyacınız varsa, Elementor en iyi seçenek gibi görünüyor
  • Kodu çok fazla umursamıyorsanız ve en uygun uzun vadeli çözüme ihtiyacınız varsa, seçiminiz Divi olabilir.

Genel performansa gelince, her iki sayfa oluşturucu da biraz şişkin, ancak genel olarak Elementor'un Divi'den biraz daha hızlı olduğuna inanılıyor.

Divi'nin siteleri yavaşlatma konusunda biraz itibarı var, ancak biz Divi kullanıcıları olarak hızla ilgili önemli bir sorun fark etmedik.

Evet, yukarıda belirtildiği gibi Divi büyük sayfalarda yavaş olabilir, ancak bu, sayfalarınız ziyaretçilere sunulduğunda değil, yalnızca onları düzenlediğinizde olur.

⚡ Şuna da bakın: Beaver Builder ve Elementor

Elementor vs Divi: Siteefy'den Performans Testi

Kod kalitesinden sonra, göz önünde bulundurulması gereken bir diğer önemli faktör de performanstır. Örneğin, bir sayfa oluşturucunun hız ve sayfa yükleme süreleri açısından nasıl performans göstereceği gibi - özellikle de Google'ın yeni Önemli Web Verileri güncellemesi gelecek yıldan itibaren bir sıralama sinyali olacaksa.

İpucu: Henüz bilmiyorsanız, Google, bir web sayfasındaki kullanıcı deneyiminin kalitesinin bütünsel bir resmini sağlamak için, Önemli Web Verilerini sayfa deneyimi için mevcut sinyallerle birleştiren yeni bir sıralama faktörünü resmi olarak tanıtıyor. Basitçe söylemek gerekirse, bir sayfanın ne kadar hızlı yüklendiği (diğer sayfa deneyimi sinyalleriyle birlikte), en son güncellemeye göre Google'ın sıralamasını doğrudan etkiler. Bu nedenle sayfa hızına odaklanmak özellikle önemlidir.

Şimdi teste dönelim…

İlk olarak, varsayılan Twenty Twenty temasının kurulu olduğu yeni bir WordPress kurulumunu test edeceğiz.

Ardından , Divi ve Elementor'un kurulu olduğu web sitelerini test edeceğiz ve son olarak , testi olabildiğince gerçekçi hale getirmek için Divi ve Elementor şablon kitaplıklarından (sırasıyla) içe aktarılan bir siteyle bir test yapacağız.

Yani toplam 3 test olacak:

  1. Yeni WordPress kurulumu
  2. Divi (Oluşturucu ve Tema) ve Elementor (Pro ve Merhaba Tema) Yüklendi
  3. Demo sayfaları ile Divi ve Elementor

Yeni bir WordPress kurulumunun ilk testi, bir sayfa oluşturucunun yüklendiğinde ve etkinleştirildiğinde bir web sitesini nasıl etkileyebileceği konusunda size bir fikir vermektir.

Testi gerçekleştirmek için Gtmetrix'i aşağıdaki kurulumla kullanacağız:

  • Tarayıcı: Chrome (Masaüstü)
  • Test yeri: Dallas (ABD)
  • İnternet hızı: Geniş Bant @20/5 Mbps

Hemen dalalım.

Test 1: Yeni WordPress Kurulumu

Bu, yüksek hızlarıyla bilinen Kinsta'da (Google Bulut Sunucuları) barındırılan yeni bir WordPress Kurulumuna sahip bir web sitesinin sonucudur.

Web sitesinin testimizde nasıl performans gösterdiği aşağıda açıklanmıştır:

Yükleme zamanı Sayfa boyutu İstekler
Yirmi yirmi 1.2 sn 274 KB 9

Gördüğünüz gibi, 1.2 saniyelik yükleme süresi ve 275 KB sayfa boyutu ile yeni bir WordPress kurulumu çok hızlıdır. Burada dikkat edilmesi gereken bir nokta, herhangi bir önbelleğe alma veya ekstra eklenti kullanmamamızdır, bu nedenle web sitesinde önbelleğe almayı uyguladığınızda bu sayılar çok daha iyi hale getirilebilir.

Test #2: Divi Builder ve Elementor Yüklendi

Bu bölümde, Divi Builder + Divi Theme ve Elementor Pro + Hello Theme ile web sitelerini test ediyoruz.

Not: Divi Builder'ı Divi Teması ile kullanıyoruz, çünkü bu kombinasyon sorunsuz bir şekilde çalışmak üzere tasarlanmıştır (ve çalışırlar) ve Elementor Pro ile Hello Theme aynı nedenle.

Divi ve Elementor yüklü (farklı zamanlarda) bir WordPress web sitesi hızını test ettiğimizde elde ettiğimiz sonuçlar:

Yükleme zamanı Sayfa boyutu İstekler
Böl 1.1 sn 396 KB 19
eleman 499 ms 22,2 KB 7

Beklendiği gibi, Hello temalı Elementor, Divi'ye kıyasla çok hafif ve kutudan çıktığı gibi hızlı .

Burada, Hello teması yüklü olan Elementor, varsayılan Twenty Twenty WordPress temasından (sayfa oluşturucu yüklü olmadan) bile daha hızlıdır, çünkü Hello teması, özellikle sayfa oluşturucularla (Elementor dahil ancak bununla sınırlı olmamak üzere) çalışmak üzere tasarlanmış boş bir temadır.

Öte yandan Divi, birçok özelleştirme seçeneği sunan özelliklerle dolu bir temadır, bu nedenle daha yüksek sayfa boyutuna yol açar .

Test #3: Demo Sayfaları ile Divi Builder ve Elementor

Son olarak, daha gerçek bir senaryo için demo içerikli iki sayfa oluşturucuyu test ediyoruz.

Testi olabildiğince adil kılmak için Divi ve Elementor şablon kitaplığının "iş" kategorisinden önceden oluşturulmuş benzer şablonlar kullandık.

Elementor vs Divi Performans Testi

İşte aldığımız test sonuçları:

Yükleme zamanı Sayfa boyutu İstekler
Böl 1,5 sn 1,43 MB 26
eleman 1.1 sn 628 KB 43

Gördüğünüz gibi, her ikisinin de sayfa yükleme süreleri neredeyse aynı , ancak Elementor daha küçük bir sayfa boyutuna sahipken Divi'nin daha az HTTP isteği var.

Divi'nin düşük HTTP isteklerinin nedeni, varsayılan olarak Elementor'da bulunmayan yerleşik komut dosyası optimizasyonunu kullanmasıdır. Bu nedenle, harici önbelleğe alma veya sıkıştırma eklentileri olmasa bile Divi, sayfayı oldukça iyi bir şekilde optimize eder .

Elementor vs Divi Builder: Performans Testi Sonuç

Genel olarak, Elementor, ikisini kutudan çıkma performanslarına göre karşılaştırdığınızda yalnızca Divi'den daha iyidir.

Ancak gerçek dünya testlerinde her iki sayfa oluşturucu da benzer yükleme süresi sonuçları verir . Sayfa boyutuna ve HTTP isteklerinin sayısına gelince, bunlar WP Rocket gibi bir önbellek eklentisi yardımıyla optimize edilebilir. Yerinde uygun şekilde önbelleğe alma, sayfa yükleme sürelerini, sayfa boyutunu ve istekleri %50'ye kadar kolayca azaltabilir.

Web sitenizde önbelleğe alma ve diğer WordPress hız optimizasyonlarını (GZIP sıkıştırma, görüntü sıkıştırma ve tarayıcı önbelleğe alma gibi) kullandığınız sürece, hem Divi hem de Elementor size inanılmaz performans sağlayacaktır .

Daha küçük sayfa boyutuyla Elementor biraz önde olabilir, ancak Divi, sağlam yerleşik optimizasyonlarıyla hala en iyi performansı verir.

Divi vs Elementor – Fiyatlandırma

Birçok kullanıcı için fiyatlandırma, satın almadan önce göz önünde bulundurulması gereken önemli bir faktördür, bu yüzden paranızın karşılığında ne alacağınıza bir göz atalım…

Elementor Fiyatı

Elementor'un ücretsiz bir sürümü mevcuttur ve Elementor Pro, bir site lisansı için yılda 49 ABD dolarından ve 1.000 siteye kadar yılda 999 ABD dolarından başlar. Elementor'da ömür boyu lisans seçeneği yoktur.

Elementor New Pricing Plans

Divi Visual Builder Fiyatlandırması

Divi fiyatlandırması, sınırsız web siteleri için tüm Elegant Themes ürünlerine (Divi dahil) ömür boyu erişim için yıllık 89 ABD Doları veya 249 ABD Doları sabit fiyatından başlar.

Elementor'dan farklı olarak Divi'nin ücretsiz bir sürümü yoktur. Premium bir üründür.

Pricing plans of Divi

Elementor Pro ile 50'den fazla widget, yüzlerce profesyonel şablon, Elementor Tema Oluşturucu ve Popup Maker elde edersiniz. Elementor bunu sizin için yapabileceğinden, form veya açılır pencere için herhangi bir bireysel eklenti kullanmak zorunda değilsiniz.

Elementor Free vs Pro version comparison

Elementor'un iyi yanı, Pro sürümüne geçmeden önce ücretsiz eklentiyi deneyebilmenizdir.

Divi ile ücretsiz bir seçenek olmasa da, tarayıcı demolarıyla ücretsiz olarak deneyebilirsiniz. Divi üyeliği, hepsi tek bir pakette güzel Bloom ve Monarch dahil olmak üzere tüm Zarif Temalar WordPress temalarına ve eklentilerine ücretsiz erişim sağlar.

Bu, e-posta katılım ve sosyal medya paylaşım eklentilerine fazladan para harcamanıza gerek olmayacağı anlamına gelir. Bu çok iyi bir anlaşma.

Hem Elementor hem de Divi , yeni satın alımlar için 30 günlük risksiz para iade garantisi sunar, bu nedenle ürünü beğenmezseniz paranızı geri alabilirsiniz.

Son Düşünceler — Elementor vs Divi

Peki, nihai karar nedir? Divi veya Elementor? Hangisi genel olarak daha iyi?

Pekala, bu karmaşık bir soru ve bunun doğrudan bir cevabı yok gibi görünüyor. Her iki ürün de pırıl pırıl.

Her ikisini de Siteefy'de kullanıyoruz ve her birinden memnunuz.

Divi ve Elementor ikisi de çok güçlüdür. Görsel sürükle ve bırak işlevine sahip sayfa oluşturucu eklentisi, optimize edilmiş WordPress teması, açılır pencere oluşturucu, bölünmüş test, özel CSS, satır içi düzenleme, düzen paketleri - her WordPress oluşturucu tonlarca kullanışlı özellik ile birlikte gelir.

Bu nedenle, temel olarak karar, kişisel tercihlerinize veya sayfa oluşturuculardan herhangi biri tarafından sunulan herhangi bir özel kullanım durumunuza bağlıdır.

Yapabileceğiniz şey, herhangi bir karar vermeden önce Elementor ve Divi tarayıcı demosunun ücretsiz sürümünü denemek. Bu, bu araçların nasıl çalıştığını ve hangisinin ihtiyaçlarınıza daha uygun olduğunu daha iyi anlamanıza yardımcı olacaktır.

Her durumda, hem Divi hem de Elementor 30 günlük para iade garantisi sunar. Bu nedenle, herhangi bir sorun olması durumunda, bu 30 günlük boşluk içinde her zaman geri ödeme talebinde bulunabilirsiniz. Bu nedenle, herhangi bir risk söz konusu değildir ve dürüst olmak gerekirse, her iki ürünle de yanlış yapamazsınız.


🎨 Nihai Elementor incelemesine buradan göz atın ➡️


🔔 Ayrıca Kontrol Edin:

  • Divi İnceleme
  • Beaver Builder vs Elementor
  • Brizy vs Elementor
  • Elementor ve Görsel Besteci
  • Gutenberg vs Elementor
  • Oksijen ve Elementor
  • SiteOrigin Vs Elementor
  • Thrive Architect vs Elementor
  • Görsel Besteci vs Divi
  • Divi vs Avada
  • Kunduz Oluşturucu vs Divi
  • Divi, Wix'e karşı
  • Divi vs Themify
  • Divi vs Thrive Architect
  • Divi vs Genesis