Perbandingan Kecepatan: Menjelajahi Pembuat Visual Divi 5 yang Sangat Cepat

Sebagai desainer dan pengembang web, kami tahu bahwa kinerja adalah segalanya. Menunggu pembuat halaman yang lambat memuat atau merender perubahan dapat mengganggu aliran materi iklan dan mematikan produktivitas. Itu sebabnya salah satu tujuan utama Divi 5 adalah merevolusi kecepatan dan kinerja Visual Builder. Kami telah mendalami struktur inti Divi dan membangunnya kembali dari awal untuk menciptakan pembuat yang sangat cepat dan lebih responsif.

Dalam posting ini, saya akan membahas peningkatan kinerja dalam Visual Builder yang membuat Divi 5 lebih cepat dari versi sebelumnya. Segala sesuatu tentang Divi 5 Visual Builder telah dioptimalkan untuk kecepatan.

Sekarang, mari kita jelajahi bagaimana hal ini akan berdampak pada alur kerja desain web Anda dan mengapa Anda tidak ingin kembali ke pembuat halaman yang lebih lambat lagi.

Menulis Ulang Segalanya: Apa yang Membuat Divi 5 Berbeda?

Divi 5 lebih dari sekadar pembaruan tambahan. Ini adalah penulisan ulang lengkap teknologi inti Divi, yang dirancang ulang dengan fokus pada kinerja, stabilitas, dan skalabilitas. Pergeseran mendasar ini membuat kami memikirkan kembali cara kerja Visual Builder pada intinya, menjadikannya jauh lebih cepat dan lebih bertenaga.

Meskipun Divi 4 sudah menjadi alat yang ampuh di jutaan situs web, arsitekturnya telah berusia lebih dari satu dekade. Kami telah memperbaikinya dan melampaui batasnya, namun akhirnya tiba saatnya untuk membangun fondasi baru.

Hutang teknis menyebabkan waktu muat lebih lambat, penundaan rendering ulang, dan ketidakstabilan yang terkadang terjadi, terutama saat bekerja dengan tata letak yang rumit. Untuk mengatasi hal ini, tim Divi 5 membangun kembali seluruh kerangka kerja dengan bersih, mengoptimalkannya untuk kinerja dan skalabilitas di masa depan. Hasilnya berbicara sendiri: segala sesuatu di Divi 5 terjadi lebih cepat, mulai dari memuat pembuatnya hingga melakukan pengeditan dan melihat pratinjau perubahan.

Unduh Divi 5 Alpha Coba Laporkan Demo Divi 5 Bug Divi 5

1. Peningkatan Kecepatan Rendering Pembuat Visual

Saat Anda bekerja dengan alat sepanjang hari, kecepatan itu penting. Bahkan penundaan terkecil pun bertambah seiring berjalannya waktu. Di Divi versi sebelumnya, desainer terkadang harus menunggu sepersekian detik hingga Visual Builder merespons saat menambahkan elemen baru atau menyesuaikan gaya. Hal ini terutama terlihat ketika mengerjakan dokumen yang panjang (dengan lusinan bagian yang diisi dengan modul dan gaya khusus).

Perhatikan gaya berkedip pada D4 (kiri), di mana tombol memerlukan waktu beberapa milidetik untuk menerapkan gaya dari bagian duplikat sepenuhnya. Ini selain lebih lambat dari D5 (kanan) untuk menduplikasi bagian tersebut.

Dengan Divi 5, kecepatan rendering ulang telah ditingkatkan secara dramatis, memungkinkan Anda bekerja tanpa jeda. Visual Builder merespons secara instan saat Anda menambahkan modul baru, mengganti mode tampilan, atau menyesuaikan gaya. Tingkat daya tanggap ini membuat perbedaan besar, terutama ketika mengerjakan desain kompleks yang memerlukan banyak penyesuaian.

Namun apa sebenarnya yang berubah sehingga pembuatnya menjadi jauh lebih cepat?

Teknologi di Balik Rendering Ulang yang Lebih Cepat

Satu-satunya cara untuk mencapai tingkat perbaikan ini adalah memulai dari awal. Kami mengambil semua yang kami pelajari selama dekade terakhir pengembangan Divi dan menciptakan aplikasi baru menggunakan teknologi modern, menghilangkan hutang teknis selama bertahun-tahun. Kami menghabiskan waktu untuk mengaudit berbagai interaksi dan mengidentifikasi hambatan. Kami masih melakukan itu, dan Divi 5 menjadi lebih cepat dengan setiap pembaruan.

Beralih dari kode pendek juga membantu membuat penelusuran desain yang rumit menjadi lebih efisien. Dalam postingan besok, kita akan membahas mengapa kerangka kode pendek harus dihentikan dan bagaimana kinerja Divi 5.

Bisakah Anda melihat perbedaannya dalam video perbandingan berikut? Ini menyoroti peningkatan besar lainnya di Divi 5: peningkatan kinerja saat mengedit preset! Di Divi 5, preset didasarkan pada kelas. Dengan semua elemen preset berbagi kelas yang sama, lebih sedikit perenderan ulang yang diperlukan di pembuat, dan lebih sedikit CSS yang diperlukan di front-end.

2. Waktu Loading Lebih Cepat (baca: Tidak Ada Lagi Double Reload)

Masalah yang signifikan pada versi Divi yang lebih lama adalah pemuatan ulang ganda saat meluncurkan Visual Builder, yang terjadi ketika modul dan plugin pihak ketiga secara keliru memasukkan data dinamis ke dalam cache Visual Builder. Kesalahan ini begitu meluas sehingga pengisian ulang ganda menjadi masalah yang umum.

Divi 5 “memperbaiki” masalah ini dengan sangat cepat sehingga tidak memerlukan cache! Karena kami tidak melakukan cache apa pun, tidak ada kemungkinan cache menjadi tidak valid, dan Anda tidak akan pernah mengalami pemuatan ulang ganda lagi.

Waktu pemuatan telah ditingkatkan secara menyeluruh. Lihat seberapa cepat Divi 5 dimuat jika dibandingkan dengan Divi 4. Ini dimuat sangat cepat dalam pengujian saya sehingga Anda bahkan tidak berkesempatan untuk melihat animasi preloader baru kami yang mewah.

Peningkatan ini terutama terlihat bagi desainer yang mengerjakan proyek yang lebih besar. Sebelumnya, membuka proyek besar di Visual Builder memerlukan waktu beberapa detik untuk dimuat sepenuhnya.

3. Kami Menghapus Semua Animasi Antarmuka

Salah satu perubahan paling menonjol pada antarmuka baru Divi 5 (selain desain ulang modernnya) adalah penghapusan semua animasi.

Pada versi sebelumnya, animasi memberikan umpan balik visual saat berinteraksi dengan pembuat (misalnya, menambahkan modul baru atau mengganti mode tampilan). Meskipun animasi ini menambah tingkat keseruan tertentu, mereka juga menyebabkan sedikit penundaan dalam proses desain, terutama pada sistem yang lebih lambat.

Filosofi desain Divi 5 berbeda. Antarmukanya ada untuk melayani Anda, tidak lebih. Itu sangat minim. Itu tidak menghalangi Anda. Itu tidak bersaing dengan desain Anda. Ia tidak peduli untuk terlihat keren. UI/UX-nya berakar pada kecepatan dan efisiensi.

Apakah Anda memperhatikan semua animasi halus (fade-in-out, slide-in-out, dan sejenisnya) yang digunakan Divi 4? Hal tersebut tidak perlu membuat UI terasa lebih lambat dan kurang responsif. Di Divi 5, kami mengambil pendekatan speed-over-style. Kami telah menghapus animasi ini untuk mempercepat pembuatnya dan membuatnya lebih responsif. Fokusnya sekarang sepenuhnya pada fungsionalitas, memastikan bahwa setiap tindakan yang Anda ambil di pembuatnya terjadi secepat mungkin.

Kemana Perginya Divi 5 Dari Sini?

Public Alpha secara resmi diluncurkan. Pertama, kami ingin mengucapkan terima kasih atas kesabaran Anda saat kami bekerja dengan rajin selama beberapa bulan terakhir ini untuk meluncurkan Public Alpha Divi 5. Ini bukanlah tugas kecil—dan pekerjaan kami baru saja dimulai.

Seperti yang didiskusikan Nick pada hari Kamis, kami akan menghabiskan waktu sekitar satu bulan untuk memperbaiki bug yang diketahui di simpanan kami dan banyak bug yang Anda, komunitas, temukan saat ini. Public Alpha Divi 5 sebenarnya adalah Alpha, tetapi kami bekerja tanpa lelah untuk membawanya ke kondisi siap produksi. Anda dapat membantu dengan mencoba Divi 5 di situs lokal dan situs pementasan Anda, menemukan semua bug yang Anda bisa, dan melaporkannya ke tim dukungan kami. Kami akan melakukan triase pada setiap temuan bug dan menangani bug yang paling mendesak saat bug tersebut muncul.

Unduh Laporan Divi 5 Alpha Bug Divi 5

Jika Anda tidak memiliki pementasan atau situs lokal untuk diuji, Anda masih bisa menggunakan versi Demo Divi 5. Ini adalah cara yang bagus untuk membiasakan diri dengan desain ulang dan tata letak pembuat yang baru. Perubahannya cukup besar, namun sangat dibutuhkan.

Coba Demo Divi 5

Masa Depan Divi Cepat

Divi 5 mewakili lompatan maju yang signifikan dalam hal kecepatan dan kinerja. Divi kini lebih bertenaga dan responsif dengan rendering ulang yang sangat cepat, waktu muat lebih cepat, dan pembuat yang didesain ulang yang memprioritaskan utilitas daripada gaya. Baik Anda seorang desainer web tunggal atau bagian dari tim pengembangan yang lebih besar, peningkatan ini akan membuat alur kerja Anda lebih cepat, lancar, dan efisien.

Jika Anda pernah menggunakan Divi 4, Anda akan terpesona dengan betapa cepatnya Divi 5. Bagian terbaiknya? Ini baru permulaan. Saat kami mengoptimalkan dan memperluas kerangka kerja Divi 5, pembuatnya akan menjadi lebih cepat dan lebih bertenaga. Masa depan desain web dengan Divi sangat cepat—dan kami baru saja memulai.

Dalam beberapa hari mendatang, kita akan membahas apa artinya Divi 5 menjauh dari kode pendek, mendalami sistem migrasi situs, dan keuntungan terkait pengembang. Jangan lupa untuk mengikuti dan berlangganan untuk mengetahui pembaruan ini dan banyak lagi.