Uji Waktu Pemuatan Oksigen Builder Backend
Diterbitkan: 2022-04-10Artikel ini akan membahas waktu pemuatan backend dari Oxygen Builder. Banyak orang mengatakan ini sebagai kelemahan utama dari WordPress PageBuilder ini, jadi kami memutuskan untuk mengujinya di beberapa perangkat berbeda. Mari kita lihat apa yang ditemukan.
Pertama, kita akan membandingkan browser yang berbeda pada perangkat yang sama. Kemudian, kami akan membandingkan perangkat yang berbeda menggunakan browser yang sama. Ini akan memungkinkan kami untuk mengidentifikasi tidak hanya perangkat mana yang memuat Oxygen Builder paling cepat, tetapi juga browser mana yang terbaik untuk tugas ini.
Kami akan mengecualikan pengujian pengaturan hosting yang berbeda karena hal itu menambah banyak kerumitan pada perbandingan ini. Juga: ini adalah fakta yang terkenal bahwa jika Anda menggunakan hosting murah, Anda akan memiliki waktu pemuatan yang lambat di ujung depan dan ujung belakang situs web WordPress mana pun. Ini sepenuhnya pada Anda jika ini masalahnya. (Namun, kami dapat meninjau kembali ini di masa mendatang).
Subjek Tes
Subjek pengujian kami adalah situs web pembuat oksigen yang relatif standar yang dibuat oleh kami, untuk audiens kami. Mari kita lihat performa awal halaman, ukuran, dan aspek tambahan.
Situs web pengujian ini di-host di server DO Premium khusus, dengan 2GB RAM, dan pengaturan standar. Ini dikelola oleh Cloudways, yang merupakan host yang kami rekomendasikan untuk kecepatan, biaya, dan dukungan. Pada saat pengujian, kami belum menyelesaikan pengoptimalan kecepatan tambahan di situs. Pengaturan server tidak tersentuh sejak menjalankan instance.
Baca: Merinci Lima Pilihan Server Cloudway Untuk Hosting WordPress
Catatan tambahan: ini adalah opsi server yang bagus untuk pengembangan dan situs dengan lalu lintas rendah, yang dapat Anda tingkatkan dengan mudah saat diluncurkan. Gunakan kode ISOTROPIC untuk diskon di Cloudways saat mendaftar, dan dapatkan uji coba gratis 3 hari (tanpa CC).
Halaman yang diuji adalah halaman beranda situs web. Pada saat pengujian, itu tampak seperti ini:
Elemen utama halaman yang sedang dimuat adalah elemen menu Oxygen Builder, bilah pencarian khusus, dan grid posting mudah dari posting demo (bagian pertama), elemen WSForm Oxygen, dan carousal OxyExtras dengan repeater di dalamnya. Repeater ini memiliki lebih dari sembilan posting, dan lusinan kondisi berdasarkan bidang MetaBox.
Halaman tersebut bersifat publik karena DNS subdomain deals.isotropic.co diproksi melalui Cloudflare.
Ukuran halaman total adalah 5.05MB. Ini terutama karena menggunakan gambar yang dioptimalkan pada saat pengujian. Harap diingat ini adalah situs web pengembangan tahap awal (saya berjanji kami akan membuatnya cepat sebelum ditayangkan). Saya percaya bahwa jenis situs web ini adalah cara terbaik untuk menguji kembali dan kecepatan pemuatan Oxygen Builder karena mensimulasikan lingkungan pengembangan normal.
Plugin yang digunakan adalah sebagai berikut:
| nama | Keterangan | Dev | Status | Versi yang Digunakan | Tinjauan |
|---|---|---|---|---|---|
| BetterLinks | Plugin terbaik untuk membuat, mempersingkat, melacak, dan mengelola URL apa pun. Kumpulkan laporan analitik dan jalankan kampanye pemasaran dengan mudah. | Pengembang WP | Aktif | 1.2.7 | |
| BetterLinks Pro | Dapatkan akses ke Individual Analytics, Role Management, Google Analytics Integration & banyak lagi fitur luar biasa untuk melacak & menjalankan kampanye pemasaran yang sukses. | Pengembang WP | Aktif | 1.1.0 | |
| Ganti Pencarian Lebih Baik | Plugin kecil untuk menjalankan pencarian/penggantian di database WordPress Anda. | Otak Lezat | Aktif | 1.3.4 | |
| Nonaktifkan Pemberitahuan Admin Satu per satu | Nonaktifkan plugin pemberitahuan admin memberi Anda opsi untuk menyembunyikan peringatan pembaruan dan pemberitahuan sebaris di panel admin. | Gerakan Kreatif | Aktif | 1.2.6 | |
| Nonaktifkan Gutenberg | Menonaktifkan Editor Blok Gutenberg dan memulihkan Editor Klasik dan layar Edit Postingan asli. Menyediakan opsi untuk diaktifkan pada jenis posting tertentu, peran pengguna, dan banyak lagi. | Jeff Starr | Aktif | 2.5.1 | |
| dPlugins DevKit | Plugin yang dibuat untuk instalasi dan debugging dPlugins | devusrmk | Aktif | 1.1.2 | |
| Pengirim Email Elastis | Plugin ini mengonfigurasi ulang fungsi wp_mail() untuk mengirim email menggunakan API (melalui Email Elastis) alih-alih SMTP dan membuat halaman opsi yang memungkinkan Anda menentukan berbagai opsi. | Elastis Email Inc. | Aktif | 1.2.3 | |
| Favorit | Tombol favorit yang sederhana dan fleksibel untuk semua jenis posting. | Kyle Phillips | Aktif | 2.3.2 | |
| Paket Hidrogen | Paket peningkatan Oxygen Builder yang menghemat waktu | Bersihkan Plugin | Aktif | 1.3.5 | Ulasan kami |
| MalCare Security - Pemindai Malware Gratis, Perlindungan & Keamanan untuk WordPress | MalCare Security - Pemindai Malware Gratis, Perlindungan & Keamanan untuk WordPress | Keamanan MalCare | Aktif | 4.63 | |
| Kotak Meta | Buat kotak meta khusus dan bidang khusus di WordPress. | MetaBox.io | Aktif | 5.4.8 | Ulasan kami |
| Kotak Meta AIO | Semua ekstensi Meta Box dalam satu paket. | MetaBox.io | Aktif | 1.15.1 | |
| Login Sosial Berikutnya | Nextend Social Login menampilkan tombol login sosial untuk Facebook, Google dan Twitter. | Nextendweb | Aktif | 3.1.2 | |
| OxyExtras | Pustaka Komponen untuk Oksigen. | OxyExtras | Aktif | 1.3.8 | |
| Oksigen 3.9 Beta 2 | BETA. GUNAKAN RISIKO ANDA SENDIRI. | Soflyy | Aktif | 3.9 Beta 2 | |
| Elemen Oksigen untuk WooCommerce | Bangun situs web WooCommerce yang indah. | Soflyy | Aktif | 1.4 | |
| OxyMade | Berbasis Tailwind CSS, Kerangka & Alat CSS bertenaga kelas Utilitas untuk Oxygen Builder. | Anvesh | Aktif | 1.5.2 | Ulasan kami |
| SSL Sangat Sederhana | Plugin ringan tanpa pengaturan apa pun untuk membuat situs Anda bukti SSL | Plugin Sangat Sederhana | Aktif | 5.1.2 | |
| Pengalihan | Kelola semua pengalihan 301 Anda dan pantau kesalahan 404 | John Godley | Aktif | 5.1.3 | |
| Ubah Ukuran Gambar Setelah Diunggah | Secara otomatis mengubah ukuran gambar yang diunggah ke dalam lebar dan tinggi maksimum yang ditentukan. Juga memiliki opsi untuk memaksa kompresi ulang JPEG. Opsi konfigurasi ditemukan di bawah Pengaturan> Ubah Ukuran Unggah Gambar | Piksel Pendek | Aktif | 1.8.6 | |
| Pengatur Skrip | Editor Kode Lanjutan untuk Wordpress | dPlugin | Aktif | 3.0.0 Beta 2 | Ulasan kami |
| CariWP | Pencarian WordPress terbaik yang dapat Anda temukan | CariWP | Aktif | 4.1.22 | |
| SearchWP Pencarian Ajax Langsung | Tingkatkan formulir pencarian Anda dengan pencarian langsung, diberdayakan oleh SearchWP (jika diinstal) | SearchWP, LLC | Aktif | 1.6.1 | Ulasan kami |
| Cari WP Metrik | Metrik pencarian lanjutan dari SearchWP | CariWP | Aktif | 1.4.0 | |
| Cari WP Shortcode | Menyediakan Kode Pendek yang menghasilkan formulir pencarian dan halaman hasil untuk mesin pencari SearchWP | CariWP | Aktif | 1.8.2 | |
| Shareaholic - Kembangkan dan Libatkan Audiens Anda | Plugin WordPress resmi Shareaholic memungkinkan Anda untuk menambahkan Tombol Berbagi Sosial Pemenang Penghargaan, Posting Terkait, Analisis Konten, Monetisasi Iklan, dan lainnya ke situs web Anda. | gila berbagi | Aktif | 9.7.1 | |
| Pisau Swiss | Plugin pertama yang harus Anda instal ketika default Oxygen tidak cukup. | dPlugin | Aktif | 1.3.7 | Ulasan kami |
| Manajer File WP | Kelola file WP Anda. | mndpsingh287 | Aktif | 7.1.2 | |
| Pembuat Grid WP | Bangun tata letak kisi tingkat lanjut dengan pencarian segi waktu nyata untuk eCommerce, blog, portofolio, dan lainnya... | Loic Blascos | Aktif | 1.5.9 | Ulasan kami |
| WP Grid Builder - Kotak Meta | Integrasikan WP Grid Builder dengan plugin Meta Box. | Loic Blascos | Aktif | 1.0.0 | |
| WP Grid Builder - Oksigen | Integrasikan WP Grid Builder dengan plugin Oxygen. | Loic Blascos | Aktif | 1.0.2 | |
| Formulir WS PRO | Bangun Formulir WordPress yang Lebih Baik | Formulir WS | Aktif | 1.8.125 | Ulasan kami |
| Formulir WS PRO - Manajemen Pengguna | Add-on Manajemen Pengguna untuk WS Form PRO | Formulir WS | Aktif | 1.4.1 |
*Kami meninjau plugin yang benar-benar kami gunakan, sebagaimana dibuktikan di sini :).
Penting untuk dicatat bahwa kami menggunakan Oxygen Builder 3.9 Beta 2. Kami juga telah menginstal elemen WooCommerce, tetapi WooCommerce sendiri tidak pada saat ini.
Sesuai laporan pengembang, versi Oxygen ini hampir dua kali lebih cepat dimuat di backend seperti sebelumnya.
Selain itu, saya ingin mencatat bahwa OxyExtras, WPGridbuilder, OxyMade, dan WSForm semuanya menambahkan elemen ke backend builder. Swiss Knife, alat kulit/alur kerja dan Paket Hidrogen juga dimuat ke backend.
Pada dasarnya, subjek tes ini adalah halaman yang banyak yang menggunakan Oxygen Builder memiliki pengalaman memuat. Ada beberapa add-on, ekstensi, dan skrip yang akan dimuat di backend dari pembuat dan plug-in pihak ketiga.
Akhirnya, inilah sekilas tentang WiFi saya:
Bagaimana Tes Ini Dijalankan
Tes ini dilakukan dengan memuat langsung Oxygen Builder dari mengklik "edit with Oxygen" di halaman belakang.
Tombolnya ditekan, dan penghitung waktu dimulai di sana. Setelah ikon roda gigi berhenti dan browser sepenuhnya diinisialisasi, pengujian berhenti.
Harap dicatat bahwa ini tidak sepenuhnya akurat karena saya menghitung waktu ini menggunakan stopwatch iPhone, tetapi ini harus memberikan perkiraan yang baik tentang perangkat dan browser mana yang memuat plugin ini paling cepat. Ini juga perlu diperhatikan - halaman telah dimuat sebelumnya di fontend, tetapi tidak pernah di pembuat backend sebagai admin . Saya membuka pembuatnya dengan memuat deals.isotropic.co, pergi ke bilah atas, mengklik halaman edit, lalu mengklik tombol edit dengan oksigen.
Tujuan dari tes ini bukanlah lari cepat. Ini adalah untuk mendapatkan data dunia nyata di bagian belakang dan waktu pemuatan plug-in ini untuk melihat apakah kekhawatiran diperlukan dengan kecepatan dan efisiensi. Alih-alih melihat angka waktu yang sebenarnya, pertimbangkan untuk melihat perbedaan antara angka-angka ini dalam hal perangkat dan browser.
Akhirnya, saya telah menyertakan tautan Amazon (afiliasi) jika ini menginspirasi siapa pun untuk membeli secara impulsif.
Waktu Pemuatan Pembangun Oksigen Dengan Peramban
Pertama, mari kita coba memuatnya di semua browser yang terpasang di Mac Mini M1 saya. Statistik akan disajikan kembali saat pengujian oleh perangkat, tetapi ini adalah Mac Mini M1 2020 dengan ram 8 GB, menjalankan Big Sur V11.3.1. Ini adalah "desktop harian" saya.
Kami mulai dengan tes browser untuk menentukan mana yang tercepat untuk memuat Oksigen. Kami akan menggunakan browser ini saat menguji perangkat yang berbeda.
Kami menguji Safari V14.1, Chrome V95.0.4638.69, dan Firefox V94.
- Firefox masuk pada 05,59 detik.
- Chrome masuk pada 17,52 detik.
- Safari masuk dalam 6,20 detik.
Chrome adalah outlier yang jelas di sini. Saya menjalankannya lagi untuk melihat apakah ada gangguan saat memuat - hanya butuh sekitar 16,5 detik untuk memuat untuk kedua kalinya, jadi saya pikir rata-rata adalah angka yang relatif akurat.
Kesimpulannya di sini adalah bahwa Firefox adalah browser tercepat. Ini telah menjadi topik yang dibahas dalam grup Facebook resmi untuk beberapa waktu sekarang, jadi semoga data empiris ini membuktikan bahwa Anda harus menggunakan browser ini. Secara pribadi, Firefox adalah browser favorit saya untuk mengembangkan situs web karena memiliki banyak alat pengembang front end berkualitas tinggi. Namun, jika dibandingkan dengan chrome, ia kurang dalam audit keamanan dan kinerja.
Kami akan menggunakan browser itu untuk pengujian perangkat.
Waktu Pemuatan Pembangun Oksigen Dengan Peramban
Untuk pengujian ini, kita akan menggunakan semua perangkat di jaringan Wi-Fi yang sama, menggunakan versi Firefox yang sama, memuat halaman yang sama seperti sebelumnya. Faktor pembeda adalah perangkat dan statistik pengujian di belakangnya. Berikut barisannya.
Mac Mini 2020 (sudah diuji)
- Chip Apple M1
- RAM 16GB
Memuat Oksigen dalam 05,59 detik.
2019 XPS 13 9370
- Intel i7-8550U
- RAM 16GB
Memuat Oksigen dalam 11,54 detik.
iPad Air 2020 10.9 di MYFT2LL/A
- Chip A14 Apple
- RAM 4 GB
Memuat Oksigen dalam 11,96 detik.
Baca: Bisakah Anda Mengembangkan Situs Web di iPad Pro?
2019 Dell Latitude 7400
- Intel i7 8655U
- RAM 16GB
Memuat Oksigen dalam 16,19 detik.
Macbook Pro 13in 2020
- Intel Core i5
- RAM 16GB
- Intel Iris Plus Graphics 645 1536 MB
Memuat Oksigen dalam 9,66 detik.
2021 Macbook Pro 16in
- Chip Apple M1 Max
- RAM 64GB
Memuat Oksigen dalam 5,43 detik.
Semua perangkat dicolokkan ke pengisi daya baterai selama pengujian. Peramban Firefox adalah satu-satunya aplikasi/program yang terbuka. Anda mungkin bertanya-tanya mengapa saya memiliki akses ke semua perangkat ini. Saya pribadi tidak memiliki semua barang elektronik ini, sebaliknya saya memiliki akses untuk menyewanya dari universitas setempat.
Takeaways Besar
Pertama, seperti yang disebutkan beberapa kali, ini adalah tes yang tidak sempurna. Itu tidak dilakukan di lingkungan lab. Halaman dengan data yang kurang dinamis akan dimuat lebih cepat di pembuat backend, dan halaman dengan data yang lebih dinamis akan dimuat lebih lambat. Sama untuk gambar, elemen DOM, dan skrip.
Saya sarankan menggunakan angka-angka ini secara sewenang-wenang. Alih-alih mengatakan Oksigen akan dimuat dalam X.XX detik untuk Anda, gunakan angka untuk membandingkan browser dan perangkat.
Takeaway 1: Peramban Penting
Seperti yang dinyatakan secara konsisten oleh Facebook, Firefox adalah browser tercepat untuk memuat Oxygen Builder. Saya pribadi menggunakan edisi pengembang Firebox.
Takeaway 2: Perangkat Penting
Dua perangkat tercepat adalah perangkat Apple terbaru yang menggunakan Apple Silicone. Ini masuk akal; prosesor ini jauh lebih cepat daripada apa pun yang ada di pasaran; dan mereka tidak terlalu mahal. M1 Mac Mini dasar dijual dengan harga di bawah $600 yang diperbaharui, dan M1 Macbook Air adalah $899.
Takeaway 2B: Sepertinya prosesor lebih penting daripada RAM
Sepertinya semakin kuat prosesornya, semakin baik waktu pemuatan Backend Builder. Misalnya, laptop dengan RAM 64GB memuat sama dengan laptop dengan RAM 16GB. Saat daya prosesor turun, begitu juga waktu pemuatan pembuatnya.
Saya berharap mencoba memuat pembuat di Chromebook, atau perangkat lain dengan statistik rendah mungkin sulit.
Pikiran Akhir
Rata-rata waktu pemuatan Oxygen Backend untuk pengujian ini adalah sekitar 10 detik untuk halaman besar yang tidak dioptimalkan, dengan banyak data dinamis. Selain itu, ada beberapa add-on yang memuat elemen mereka sendiri di halaman, bersama dengan koleksi CSS global kustom yang besar. Ini sangat dapat diterima dalam buku saya. Itu menjadi lebih dapat diterima ketika perubahan kelas CSS dan opsi global dapat disinkronkan tanpa perlu memuat ulang pembuat dengan plugin Kolaborasi.
Sebagai webdev yang menggunakan Oxygen untuk sebagian besar proyek, kecepatan pembuat tidak pernah memengaruhi saya, tetapi saya ingin melihat dengan serius pengaturan terbaik untuk itu.
Jika Anda memiliki nomor perbandingan sendiri, jangan ragu untuk mempostingnya di bagian komentar di bawah.