Elementor vs Gutenberg – Fighting 2021: Hangi sayfa üreticisi daha iyi?
WordPress’in sayfa yapımcısı olmadan çalıştığı anları bile hatırlayabilir miyiz? Zaman geçti, teknolojik ilerleme ve çok sınırlı yeteneklere sahip WordPress, WordPress temasının işlevselliği sayesinde, özellikle de sayfa yapımcıları gibi WordPress eklentileri sayesinde sadece bulanık bir bellek haline geliyor. Bu yazıda OceanWP – Elementor ve Gutenberg kullanıcıları arasındaki en popüler iki sayfa üreticisini tartışacağız. Burada sağlayacağımız bilgiler kişisel görüşlerimize ve deneyimlerimize değil, aynı zamanda her gün aldığımız OceanWP kullanıcılarına da dayanmaktadır.
Bırak hesap başlar! Elementor nedir? 5 ve 5+ milyon aktif kurulumdan ortalama 4,7 puan alarak, Elementor WordPress kullanıcıları arasında en popüler sayfa üreticisidir. Elementor ilk olarak 2016 yılında tanıtıldı ve liderliği çok hızlı bir şekilde devraldı. Neredeyse anında popülaritesinin nedeni, görsel sürükle ve damla oluşturucu Elementor ile sıradan WordPress metin düzenleyicisi (Gutenberg öncesi ERA) arasındaki farktır.
Ve bazı yeni WordPress web sitesi şablonları mı arıyorsanız? En son Hubspot koleksiyonumuza bakın. Elementor vs Gutenberg’in karşılaştırılmasında, yalnızca Free Elementor özelliğini tartışacağız. Gutenberg nedir? Block editörü olarak da bilinen Gutenberg, varsayılan WordPress sayfası düzenleyicisi / yazısıdır. BEBO 5.0’ın WordPress sürümü ile 2018’de ilk kez tanıtıldı. WordPress ekibi, daha sofistike ve sezgisel bir varsayılan editör için topluluğun ihtiyaçlarını ve web siteleri yapma eğilimlerini anlıyor. Gutenberg editörü böyle görünüyor ve selefi-klasik editörünün yerini alıyor. Gutenberg editörünü tahmin etmek Gutenberg en iyi şekilde geliştirilmese ve önümüzdeki yıllarda zirvesi bekleniyor olsa da, WordPress ekibi vaat ettiklerini sunuyor, ancak harika görsel editör sayfa yapıcı. Ve bazı WordPress Gutenberg web sitesi şablonları arıyorsanız, Gutenberg kullanarak en son WooCommerce şablon koleksiyonumuza bakın. Elementor vs Gutenberg: Elementor vs Gutenberg karşılaştırması: Her iki aracı da kullanmayı seven her WordPress kullanıcısının kullanım kolaylığı da size onaylayabileceğimiz bir şey söyleyecektir – Elementor kullanım kolaylığının bir karşılaştırmasını kazanır. Olağanüstü esnekliği ve hareketliliği sayesinde Elementor gerçekten gelişmiş bir görüntü düzenleme cihazına benziyor. Sadece ihtiyacınız olan widget’ı seçin ve içeriğin herhangi bir yerine yerleştirin – hepsi bu. Bir rol yapmanız mı gerekiyor? Veya farklı sayıda sütuna sahip parça? Farklı cihazlar için farklı tasarımlar veya resimler mi seçiyorsunuz? Ayrıca sorun değil. Elementor, tüm içeriği mükemmel olarak ayarlamanıza izin verir. Web sitesi tasarımcılarının sevdiği çeşitli animasyonlardan bahsetmiyorum bile (hız göstergesi olmasa da). Öte yandan, Gutenberg temiz ve basit bir sayfa yapımcısıdır. Elementor’dan farklı olarak, Gutenberg çok tercih edilen (en azından değil) sürükleme ve bırak özellikleri sunmuyor. Blokları kolayca ekleyip hareket ettirebilmenize rağmen, işler element kadar basit değildir. Buna ek olarak, ışın düzenlemek, özellikle Elementor tarafından sağlanan lüks ortama alışkın olanlar için biraz zor olabilir. Gutenberg, 3 yıldır varsayılan bir WordPress editörü haline geldi, ancak hala denemek konusunda isteksiz insanlar var. Bu tür kullanıcılar herhangi bir sayfa üreticisini sevmezler – klasik WordPress editörlerini (içerik) diğerlerinden daha tercih ederler. Hepimiz alışılmış yaratıklar olduğumuz için, Gutenberg’i sezgisel ve kullanımı zor olarak işaretlemek için nesnel değiliz. Ancak, size bir şey söyleyebiliriz – Gutenberg ile bir yazı yaptıktan ve ilk öğrenme eğrisinin üstesinden geldikten sonra, onu kullanmaya devam edeceksiniz.
Elementor vs Gutenberg, hangisini seçecek? Cevap her zaman OceanWP’dir, çünkü her iki PS’yi de kullanıyoruz, Gutenberg bloklarından biri de klasik bir blok, bu nedenle Elementor’un kullanım kolaylığı ve Gutenberg Elementor’u sofistike widget’lar sunan eski okul özelliklerini kullanmak için ek eklentiler kullanmak için hiçbir neden yok. Gutenberg’den daha kolay kullanımı kolaylaştıran cihazları düzenleme, ancak duyarlı bir web sitesi sayfalarının görünmesi gerektiğinden sonra ona meydan okumakla aynı olabilir. Gutenberg, kolayca üstesinden gelebileceğiniz kendi öğrenme eğrisi ile birlikte gelir. Gutenberg’in nasıl çalıştığını anlamak, Elementor vs Gutenberg: Elementor özelliklerinin widget’ları var, Gutenberg’in bir bloğu var – bu kadar basit. Bununla birlikte, widget terimi, kombine öğeleri kullanan özelliklere atıfta bulunurken WordPress’te uzun zamandır kullanılmıştır. Örneğin, başlıklı görüntüler, farklı sorgu seçeneklerine sahip blog yayınlarının bir listesi vb. Element widget, gruplandırılmış seçenekler ve bazı sorgular ve stil ayarları ile özellikler sağlayarak benzer şekilde işlev görür. Doğal olarak, Elementor Widget WordPress Widget’tan (Ekran> Widget) daha fazla seçenek ve kullanım sunar.
Gutenberg Elementor ile Güney Kore referans denizi element widget’ı düzenlemek, paragraf blokları, görüntüler, videolar vb. Gibi çok temel bir blokla başlar. Blok da bir stil seçeneği sunsa da, bu özellik Elementor kadar zengin veya kadar değildir. Bununla birlikte, adil olabilmek için, kullanıcı dostu ayarlar açısından, Elementor açıkça yönlendirir – sadece Gutenberg ile karşılaştırıldığında değil, aynı zamanda mevcut tüm sayfa üreticilerine kıyasla. Öte yandan, “Çok Basit Bloklar Sorunu”, daha fazla kullanıcı özellikine ve seçeneklerine sahip çok işlevsel bir blok sunan bazı ek Gutenberg eklentileri ile kolayca çözülebilir. En son ürünlerimizi keşfetme fırsatı – Ocean Gutenberg Block? Müşteri iseniz, bu eklenti indirilip kullanılacak gösterge tablosunda kullanılabilir. Profesyonel olmayı düşünüyorsanız, en son teklifimizi kontrol edin. Elementor vs Gutenberg Elementor özelliklerinin özeti widget’ları kullanarak Gutenberg bloklar kullanır. Free Elementor sürümü, her web sitesi tasarımcısı tarafından fantastik web siteleri oluşturmak için kullanılabilecek birçok gelişmiş widget ile birlikte gelir. Daha sofistike bir blok elde etmek için Gutenberg için Ocean Gutenberg bloğu gibi ek eklentiler gereklidir.
Elementor vs Gutenberg: Performansınız, “sayfalar” yerine “performans” terimini kasten kullandığımızı fark edebilir. Nedeni basit ve açıktır – çoğu çevrimiçi araç, web sitesinin hızını yansıtmayan web siteleri puanlarını ölçer. Ayrıca, web sitesinin hızına bağlı çok fazla faktör vardır. Bir web sitesinin performansının başarısı, yalnızca çalıştırdığınız temaya veya eklentiye bağlı değildir. Bahsetmemek gerekirse, web sitesi sahipleri genellikle bu aracın tüm web sitelerinin durumunu yansıtmadığını unutur – yalnızca sayfa test edilen URL’ye belirlenir. Kısacası, tüm web sayfalarına veranda ile aynı şekilde dikkat edin. Ancak, temaların ve eklentilerin kalitesi, web sitesinin genel performansı üzerinde büyük bir etkiye sahip olabilir. Ve sayfa üreticisi de öyle. WordPress Ayarlarının Karşılaştırılması Başlamadan önce, bir WordPress şablonunu nasıl oluşturduğumuza biraz giriş yapmak istiyoruz. Bu şekilde, Elementor vs Gutenberg oranının sonuçları tam olarak anlaşılabilir. WordPress şablonları web sitesi içeriğine (sayfalar, blog yayınları, önceden oluşturulmuş ve stiller) örneklerdir. Bu şablon geliştirme sürecini hızlandırmaya veya ilham vermeye hizmet eder. Okyanus web sitesi şablonu açısından, Elementor sayfası üreticisi kullanıldığında, yalnızca ana sayfada (ev, iletişim, yaklaşık vb.) Kullanılır. Blog yayınları, mağazalar, ürün sayfaları, arşiv sayfaları gibi diğer tüm sayfalar OceanWP teması tarafından yönetilen varsayılan WordPress sayfasıdır. Bu küçük deney için, WordPress web sitesi şablonumuzdan ikisini kullanıyoruz: Gündem ve Gutenberg Gündemi. Elementor ile WordPress Gündemi
Gutenberg ile WordPress Gündem Şablonu ilk görünümlü ve sadece resmi görür, ikisi arasında ayrım yapabilir ve hangisinin Elementor kullanılarak inşa edildiğini ve Gutenberg’i kim kullandığını tahmin edebilir misiniz?İki web sitesi aynı sunucuda bulunur ve aynı yapılandırmaya sahiptir: Yazılım: Apache/2.4.51 (UNIX) Mysql: (ubuntu) v5.7.36
PHP: 7.4.24 WordPress: 5.8.1 WordPress Bellek Sınırı (PHP): 256m
WordPress Tema: Oceanwp (yanıp sönen yanıp sönüyor)
Her iki web sitesi de aynı WordPress eklentilerinin çoğuna sahiptir:
Ekstra deniz
Deniz ürünlerini paylaşmak
Sosyal Deniz Paylaşımı
Woocommerce
Woocommerce TIR dilek listesi
Wpforms lite
Yapışkan deniz gölgelik
WP roket (WordPress şablonlarında kullanılmaz).
WordPress Şablon Gündemi:
element
Deniz Elemanı Widget
WordPress Gutenberg Şablon Gündemi:
Okyanus Gutenberg Bloğu
Gördüğünüz gibi, Gutenberg sürümü çalıştırmak için ek eklentiler gerektirmez. İhtiyacınız olan tek şey varsayılan WordPress bloğu – Gutenberg’in editörüdür. Elementor vs Gutenberg: Google Page Hızlı Metnin bazı bölümlerini kaçıran ve doğrudan buraya gelen herkes için – Google sayfası hız bilgilerinin web sitesinin hızını ölçmediğini vurgulamak önemlidir. Bunun yerine, web sitesini çeşitli faktörleri göz önünde bulundurarak değerlendirir. Dahası, skorun sadece sahte pozitif (düşük puanlar değil, web sitesi hızlı ve tam tersi), aynı zamanda gerçek resmi tanımlamadığını kabul etmek de önemlidir. Hücresel PSI (Sayfa Hızı Insights) puanları açısından Google, bir cep telefonu kullanarak web sitenizi keşfeden gerçek kullanıcılardan bilgi toplar. Bu, gerçek durumun zaman zaman görüleceği anlamına gelir – anında değil. Bu aynı zamanda puanınızı kontrol etmemenizi ve WordPress’i yüklediğinizde veya sayfalar oluşturduğunuzda bunu yapmaya çalışmanızı tavsiye ettiğimiz anlamına gelir – bilgiler yanlıştır. Veri toplamanın web sitesi performansı ve veri işleme üzerinde nasıl çalıştığını tam olarak anlamak için bu cevabı Google çalışanlarından kontrol etmelisiniz. Kaynaktan doğrudan cevap almaktan daha iyi bir şey yoktur. Bununla birlikte, puanın kullanıcılar için önemli olduğunu anlıyoruz. İşte bu yüzden sonuçları sizinle paylaşıyoruz.
Hücresel PSI skorları durumunda, Elementor ve Gutenberg yarışında kazanan Gutenberg. Tüm veriler arasındaki fark oldukça açıktır ve Gutenberg’i destekler. En şaşırtıcı sonuç, toplam engelleme süresi (TBT) arasındaki farktır. Elementor tarafından yapılan sayfalar söz konusu olduğunda, TBT 310 MD, Gutenberg tarafından yapılan sayfadaki TBT sadece 50 MD’dir. Varsayılan ayarları çalıştırmak yerine WP roketini doğru bir şekilde yüklemeden ve ayarlamadan önce web sitesindeki görüntüleri gerçekten optimize edersek sonuçların ne olacağını hayal edebiliyor musunuz? Bizim gibi olmayın – resminizi optimize edin ve web siteniz için en uygun önbellek ayarları bulun. Elementor ve Gutenberg masaüstüyle karşılaştırıldığında, sonuçlar Gutenberg’i biraz desteklese de fark çok sert değildir. En azından Psi’ye göre değil. Bu yüzden kullanıcılarımıza sık sık önerdiğimiz diğer araçlara yöneliyoruz – GTMetrix. Elementor vs Gutenberg: GTMetrix’in karşılaştırılması
GTMetrix, WordPress gündem şablonumuzun iki versiyonundan memnun görünüyor – Elementor ve Gutenberg. Bununla birlikte, etkileşimli ve etkileşimli zaman arasındaki zaman arasındaki büyük farkı göz ardı edemeyiz – her ikisi de Gutenberg’i destekleyen metriklerdir. Etkileşimli zaman: Elementor vs Gutenberg: 912ms vs 408ms. Etkileşimli Time Dom: Elementor vs Gutenberg: 714ms vs 405ms.
Elementor ile Gutenberg yapısının karşılaştırılması söz konusu olduğunda, GTMetrix bir kez daha bize yeşil taramalar gösterir. Ama hemen dikkatimizi çeken bir şey var – Dom büyüklüğü. Sonuçlar bir kez daha Gutenberg’i destekliyor. Aşırı DOM boyutundan kaçının: Elementor vs Gutenberg: 1251 Element vs 929 element. Gutenberg hayranı olsun ya da olmasın, 300’den fazla öğenin neredeyse aynı içeriğe sahip sayfa için daha az olduğunu itiraf etmelisiniz. Bahsetmemek gerekirse, bu aynı zamanda hazır bir zafer. Genel olarak, grafikler konuştu. Performans ve yapı puanları tam olarak aynı olsa da, iki web sitesinin GTMetrix Sınıf A,% 100 performans puanları ve% 98 yapısal puanlar kazandığı – Gutenberg’i destekleyen büyük bir iseniz sizin için önemli olabilecek birçok istatistik var. Optimizasyon ve performans hayranları.
GTMetrix tarafından görülen her şey açık. Elementor vs Gutenberg’in performansının yan yana karşılaştırılması söz konusu olduğunda – Gutenberg mutlak bir kazanan. Ama bir dakika bekle. Bu, elementin kötü olduğu ve kullanılmaması gerektiği anlamına mı geliyor?
Hayır, çünkü gurur duyabilecek tatmin edici değerlere ulaşmak da Elementor ile yapılabilir. Sonuçlar sadece Gutenberg’in anında performans, ücretsiz ve avangard performans verdiğini gösterirken, Elementor’a geldiğinizde akıllı ve sorumlu bir web tasarımcısı olmalısınız. Elementor vs Gutenberg Performans Özeti Hız/skor için optimize edilmiş Web Sitesi Şablonumuzun hiçbiri ve her ikisinde de varsayılan Rocket WP önbellekleme ayarlarını kullanıyoruz. Gutenberg, daha fazla kullanıma hazır performans kazançları sunar ve bazı metrik farklılıklar Elementor’a kıyasla oldukça serttir, özellikle toplam engelleme süresi, DOM boyutu, etkileşimli zaman ve etkileşimli zaman DOM metrikleri. En iyi web sitelerini yapma ve doğru araçları kullanma uygulamasını takip eden gelişmiş optimizasyon becerilerine sahip deneyimli web sitesi tasarımcıları, Elementor’u kullanarak en iyi hızı veya puanı elde etmede sorun yaşamayacaktır. Gutenberg tarafından desteklenen web sitesi ayrıca, çeşitli ek Elementor eklentileri ile birlikte Elementor web sitesine kıyasla sorunsuz çalışması için daha az kaynak, özellikle de WordPress bellek sınırı gerektirir. Elementor vs Gutenberg:
Elementor vs Gutenberg’in faydalarının karşılaştırılmasıyla ilgili faydalar, karar vermek zordur. Her sayfa üreticisinin kendi zaferi ve kullanım nedenleri vardır. Aynı şekilde, her sayfa üreticisinin eksiklikleri vardır. Hem artıları hem de eksileri öznel olabilir. Tabii ki, sürükle ve bırak özelliği nedeniyle hepimiz Elementor’u seviyoruz, ancak Gutenberg kullanmak da çok zor değil. Elementlerin yanıt verebilirliğinin düzenlenmesi ve parçaları veya elemanları cihazlara veya kuvvet öğelerine göre tamamen cihaza dayalı olarak gizleme yeteneği, beğenmenin ek nedenlerinden biridir. Şimdi, yeni başlayanları bir web sitesi oluşturmanın genellikle çeşitli bloglarda okuduklarından daha fazla çaba gerektirdiğini fark ettiklerinde yeni başlayanlar umutsuz ve bunalmış hissettirebilecek aynı özelliktir. Kullanımı kolay olan ve yaratıcılığı serbest bırakan kullanım açısından elementleri seçiyoruz. Ancak, kullanıcılarımız bize Elementor’a alternatifler sorduğunda, değişim ihtiyacının ana nedeni olarak istikrardan bahsediyorlar. Açık olmak gerekirse, Facebook gibi şirketlerde bile hatalar ve hatalar meydana gelir. Ve web sitesinin sahibi ve geliştiricisi tarafından yapılan hazırlık ne olursa olsun, sorumlu ve en iyi uygulamayı takip etmek rahatsızlıktan kaçınmak için bir zorunluluktur. Evet, sahneleme alanında yedekleme veya yeni güncellemeleri test etmekten bahsediyoruz. Gerçekten de, bu uygulamayı takip eden deneyimli kullanıcılar bile, yenilikler ve genellikle bu aracı birkaç süre boyunca kullanma olasılığı olmayan unsurlardaki değişiklikler nedeniyle biraz kin depolar.
