Mencoba memilih antara Divi vs Astra untuk tema WordPress Anda?
Divi dan Astra adalah dua dari tema multiguna WordPress yang paling populer. Dan mereka benar-benar multiguna – Anda dapat menggunakan keduanya untuk membuat segalanya mulai dari blogging ke situs web bisnis, toko e-commerce, kursus online, dan banyak lagi.
Tetapi sementara mereka berbagi kesamaan itu, mereka hampir saja membangun sebuah situs WordPress dengan cara yang sedikit berbeda, jadi Anda harus benar-benar berpikir tentang tema mana yang tepat untuk kebutuhan Anda.
Untuk membantu Anda mengambil keputusan, kami telah menulis perbandingan mendalam Divi vs Astra ini.
Dalam posting ini, kami bertujuan untuk membandingkan fitur paling penting yang harus membuat perbedaan dalam keputusan Anda.
Untuk itu, kami akan melakukan hal berikut:
- Sorot perbedaan fokus antara Divi dan Astra.
- Ini menunjukkan kepada Anda pengalaman pengguna dari setiap topik, dengan ikhtisar singkat tentang bagaimana rasanya membuat situs web dengan masing-masing topik.
- Ikuti tes kinerja kami sendiri untuk membandingkan kinerja Astra dengan Divi’s.
- Diskusikan perbedaan harga (ada banyak permutasi!).
- Berikan rekomendasi umum kami tentang siapa yang harus memilih Divi dan siapa yang harus memilih Astra.
Ada banyak yang harus dibahas, jadi mari kita gali lebih dalam.
Divi vs Astra Pendahuluan: dua pendekatan yang berbeda
Di level tinggi, Divi dan Astra dirancang untuk memberikan Anda fleksibilitas desain lengkap dengan kombinasi:
- Opsi gaya dan tata letak terperinci di WordPress Customizer.
- Pembuat halaman visual, seret-dan-jatuhkan (atau editor blok WordPress) untuk mendesain konten Anda sendiri.
Namun, mereka melakukan berbagai hal dengan cara yang berbeda.
Divi
Divi memberi Anda segalanya dalam satu paket. Dengan hanya menginstal tema Divi, Anda mendapatkan akses ke:
- Pembuat halaman Divi visual, drag-and-drop.
- Penciptaan visual tema drag and drop, juga melalui Divi Builder.
- Banyak pilihan di customizer WordPress secara real time.
- Area pengaturan tema terperinci di backend WordPress.
Dengan Divi versi terbaru, Anda dapat beralih ke membuat tema lengkap, memungkinkan Anda mendesain 100% situs Anda, termasuk tajuk, catatan kaki, dan templat posting / halaman, menggunakan antarmuka visual drag-and-drop dari Divi Builder.
Pada dasarnya Divi adalah paket yang memberi Anda semua yang Anda butuhkan untuk mendesain situs web Anda.
Tentu saja, itu juga berarti Anda mendapatkan segalanya apa pun yang terjadi. Misalnya, bahkan jika Anda lebih suka menggunakan editor blok WordPress, Anda masih mendapatkan Divi Builder. Itu perbedaan penting ketika membandingkan Divi dengan Astra.
Fitur Utama Divi:
- Serba guna.
- Pembuat halaman visual seret dan lepas terintegrasi untuk posting dan halaman.
- Penciptaan visual terpadu tema drag and drop untuk header, footer dan template.
- Pengaturan tema di WordPress Customizer (atau Anda dapat menggunakan Divi untuk membangun semuanya).
- Lebih dari 164 paket desain yang dapat diimpor (pada dasarnya situs web demo yang dibangun sebelumnya).
- Kompatibilitas WooCommerce.
- Pengujian A / B dimasukkan melalui Divi Builder.
- Muncul dalam tema dan versi tambahan.
Astra
Astra, di sisi lain, hanyalah tema WordPress. Dengan kata lain, pengembang Astra tidak menyertakan generator halaman seret dan lepas visualnya sendiri.
Sebaliknya, Astra dirancang untuk bermain dengan baik dengan plugin pembuat halaman apa pun. Tiga integrasi yang paling ketat adalah untuk Elementor, Beaver Builder, dan Brizy, karena Astra hadir dengan situs demo yang dapat diimpor yang dibuat dengan pembangun halaman tersebut.
Namun, Anda dapat menggunakan plugin membangun halaman secara harfiah, Anda bahkan bisa menggunakan versi plugin Divi jika Anda mau!
Atau Anda dapat menggunakannya dengan editor blok WordPress normal – Anda tentu tidak diharuskan untuk menginstal generator halaman. Astra bahkan memasukkan situs demo utama yang dibuat hanya dengan editor blok Gutenberg.
Sekilas, sepertinya Divi menawarkan lebih banyak fitur … dan itu benar.
Namun, jika Anda ingin menambahkan fungsi yang sama ke Astra, yang perlu Anda lakukan adalah menginstal salah satu pembangun halaman yang digabungkan dengan sangat baik oleh Astra.
Dengan memberi Anda pilihan untuk memilih editor Anda sendiri, Astra sebenarnya sedikit lebih fleksibel daripada Divi, di mana satu-satunya pilihan Anda adalah menggunakan Divi Builder.
Fitur utama Astra:
- Serba guna.
- Versi gratis di WordPress.org.
- Ringan di bawah 50 KB, tanpa ketergantungan jQuery.
- Lebih dari 280 situs demo yang dapat diimpor yang dibuat dengan Block Editor, Elementor, Beaver Builder, atau Brizy (beberapa situs demo diduplikasi dalam editor yang berbeda, sehingga jumlah demo unik kurang dari 280).
- Opsi gaya dan tata letak terperinci dalam penyesuai WordPress waktu-nyata.
- Kontrol tingkat halaman untuk membantu Anda berintegrasi dengan plugin pembuat halaman.
- Kompatibilitas WooCommerce dan pengaturan khusus.
- Integrasi khusus untuk LifterLMS dan LearnDash untuk membuat kursus online.
Divi vs Astra: pengalaman pengguna
Daripada mencoba membandingkan setiap fitur penting dalam ringkasan, saya pikir mungkin lebih bermanfaat untuk membahas seperti apa rasanya membangun situs WordPress dengan Divi dan Astra.
Saya akan menjaga bagian ini tingkat tinggi, tetapi harus menggambarkan perbedaan dalam pendekatan.
Divi
Ada tiga cara utama untuk bekerja dengan tema Divi:
- Divi Builder – Ini adalah generator seret dan lepas visual. Anda dapat menggunakannya untuk mendesain konten Anda, serta header, footer, dan templat lainnya. Anda akan menghabiskan sebagian besar waktu Anda di Divi Builder. Anda dapat mencoba demo di sini untuk mendapatkan ide..
- Penyesuai tema – Anda akan menggunakan Customizer Tema untuk mengontrol tema Divi. Dengan munculnya Divi Theme Builder, Anda mungkin tidak menggunakannya sebanyak ini, tetapi memilih untuk membuat templat Anda dengan generator.
- Opsi tema Divi – Ini adalah area lain di mana Anda dapat mengontrol opsi tema Divi yang tidak ada di Customizer. Anda tidak akan menghabiskan banyak waktu di sini.
Dimulai dengan Divi 4.0, ada dua cara untuk mengontrol tata letak dasar tema Anda.
Pertama, Anda dapat menggunakan WordPress Customizer, yang merupakan cara “normal” untuk mengontrol tema Divi (dan bagaimana ia mengendalikan sebagian besar tema WordPress, termasuk Astra).
Anda akan mendapatkan berbagai opsi di bilah sisi untuk mengontrol:
- Header dan navigasi
- Footer
- Tata letak blog
- Tombol
- Skema warna
- Gaya seluler
- Dll
Untuk beberapa opsi lain, Anda dapat menggunakan area Opsi dari tema Divi latar belakang:
Namun, pada Divi 4.0, Divi juga mencakup pembuatan tema lengkap.
Dengan pembuatan tema, Anda dapat mendesain templat tema Anda menggunakan Divi Builder drag-and-drop visual.
Jika Anda pergi ke Divi → Generator TemaAnda akan dapat menambahkan templat Anda sendiri untuk “menimpa” banyak pengaturan Penyesuai WordPress. Dengan kata lain, Anda bisa mendesain templat tajuk sendiri yang menggantikan tajuk yang Anda konfigurasikan di Penyesuai Tema:
Saat Anda membuat tajuk, Anda dapat menggunakan modul khusus untuk menyisipkan elemen penting. Misalnya, dia Tidak bisa Modul ini memungkinkan Anda untuk memasukkan menu navigasi yang Anda konfigurasi dengan mengunjungi Penampilan → Menu.
Untuk posting dan halaman, Anda juga dapat menggunakan Divi Builder.
Di sini, Anda akan mendapatkan akses ke ratusan paket desain, yang pada dasarnya adalah set templat bertema yang membantu Anda membuat situs lengkap. Pada dasarnya ini adalah versi situs demo impor Divi.
Misalnya, paket desain untuk situs web gym akan mencakup templat untuk:
- Beranda
- Tentang halaman ini
- Daftar kelas
- Lokasi
- Dll
Dan begitulah: versi cepat bagaimana rasanya membangun situs WordPress dengan Divi.
Astra
Pengalaman pengguna Astra sedikit lebih ramping karena tidak menyertakan pembuat halaman sendiri.
Setelah menginstal tema, Anda dapat menginstal add-on Template WordPress.org Starter untuk mengakses semua situs demo Astra.
Pertama, Anda akan memilih editor konten pilihan Anda. Semua konten di situs demo akan dibuat dengan editor ini. Anda memiliki empat opsi:
- Editor blok asli WordPress (Gutenberg)
- Pembuat halaman elemen atau
- Pembuat halaman Beaver Builder
- Pembuat halaman kasar
Misalnya, berikut adalah semua situs demo untuk editor blok WordPress:
Ketika Anda mengimpor situs demo, Anda dapat mengimpor seluruh situs dan semua pengaturan Customizer. Atau, Anda hanya dapat mengimpor bagian tertentu dari situs demo.
Untuk menyesuaikan tema Astra, Anda akan menggunakan Customizer WordPress secara real time:
Astra menawarkan opsi kepada Anda di sini, terutama jika Anda membeli Astra Pro.
Terakhir, jika Anda mengimpor konten demo, Anda dapat menyesuaikannya dengan editor yang Anda pilih.
Misalnya, jika Anda memilih templat Gutenberg, Anda dapat mengedit semuanya menggunakan editor blok WordPress asli.
Sekali lagi, jika Anda ingin menambahkan pembuatan halaman seret-dan-lepas visual dan / atau pembuatan tema ke Astra, Anda juga harus memasangkannya dengan plugin pembuat halaman WordPress terpisah.
Divi vs Astra: kinerja
Sebagai dasar dari situs WordPress Anda, tema Anda akan selalu berperan dalam seberapa cepat situs Anda dimuat.
Untuk itu, mari selami perbandingan antara kinerja Astra dan Divi.
Pertama, saya akan menguji setiap tema di instalasi WordPress baru hanya dengan “Hello world!” Kirim.
Saya pikir ini adalah cara paling adil untuk membandingkan optimasi / kinerja siap pakai dari masing-masing tema.
Namun, ini bukan tes dunia nyata yang sangat realistis karena pada dasarnya merupakan situs kosong. Di dunia nyata, situs Anda akan jauh lebih sibuk.
Untuk mencoba memperkirakannya, saya akan melakukan tes kedua dengan situs demo penting untuk setiap topik. Tes ini tidak akan adil karena situs demo tidak identik. Namun, saya akan mencoba untuk memilih situs mulai yang kurang lebih sama.
Untuk referensi, ini adalah cara saya menguji:
- Menggunakan WebPageTest.
- Menjalankan enam tes terpisah dan mengambil nilai rata-rata.
- Menggunakan koneksi 20/5 Mbps, yaitu sekitar kecepatan rata-rata untuk Amerika Serikat secara keseluruhan.
Mari kita gali data.
Tes n. ° 1: Tema kosong dan “Halo, dunia!”
Ukuran halaman | Permintaan HTTP | Memuat halaman sedang | |
Divi | 395 KB | dua puluh | 0,848 dtk |
Astra | 42 KB | 8 | 0,427 s |
Seperti yang ditunjukkan data, Astra sedikit lebih ringan dari itu ketika datang ke ukuran halaman dan permintaan HTTP (serta waktu buka).
Secara keseluruhan, Astra jelas memenangkan tes n. ° 1: tidak ada persaingan.
Tes n. # 2: situs startup yang diimpor
Sekarang adalah waktu untuk skenario yang paling realistis.
Saya mengimpor templat halaman arahan yang berfokus pada agen untuk setiap topik untuk menguji bagaimana seluruh situs web dapat dimuat.
Untuk mencoba membuat ini seadil mungkin saya menggunakan Elementor untuk situs rumah Astra. Dengan cara ini, Anda akan memiliki fleksibilitas desain “sama” (dan bobot pembuat halaman yang sama) antara kedua situs.
Namun, jika Anda ingin Astra sedikit lebih ringan, Anda dapat memilih untuk menggunakan salah satu situs startup editor blok.
Ukuran halaman | Permintaan HTTP | Memuat halaman sedang | |
Divi | 1.452 MB | 27 | 1,472 dtk |
Astra dengan Elementor | 1.520 MB | 60 60 | 1,507 s |
Perhatikan bahwa Divi memiliki optimasi skrip bawaan, yang merupakan salah satu alasan mengapa permintaan HTTPnya jauh lebih rendah. Anda dapat mencapai sesuatu yang mirip dengan Astra jika Anda menggunakan plugin Autoptimize gratis.
Seperti yang Anda lihat, Divi dan Astra hampir sama ketika Anda membawa situs pemula Elementor ke dalam campuran. Jadi tergantung pada bagaimana Anda menggunakan Astra, Anda mungkin tidak melihat peningkatan kinerja sebanyak yang ditunjukkan tes pertama, setidaknya di halaman utamanya.
Namun, jika Anda mengimpor situs pemula Astra yang dibangun dengan editor blok alih-alih Elementor, Anda dapat melihat bagaimana Astra berkembang lagi:
Ukuran halaman | Permintaan HTTP | Memuat halaman sedang | |
Divi | 1.452 MB | 27 | 1,472 dtk |
Astra | 1.092 MB | 33 | 1,004 dtk |
Kesimpulan Kinerja
Secara keseluruhan, saya pikir itu adil untuk mengatakan Astra lebih baik daripada Divi ketika datang ke kinerja langsung.
Namun, perbedaannya mungkin tidak terlalu besar tergantung pada bagaimana Anda menggunakan Astra.
Jika Anda berencana untuk memasangkan Astra dengan pembangun halaman, yang akan Anda lakukan untuk mencocokkan fleksibilitas desain Divi, maka Anda mungkin menemukan bahwa situs Anda bekerja pada tingkat yang sama, setidaknya pada halaman di mana Anda menggunakan pembangun halaman. .
Ini bukan karena Astra tiba-tiba menjadi kurang dioptimalkan kinerja – itu hanya bobot tambahan dari setiap plugin pembuat halaman yang Anda pilih. Sampai batas tertentu, Divi memiliki bobot bawaan ini, jadi ia melihat perbedaan besar pada tes pertama.
Namun, jika Anda setuju dengan salah satu situs startup editor blok Astra, Astra adalah pemenang yang jelas dalam hal kinerja lagi.
Juga, bahkan jika Anda menggunakan pembuat halaman untuk mendesain halaman utama situs Astra Anda, Anda masih akan mendapat manfaat dari pondasi yang lebih ringan dari Astra ketika datang ke konten di mana Anda menggunakan editor WordPress asli, seperti posting blog Anda.
Secara keseluruhan ketika datang ke kinerja Astra jelas merupakan pemenang.
Ingatlah bahwa jika Anda menggunakan pembuat halaman untuk banyak konten di situs Astra Anda, Anda akan menyangkal sebagian dari keuntungan itu.
Harga
Pertama-tama, ada perbedaan harga utama antara Astra dan Divi. Astra memiliki versi gratis di WordPress.org, sementara Divi hanya tersedia dalam versi premium.
Jika Anda ingin memperluas tema utama gratis dengan lebih banyak fitur dan opsi penyesuaian, Anda dapat membeli Astra Pro (yang secara teknis merupakan plugin).
Ketika datang ke penetapan harga untuk opsi premium Astra, Astra bahkan lebih terjangkau jika Anda hanya mencari tema. Ada beberapa kebiasaan dalam hal itu, tapi harap bersabar dengan kami sebentar.
Baik Divi dan Astra memungkinkan penggunaan di situs web tanpa batas. Keduanya juga memberi Anda opsi untuk memilih antara lisensi satu tahun dan lisensi seumur hidup.
Ini adalah bagaimana harga diguncang:
Satu tahun | Seumur hidup | |
Divi | $ 89 | $ 249 |
Astra | $ 59 | $ 249 |
Oleh karena itu, lisensi seumur hidup adalah identik, sedangkan lisensi tahunan Astra sedikit lebih murah.
Namun, harga Divi sebenarnya untuk keanggotaan Tema Elegan, yang juga memberi Anda akses ke semua plugin / tema Tema Elegan lainnya, seperti Bloom (opsi email), Monarch (pertukaran sosial) dan Extra (tema) majalah).
Jika Anda pikir Anda akan menggunakan alat-alat itu, itu bisa mengubah keadaan menguntungkan Divi.
Tapi…
Brainstorm Force, pengembang di belakang Astra, juga menawarkan keanggotaan / paket sendiri.
Dengan paket-paket ini, Anda akan mendapatkan akses ke lebih dari 55 situs web startup Astra tambahan, serta beberapa / semua plugin Brainstorm Force lainnya (tergantung pada paket yang Anda pilih).
Secara pribadi, saya pikir lineup plugin Brainstorm Force lebih kuat daripada lineup Elegant Themes. Sebagai contoh:
Yang mengatakan, paket Brainstorm Force secara signifikan lebih mahal daripada keanggotaan Elegant Themes, jadi Anda harus memutuskan apakah fasilitas itu sepadan dengan harganya.
Berikut adalah harga untuk lisensi satu tahun:
Keanggotaan Tema Elegan | $ 89 |
Brainstorm Force Mini Agency | $ 276 |
Brainstorm Force Full Agency | $ 523 |
Bagaimana dengan generator halaman dengan Astra?
Ada satu masalah terakhir untuk membandingkan harga Divi vs Astra!
Bagaimana dengan plugin pembuat halaman?
Harga Divi termasuk Divi Builder lengkap, sedangkan harga Astra hanya mencakup temanya.
Jadi, apakah Anda perlu membeli plugin pembuat halaman di atas Astra?
Pertama-tama, semua situs startup pembuat halaman Astra dibuat menggunakan versi gratis pembuat halaman.
Itu berarti Anda tidak perlu penawaran untuk pembuat halaman jika Anda menggunakan Astra.
Namun, jika Anda ingin paritas fitur lengkap dengan apa yang dapat Anda lakukan dengan Divi Builder, Anda mungkin perlu membuka dompet Anda. Misalnya, Divi Theme Builder memungkinkan Anda menggunakan antarmuka seret dan lepas visual untuk mendesain header, footer, dan templat pos.
Untuk mencapai hal yang sama dengan Astra, Anda juga harus membeli sesuatu seperti Elementor Pro, yang dimulai dari $ 49. Itu akan memperlambat segalanya dalam mendukung Divi ketika datang ke harga.
Namun secara keseluruhan, saya akan mengatakan pengguna Astra tidak perlu membeli plugin pembuat halaman premium, sehingga Astra akan tetap lebih murah.
Pikiran terakhir tentang Divi vs Astra
Secara umum, sulit untuk memilih pemenang yang jelas karena Divi dan Astra memiliki filosofi yang berbeda.
Divi lebih dari opsi all-in-one. Anda mendapatkan pembuat tema dan halaman grup langsung dari kotak dan Anda dapat merancang semuanya menggunakan pembangun visual drag-and-drop Divi, termasuk template tema Anda.
Astra sedikit lebih fleksibel. Ini ringan dan dapat disesuaikan hanya dengan temanya. Dan jika Anda menginginkan pengeditan drag-and-drop visual seperti Divi, Astra dirancang untuk berpasangan dengan plugin pembuat halaman favorit Anda seperti Elementor, Brizy, atau Beaver Builder.
Kasus Divi
Ketika membandingkan Divi vs Astra dengan sendirinya (tanpa generator halaman berpasangan), Divi jelas jauh lebih fleksibel. Namun, penting untuk diingat bahwa kebanyakan orang memasangkan Astra dengan plugin pembuat halaman, yang menawarkan lebih banyak paritas fitur 1: 1.
Out of the box, Astra jauh lebih ringan dan memiliki kinerja yang dioptimalkan daripada Divi. Namun, jika Anda memasangkan Astra dengan pembuat halaman, perbedaan kinerja tidak terlalu dramatis karena bobot tambahan pembuat halaman … setidaknya pada halaman di mana Anda menggunakan pembuat halaman.
Secara keseluruhan, karena pendekatan menyeluruhnya, saya pikir Divi mungkin sedikit lebih baik jika Anda baru memulai dengan WordPress. Misalnya, jika Anda membuat situs WordPress pertama Anda, pendekatan all-in-one Divi membuatnya sedikit lebih mudah untuk mengatur semuanya dan memahami bagaimana semuanya terhubung.
Yang mengatakan, templat startup Astra yang sudah dibuat sebelumnya juga membuatnya cepat untuk memulai. Satu-satunya hal yang sedikit mempersulit proses adalah Anda juga perlu belajar / mempercayai plugin pihak ketiga lebih dari jika Anda menggunakan Divi.
Kasus Astra
Secara umum, pengguna WordPress yang berpengalaman dapat memilih Astra untuk pendekatan yang lebih terbuka. Dengan Astra, Anda masih mendapatkan opsi kustomisasi terperinci, tetapi Anda tidak dikunci dalam satu pembuat halaman seperti halnya Anda dengan Divi. Anda dapat memilih dari Elementor, Beaver Builder, Brizy, dan lainnya, tergantung pada preferensi Anda.
Juga, karena Astra lebih ringan, lebih mudah untuk membuat situs web yang memuat cepat.
Bahkan jika Anda menggunakan pembuat halaman untuk mendesain halaman utama situs web Astra Anda, posting blog Anda dan konten penerbit asli lainnya akan tetap dimuat lebih cepat dengan Astra karena basis Astra yang lebih ringan.
Tema inti Astra juga gratis, yang merupakan nilai tambah besar bagi Astra sendiri. Dengan tema gratis dan situs pemula yang sudah dibuat, Anda siap membuat situs web yang menarik. Divi tidak menawarkan versi gratis, jadi orang-orang dengan anggaran terbatas mungkin ingin tetap dengan Astra.
Secara pribadi, sebagai seseorang yang menghabiskan sepanjang hari bekerja dengan WordPress, saya lebih suka pendekatan Astra. Saya suka dapat memilih pembuat halaman saya sendiri … atau memutuskan untuk tidak menggunakan pembuat halaman, tergantung pada situsnya.
Saya juga menghargai optimalisasi kinerja Astra karena kecepatan halaman penting bagi saya di semua situs yang saya buat.
Masih ada pertanyaan tentang bagaimana memilih Divi vs Astra? Apakah Anda memiliki pemikiran sendiri untuk ditambahkan ke dalam campuran? Beri tahu kami di komentar!