Perbandingan Kinerja Divi vs Avada (2021): Mana yang Lebih Cepat?

Mencoba memilih antara Divi vs Avada untuk membangun situs WordPress Anda?

Kedua tema ini adalah dua tema WordPress premium paling populer sepanjang masa – Elegant Themes (pengembang Divi) mengklaim memiliki lebih dari 806.000 pelanggan, dan Avada telah dibeli lebih dari 747.000+ kali di ThemeForest. Itu adalah angka yang sangat mengesankan dan bukti bahwa setiap tema memiliki banyak pengguna yang senang.

Salah satu faktor terbesar di balik kesuksesan kedua tema ini adalah visual, pembuat drag-and-drop yang dibundel. Dengan pembuat ini, Anda dapat membuat situs WordPress khusus yang indah – tidak perlu kode.

Tetapi fleksibilitas desain bukan satu-satunya hal yang perlu dipertimbangkan dalam tema WordPress – Anda juga perlu mempertimbangkan seberapa cepat tema itu akan membantu memuat situs web Anda karena waktu muat situs web berperan dalam segala hal mulai dari pengalaman pengguna hingga SEO, tingkat konversi, dan banyak lagi. .

Ini bahkan lebih benar sejak pembaruan Pengalaman Halaman Google, di mana Google mulai memasukkan Data Web Inti ke dalam peringkatnya.

Untuk itu, kami memutuskan untuk membuat perbandingan Divi vs Avada yang berfokus pada satu metrik tertentu: kinerja.

Artinya, apakah Divi atau Avada membantu Anda mendapatkan situs web yang memuat lebih cepat? Untuk menjawab pertanyaan itu, kami menjalankan beberapa tes kami sendiri – teruslah membaca untuk melihat data dan analisisnya.

Catatan – kami awalnya menerbitkan posting ini dan menjalankan tes ini pada Juli 2021. Namun, Elegant Themes merilis pembaruan dengan pembaruan kinerja frontend utama pada Agustus 2021 (Divi 4.10) yang membuat perbedaan besar pada kinerja Divi. Oleh karena itu, kami sepenuhnya menjalankan ulang pengujian ini dan mengumpulkan semua data dan kesimpulan baru pada November 2021.

Bagaimana Kami Akan Menguji Kinerja Tema Divi vs Avada

Sebelum kita sampai ke data, mari kita bicara tentang bagaimana kita akan menguji kinerja Divi vs Avada sehingga Anda tahu persis bagaimana kami mengatur semuanya.

Pertama, kita akan menguji dua skenario tingkat tinggi:

• Uji #1 – kami hanya akan menguji tema. Artinya, kami tidak akan menggunakan pembuat visual yang dibundel. Sebagai gantinya, kami hanya akan menguji "Halaman Contoh" default yang dibuat dengan editor blok.
• Uji #2 – kami akan menguji halaman sederhana yang dibuat dengan setiap pembuat tema, karena pembuat visual adalah bagian penting dari apa yang membuat Divi dan Avada begitu populer. Kami akan mencoba menggunakan modul yang sebanding untuk membuat perbandingan menjadi sama mungkin.

Untuk setiap skenario pengujian tingkat tinggi, kami juga akan menguji dua penyiapan yang berbeda:

• Pengaturan pertama hanya dengan tema itu sendiri dan tidak ada pengoptimalan kinerja lainnya.
• Pengaturan kedua adalah dengan WP Rocket diinstal dan dikonfigurasi sehingga Anda dapat melihat bagaimana keadaan terlihat jika Anda menerapkan praktik terbaik kinerja WordPress.

Selain caching halaman dan praktik terbaik dasar lainnya, WP Rocket juga menawarkan beberapa fitur unik yang dapat mengoptimalkan setiap kode tema dan meningkatkan metrik Core Web Vitals.

• Hapus CSS yang tidak digunakan – ini memungkinkan Anda menghapus CSS yang tidak perlu dari situs Anda berdasarkan halaman demi halaman. Ini bisa sangat bagus dalam mengurangi ukuran halaman tema seperti Divi dan Avada.

• Penundaan eksekusi JavaScript – ini memungkinkan Anda menunggu untuk mengeksekusi JavaScript hingga interaksi pengguna, yang melakukan pekerjaan yang baik untuk mempercepat waktu muat awal. Anda selalu dapat mengecualikan skrip tertentu secara manual jika Anda membutuhkannya untuk segera dimuat .

Situs pengujian kami dihosting dengan droplet DigitalOcean murah $5 per bulan yang diberdayakan oleh RunCloud dan tumpukan semua-Nginx. Kami tidak melakukan peningkatan kinerja apa pun selain menambahkan WP Rocket di beberapa pengujian, seperti yang disebutkan di atas.

Untuk menguji dan mengukur data kinerja WordPress, kami akan menggunakan WebPageTest untuk mengumpulkan data kinerja yang berfokus pada seluler:

• Perangkat uji – iPhone 8. Perangkat yang lebih modern akan memiliki prosesor yang lebih kuat untuk memproses JavaScript lebih cepat, yang dapat menyebabkan waktu muat sedikit lebih cepat. Bisa jadi sebaliknya dengan perangkat yang lebih tua/bertenaga lebih rendah.
• Kecepatan Koneksi – koneksi LTE yang diperlambat (12 Mbps, 70 ms RTT). Waktu muat dunia nyata akan lebih cepat jika pengunjung menjelajah di Wifi atau lebih lambat jika pengguna memiliki sesuatu seperti koneksi 3G.

Untuk setiap pengujian, kami akan meminta WebPageTest menjalankan sembilan pengujian terpisah dan mengambil nilai median. Ini membantu kami menghindari variabilitas pengujian tunggal dan mendapatkan hasil yang lebih konsisten.

Berikut adalah empat metrik yang akan kami fokuskan:

1. Cat Contentful Terbesar (LCP) – bagian dari metrik Core Web Vitals baru Google dan faktor peringkat SEO dalam pembaruan Pengalaman Halaman.
2. Time to first byte (TTFB) – ini mengukur seberapa cepat server dapat merespons dengan byte pertama data setelah memproses PHP situs/tema (atau mengirimkan dari cache, dalam kasus pengujian WP Rocket kami).
3. Ukuran Halaman – semuanya sama, ukuran halaman yang lebih kecil selalu lebih baik.
4. Permintaan HTTP – semuanya sama, lebih sedikit permintaan HTTP selalu lebih baik.

Terakhir, berikut adalah nomor versi untuk semua yang kami uji:

• Tema Avada – 7.5
• Avada Builder – 3.5
• Tema Divi – 4.13.1
• WP Roket – 3.10.3.

Tes Kecepatan Divi vs Avada

Sekarang, mari kita langsung ke tes kinerja Divi vs Avada.

Tes #1: Hanya Tema

Dalam pengujian pertama ini, kami hanya menguji tema tanpa menggunakan pembuat visual:

• Divi – hanya tema Divi karena Divi sudah dibundel di Divi Builder.
• Avada – kami juga menginstal plugin Avada Core dan Avada Builder karena ini adalah plugin inti yang diperlukan. Kami tidak menginstal plugin opsional apa pun.

Konten sebenarnya adalah "Halaman Contoh" yang hadir dengan instalasi WordPress baru. Itu dibangun dengan editor blok asli.

Berikut data untuk tema sendiri:

Anda dapat melihat bahwa Divi adalah pemenang yang cukup jelas di sini dalam hal waktu Cat Terbesar Contentful karena waktu Avada 50% lebih tinggi.

Mengapa perbedaan?

Yah, kita akan menebak bahwa sebagian besar kinerja Divi yang lebih cepat adalah kenyataan bahwa ukuran halaman Avada adalah 544 KB sedangkan Divi hanya 201 KB. Ingatlah bahwa ini untuk halaman yang tidak dibuat menggunakan pembuat visual – ini hanya halaman contoh default yang dibuat dengan editor blok.

Sekarang, mari kita lihat data setelah menambahkan WP Rocket:

Anda dapat melihat bahwa, dengan optimasi WP Rocket, kedua tema jauh lebih cepat dan hanya ada sedikit perbedaan dalam waktu Paint Contentful Terbesar antara Divi vs Avada. Divi masih sedikit lebih cepat, tetapi perbedaannya cukup kecil sehingga hanya variabilitas tes normal.

Terlebih lagi, WP Rocket mampu sangat mengurangi ukuran halaman kedua tema berkat fitur untuk menghapus CSS yang tidak digunakan dan menunda eksekusi JavaScript. Anda dapat melihat bahwa ukuran halaman Divi turun lebih dari setengah sementara ukuran halaman Avada berkurang lebih dari 200 KB.

Peningkatan ini, bersama dengan caching dan tweak lainnya, adalah penyebab peningkatan waktu LCP.

Tes #2: Dengan Pembangun

Dalam pengujian kedua ini, kami menggunakan pembuat visual setiap tema untuk membuat halaman yang sebanding menggunakan modul yang kira-kira sama. Desainnya sangat sederhana – kami hanya menambahkan tiga elemen untuk menjaga keseimbangan mungkin:

• Editor teks dengan konten lorem ipsum yang identik
• Tombol
• Lingkaran kontra

Idenya di sini terutama untuk melihat "berat" ekstra apa yang ditambahkan ke halaman saat Anda mengaktifkan setiap pembuat tema.

Berikut data hanya untuk tema/pembuat sendiri:

Secara keseluruhan, Anda dapat melihat bahwa hasilnya hampir sama dengan di atas. Divi terasa lebih kecil dalam hal ukuran halaman dan, sebagai hasilnya, memiliki waktu Paint Contentful Terbesar yang lebih cepat.

Terlebih lagi, tidak ada tema yang menambahkan bobot ekstra ke halaman hanya karena Anda telah mengaktifkan pembuat visual, yang berarti sebenarnya tidak ada penalti untuk menggunakan pembuat di atas editor asli ( setidaknya untuk halaman sederhana ).

Berikut data setelah menambahkan WP Rocket:

Dengan WP Rocket, Anda dapat melihat hasil yang sama seperti tes pertama. Sekarang, waktu Paint Contentful Terbesar Divi dan Avada jauh lebih cepat dan serupa dalam kinerja, meskipun Divi sekali lagi sedikit lebih cepat. Selain sangat mengurangi waktu Cat Konten Terbesar, WP Rocket juga mampu mencapai pengurangan serupa dengan ukuran file seperti pada pengujian pertama.

Pemikiran Terakhir tentang Performa Divi vs Avada

Divi dan Avada serupa karena keduanya memberi Anda kekuatan untuk membangun situs web khusus menggunakan pembuat drag-and-drop visual mereka.

Namun, sementara mereka berdua memberi Anda kendali itu, Divi sekarang lebih cepat dalam hal kinerja out-of-the-box.

Perbedaannya kecil ketika kami pertama kali menjalankan tes kinerja Divi vs Avada kami. Namun, setelah pembaruan kinerja Divi 4.10 pada Agustus 2021, Divi sekarang jauh lebih kecil daripada Avada secara default, yang menyebabkan waktu Cat Konten Terbesar Divi yang out-of-the-box menjadi sekitar dua pertiga dari Avada.

Namun, jika Anda menggunakan WP Rocket dengan caching dan fitur baru untuk menghapus CSS yang tidak digunakan dan menunda eksekusi JavaScript, Anda dapat membuat peningkatan besar pada kedua tema.

Sementara Divi masih sedikit lebih cepat dengan WP Rocket diaktifkan, perbedaannya jauh lebih sedikit dan Avada masih berkinerja baik.

Ini menunjukkan bahwa, meskipun Divi sedikit lebih cepat, Anda masih dapat membuat situs yang memuat cepat dengan Avada selama Anda menerapkan praktik terbaik kinerja WordPress dengan alat seperti WP Rocket.

Tentu saja, kedua tema ini bukan satu-satunya pilihan Anda. Jika Anda berfokus pada kecepatan dan kinerja, Anda mungkin ingin melihat koleksi tema WordPress gratis tercepat kami atau tema WooCommerce tercepat jika Anda membangun toko eCommerce.

Anda dapat menemukan tema yang lebih cepat dari keduanya, termasuk tema Astra, yang berkinerja baik dalam perbandingan kinerja Divi vs Astra kami ( meskipun perbedaannya tidak terlalu besar berkat peningkatan kinerja baru Divi ).

Apakah Anda masih memiliki pertanyaan tentang Divi vs Avada dalam hal kecepatan dan kinerja? Tanya kami di komentar!