Divi ve Elementor: WordPress Sayfa Oluşturucu Karşılaştırması
Yayınlanan: 2020-05-22WordPress 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.
- Elementor ve Divi'ye Genel Bakış
- Divi ve Elementor: Sayfa Oluşturucu Karşılaştırma Tablosu
- Divi ve Elementor: Ön Uç Arayüzü
- Elementor Vitrini
- Divi vs Elementor: Kullanım Kolaylığı
- Divi ve Elementor: İçerik Modülleri, Widget'lar ve Öğeler
- Divi vs Elementor: Tema Oluşturma
- Divi vs Elementor: Önceden hazırlanmış şablonlar
- Elementor vs Divi: Kod Kalitesi
- Elementor vs Divi: Siteefy'den Performans Testi
- Divi vs Elementor – Fiyatlandırma
- 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.

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
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 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.

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:

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
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 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 Builder'ın çalışırken nasıl göründüğü:

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 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
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.

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.

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).

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'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.

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.

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

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.

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.

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!

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.

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.

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.

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.

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:

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
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.

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:
- Yeni WordPress kurulumu
- Divi (Oluşturucu ve Tema) ve Elementor (Pro ve Merhaba Tema) Yüklendi
- 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.

İş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.

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.

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'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