Hız Karşılaştırması: Son Derece Hızlı Divi 5 Visual Builder'ı Keşfetmek

Web tasarımcıları ve geliştiricileri olarak performansın her şey olduğunu biliyoruz. Yavaş bir sayfa oluşturucunun değişiklikleri yüklemesini veya oluşturmasını beklemek, yaratıcı akışı kesintiye uğratabilir ve üretkenliği azaltabilir. Bu nedenle Divi 5'in ana hedeflerinden biri Visual Builder'ın hızında ve performansında devrim yaratmaktır. Divi'nin temel yapısını derinlemesine inceledik ve son derece hızlı, daha duyarlı bir geliştirici oluşturmak için onu sıfırdan yeniden inşa ettik.

Bu yazıda, Divi 5'i önceki sürümlerden daha hızlı hale getiren Visual Builder'daki performans iyileştirmelerini ele alacağım. Divi 5 Visual Builder ile ilgili her şey hız için optimize edildi.

Şimdi bunun web tasarım iş akışınızı nasıl etkileyeceğini ve neden bir daha yavaş sayfa oluşturuculara dönmek istemeyeceğinizi keşfedelim.

Her Şeyi Yeniden Yazmak: Divi 5'i Farklı Kılan Nedir?

Divi 5, artımlı bir güncellemeden çok daha fazlasıdır. Performans, kararlılık ve ölçeklenebilirlik odaklı olarak yeniden tasarlanan Divi'nin temel teknolojilerinin tamamen yeniden yazılmasıdır. Bu temel değişim, Visual Builder'ın özünde nasıl çalıştığını yeniden düşünmemizi sağlayarak onu önemli ölçüde daha hızlı ve daha güçlü hale getirdi.

Divi 4 zaten milyonlarca web sitesinde güçlü bir araç olmasına rağmen mimarisi on yıldan daha eskiydi. Onu geliştiriyor ve sınırlarını zorluyorduk ama sonunda yeni bir temel oluşturmanın zamanı geldi.

Teknik borç, özellikle karmaşık düzenlerle çalışırken daha yavaş yükleme sürelerine, yeniden oluşturma gecikmelerine ve zaman zaman istikrarsızlığa yol açtı. Bu sorunu çözmek için Divi 5 ekibi tüm çerçeveyi temiz bir sayfayla yeniden oluşturdu ve performans ve gelecekteki ölçeklenebilirlik için optimize etti. Sonuçlar ortada: Divi 5'teki her şey, oluşturucuyu yüklemekten düzenleme yapmaya ve değişikliklerin önizlemesine kadar daha hızlı gerçekleşir.

Divi 5 Alpha'yı İndirin Divi 5 Demoyu Deneyin Divi 5 Hata Raporu

1. Geliştirilmiş Görsel Oluşturucu Yeniden Oluşturma Hızları

Tüm gün bir aletle çalıştığınızda hız önemlidir. En ufak bir gecikme bile zamanla ağırlaşır. Divi'nin önceki sürümlerinde tasarımcılar bazen yeni öğeler eklerken veya stilleri ayarlarken Visual Builder'ın yanıt vermesi için bir saniye kadar beklemek zorunda kalıyordu. Bu, özellikle uzun belgeler (modüllerle dolu düzinelerce bölüm ve özel stiller) üzerinde çalışırken fark ediliyordu.

D4'te (solda) stil titremesine dikkat edin; burada düğmenin kopyalanan bölümdeki stilleri tam olarak uygulaması milisaniyeler alır. Bu, bölümü kopyalamak için D5'ten (sağda) daha yavaş olmasının da ötesindedir.

Divi 5 ile yeniden oluşturma hızları önemli ölçüde iyileştirildi ve gecikme olmadan çalışmanıza olanak tanındı. Visual Builder, yeni bir modül eklediğinizde, görünüm modlarını değiştirdiğinizde veya stilleri ayarladığınızda anında yanıt verir. Bu düzeyde yanıt verme yeteneği, özellikle çok fazla ince ayar gerektiren karmaşık tasarımlar üzerinde çalışırken büyük bir fark yaratır.

Peki inşaatçıyı bu kadar hızlı hale getirecek tam olarak ne değişti?

Daha Hızlı Yeniden Oluşturmanın Arkasındaki Teknoloji

Bu düzeyde bir gelişme elde etmenin tek yolu sıfırdan başlamaktı. Divi'yi geliştirirken son on yılda öğrendiğimiz her şeyi aldık ve modern teknolojiyi kullanarak yıllar süren teknik borcu ortadan kaldıran yeni bir uygulama oluşturduk. Farklı etkileşimleri denetlemek ve darboğazları belirlemek için zaman harcadık. Hala bunu yapıyoruz ve Divi 5 her güncellemeyle daha da hızlanıyor.

Kısa kodlardan uzaklaşmak, karmaşık tasarımlarda geçişin daha verimli olmasına da yardımcı oldu. Yarınki yazımızda kısa kod çerçevesinin neden kaldırılması gerektiğini ve Divi 5'in nasıl çalıştığını tartışacağız.

Aşağıdaki karşılaştırma videosunda farkı görebiliyor musunuz? Divi 5'teki bir başka büyük gelişmeyi vurguluyor: ön ayarları düzenlerken geliştirilmiş performans! Divi 5'te ön ayarlar sınıfa dayalıdır. Tüm ön ayarlı öğeler aynı sınıfı paylaştığından, oluşturucuda daha az yeniden işleme gerekir ve ön uçta daha az CSS gerekir.

2. Daha Hızlı Yükleme Süreleri (okuyun: Artık Çift Yeniden Yükleme Yok)

Divi'nin eski sürümlerindeki önemli bir sorun, Visual Builder'ı başlatırken üçüncü taraf modüllerin ve eklentilerin yanlışlıkla Visual Builder'ın önbelleğine dinamik veriler enjekte etmesiyle meydana gelen çift yeniden yüklemeydi. Bu hata o kadar yaygındı ki, çift yeniden yükleme sık karşılaşılan bir sorun haline geldi.

Divi 5, önbelleğe almaya ihtiyaç duymayacak kadar hızlı bir şekilde kutudan çıktığında bu sorunu "düzeltiyor"! Hiçbir şeyi önbelleğe almadığımız için, önbelleğin geçersiz hale gelme olasılığı yoktur ve bir daha asla çift yeniden yükleme deneyimi yaşamayacaksınız.

Yükleme süreleri genel olarak iyileştirildi. Divi 4 ile karşılaştırıldığında Divi 5'in ne kadar hızlı yüklendiğine bir bakın. Testimde o kadar hızlı yüklendi ki, yeni ön yükleme animasyonumuzu görme şansınız bile olmadı.

Bu gelişme özellikle daha büyük projeler üzerinde çalışan tasarımcılar için fark edilir. Önceden, Visual Builder'da büyük bir projenin açılmasının tamamen yüklenmesi birkaç saniye sürüyordu.

3. Tüm Arayüz Animasyonlarını Kaldırdık

Divi 5'in yeni arayüzündeki (modern yeniden tasarımının ötesinde) en dikkate değer değişikliklerden biri, tüm animasyonların kaldırılmasıdır.

Önceki sürümlerde animasyonlar, oluşturucuyla etkileşimde bulunulduğunda (örneğin, yeni modüller eklenirken veya görünüm modları değiştirilirken) görsel geri bildirim sağlıyordu. Bu animasyonlar belli bir düzeyde eğlence katarken aynı zamanda özellikle yavaş sistemlerde tasarım sürecinde hafif gecikmelere de neden oldu.

Divi 5'in tasarım felsefesi farklıdır. Arayüz size hizmet etmek için var, başka bir şey değil. Minimum düzeydedir. Yolunuza çıkmaz. Tasarımınızla rekabet etmez. Havalı görünmek umrunda değil. UI/UX'in temelinde hız ve verimlilik yatmaktadır.

Divi 4'ün kullandığı tüm bu ince animasyonları (karartma, kaydırma ve benzeri) fark ettiniz mi? Bunlar gereksiz yere kullanıcı arayüzünün daha yavaş ve daha az duyarlı olmasına neden olur. Divi 5'te stilden ziyade hız yaklaşımını benimsedik. Oluşturucuyu hızlandırmak ve daha duyarlı hale getirmek için bu animasyonları kaldırdık. Artık odak noktası tamamen işlevsellik olup, oluşturucuda gerçekleştirdiğiniz her eylemin mümkün olduğu kadar hızlı gerçekleşmesini sağlar.

Divi 5 Buradan Nereye Gidiyor?

Public Alpha resmi olarak başlatıldı. Öncelikle, son aylarda Divi 5'in Public Alpha'sını kullanıma sunmak için özenle çalıştığımız sırada gösterdiğiniz sabır için size teşekkür etmek isteriz. Bu küçük bir iş değildi ve işimiz daha yeni başlıyor.

Nick'in Perşembe günü tartıştığı gibi, biriktirme listemizdeki bilinen hataları ve sizin, topluluğun şu anda bulduğu birçok hatayı düzeltmek için yaklaşık bir ay harcayacağız. Divi 5'in Genel Alfası büyük ölçüde bir Alfa, ancak onu üretime hazır duruma getirmek için yorulmadan çalışıyoruz. Divi 5'e yerel ve hazırlık sitelerinizde bir deneme yaparak, bulabileceğiniz tüm hataları bularak ve bunları destek ekibimize bildirerek yardımcı olabilirsiniz. Her bir hatayı bulmanın önceliğini belirleyeceğiz ve ortaya çıktıkça en acil olanlar üzerinde çalışacağız.

Divi 5 Alpha Raporunu İndirin Divi 5 Hatası

Test edebileceğiniz bir aşamalandırma veya yerel siteniz yoksa Divi 5'in Demo sürümüyle ayaklarınızı ıslatabilirsiniz. Bu, yeni oluşturucu yeniden tasarımına ve düzenine alışmanın harika bir yoludur. Oldukça büyük bir değişiklik ama çok ihtiyaç duyulan bir değişiklik.

Divi 5 Demosunu Deneyin

Divi'nin Geleceği Hızlı

Divi 5, hız ve performans açısından önemli bir ilerlemeyi temsil ediyor. Divi, son derece hızlı yeniden oluşturma, daha hızlı yükleme süreleri ve stilden ziyade kullanışlılığa öncelik veren yeniden tasarlanmış bir oluşturucuyla artık daha güçlü ve duyarlı. İster tek başına bir web tasarımcısı olun ister daha büyük bir geliştirme ekibinin parçası olun, bu iyileştirmeler iş akışınızı daha hızlı, daha sorunsuz ve daha verimli hale getirecek.

Divi 4 kullanıyorsanız, Divi 5'in ne kadar hızlı hissettiğine hayran kalacaksınız. En iyi kısım? Bu sadece başlangıç. Divi 5 çerçevesini optimize edip genişlettikçe inşaatçı daha hızlı ve daha güçlü hale gelecektir. Divi ile web tasarımının geleceği çok hızlı ilerliyor ve biz daha yeni başlıyoruz.

Önümüzdeki günlerde Divi 5'in kısa kodlardan uzaklaşmasının, site geçiş sistemini derinlemesine incelemesinin ve geliştiricilerle ilgili bir avantaj sağlamasının ne anlama geldiği hakkında konuşacağız. Bu güncellemeleri ve daha fazlasını yakalamak için takip etmeyi ve abone olmayı unutmayın.