Elementor tidak loading: cara memperbaiki editor yang macet di layar loading

Temukan penyebabnya dulu: baca console browser

Artikel Elementor tentang masalah ini, Elementor stuck on loading screen, selalu mengarahkan Anda ke satu tempat: console browser. Dengan editor yang macet masih terbuka, buka console memakai pintasan dalam panduan console Elementor:

• Chrome: Ctrl+Shift+J di Windows, Cmd+Option+J di Mac.
• Firefox: Ctrl+Shift+K di Windows, Cmd+Option+K di Mac.
• Edge: F12.
• Safari: Cmd+Option+C, setelah Anda menyalakan Show Develop menu di tab Advanced pada pengaturan Safari.

Muat ulang halaman dengan console terbuka dan cari baris berwarna merah. Ambil tangkapan layarnya, karena siapa pun yang Anda mintai bantuan pasti ingin melihatnya. Lalu cocokkan gejala Anda dengan tabel berikut.

Sebelum Anda mengubah apa pun di situs klien yang live, buat cadangan (backup) penuh terlebih dahulu. Elementor meminta Anda membuatnya sebelum memakai Safe Mode atau mengubah pengaturan.

Perbaikan 1: Pastikan browser bukan penyebabnya

Langkah ini hanya butuh dua menit dan menyingkirkan sekelompok penyebab sekaligus. Dari langkah penyelesaian masalah umum Elementor:

1. Buka jendela privat (di Chrome: menu tiga titik, lalu New Incognito Window), login ke WordPress, dan coba lagi Edit with Elementor.
2. Jika berhasil di sana, bersihkan cache browser biasa Anda (di Chrome: menu tiga titik, lalu Clear Browsing Data, lalu Delete data).
3. Matikan ekstensi dan ad blocker satu per satu, dan uji editor setelah mematikan masing-masing.
4. Atau coba browser lain. Elementor menyarankan Chrome, Firefox, Safari, atau Opera.

Cara memeriksa: editor terbuka di browser biasa Anda dan panel kiri terisi dengan widget. Jika hanya berhasil di jendela privat, bahkan setelah cache dibersihkan, berarti salah satu ekstensi Anda penyebabnya.

Perbaikan 2: Perbarui Elementor dan Elementor Pro bersamaan

Elementor mencantumkan versi Elementor dan Elementor Pro yang tidak cocok sebagai penyebab editor macet yang sudah dikenal. Buka Plugins > Installed Plugins. Jika salah satu plugin punya pembaruan yang menunggu, perbarui keduanya ke versi terbaru, lalu muat ulang editornya.

Perbaikan 3: Uji plugin dan tema dengan Safe Mode

Safe Mode memuat editor tanpa plugin pihak ketiga, kode tema, atau fitur eksperimen Elementor. Ini hanya berlaku di dalam editor untuk administrator yang sedang login, jadi pengunjung tetap melihat situs seperti biasa. Langkahnya dari artikel Safe Mode Elementor:

1. Login dengan akun Administrator. Pada jaringan multisite, hanya Super Admin yang bisa melakukannya.
2. Buka Elementor > Editor > Tools dan tetap di tab General.
3. Atur Safe Mode ke Enable lalu klik Save Changes.
4. Buka sebuah halaman dengan Edit with Elementor. Lencana Safe Mode akan muncul di pojok kanan bawah kanvas.

Jika editor menampilkan jendela Can't Edit?, Anda bisa klik Enable Safe Mode di jendela itu saja.

Jika editor berhasil dimuat di Safe Mode, berarti ada plugin atau tema yang menyebabkan masalah. Saran Elementor adalah menonaktifkan semua plugin kecuali Elementor dan Elementor Pro lewat Plugins > Installed Plugins, lalu mengaktifkannya kembali satu per satu dan menguji editor setelah masing-masing. Untuk menguji tema, pasang dan aktifkan Hello Elementor di Appearance > Themes. Kedua langkah ini mengubah apa yang dilihat pengunjung, jadi di situs klien yang ramai gunakan salinan staging jika hosting menyediakannya, atau kerjakan di jam sepi. Daftar konflik plugin dan tema yang sudah dikenal dari Elementor juga patut dilihat sekilas.

Setelah Anda menemukan plugin penyebabnya, hubungi pengembangnya atau ganti dengan plugin serupa. Lalu kembalikan pengaturan Safe Mode dan simpan, karena Safe Mode tetap mematikan fitur eksperimen Elementor selama aktif.

Jika editor masih macet di Safe Mode, ingat bahwa must-use plugin yang dipasang oleh hosting tetap dimuat. Artikel MU plugin dari Elementor menjelaskan cara mengganti nama folder mu-plugins, atau Anda bisa meminta hosting untuk mematikannya. Jika bukan itu penyebabnya, kemungkinan besar masalahnya ada di Cloudflare, server, atau browser: lanjut ke Perbaikan 4, 6, dan 7.

Perbaikan 4: Matikan Cloudflare Rocket Loader untuk Elementor

Rocket Loader adalah pengaturan kecepatan Cloudflare yang menahan semua JavaScript sampai halaman selesai ditampilkan. Menurut Elementor, ini bisa menunda atau memblokir skrip editor. Halaman Rocket Loader milik Cloudflare sendiri menyebutkan bahwa jika Anda melihat masalah JavaScript atau jQuery, sebaiknya Anda menonaktifkannya lalu menguji ulang.

Cara menguji tercepat adalah mematikannya untuk seluruh situs:

1. Di dasbor Cloudflare, buka Speed > Settings.
2. Masuk ke Content Optimization dan matikan Rocket Loader.
3. Muat ulang editor Elementor.

Jika itu mengatasinya dan Anda ingin tetap memakai Rocket Loader untuk pengunjung, matikan hanya untuk Elementor dengan sebuah Configuration Rule (langkah dari Cloudflare). Buka Rules > Overview, klik Create rule dan pilih Configuration Rule. Beri nama aturannya dan atur filter kustom yang cocok dengan URL Elementor. Di bawah Then the settings are, tambahkan Rocket Loader yang diatur ke off, lalu klik Deploy. Artikel Rocket Loader dari Elementor mencantumkan URL yang perlu dicakup: yoursite.com/*elementor* untuk halaman Elementor dan yoursite.com/?elementor_library=* untuk template. Elementor juga menyarankan agar Anda membersihkan cache Cloudflare.

Jika Cloudflare juga macet dalam loop pengalihan (redirect loop) di situs yang sama, lihat Cloudflare too many redirects.

Perbaikan 5: Matikan preloader bawaan tema

Sebagian tema menampilkan animasi loading, yang disebut preloader, sebelum setiap halaman muncul. Elementor mencantumkan ini sebagai salah satu penyebab editor macet. Cari di panel pengaturan tema itu sendiri atau di Appearance > Customize untuk opsi preloader atau page loader. Matikan, simpan, lalu muat ulang editornya.

Perbaikan 6: Ubah X-Frame-Options dari DENY menjadi SAMEORIGIN

Editor Elementor menampilkan halaman yang sedang Anda edit di dalam sebuah frame. Jika server mengirim header X-Frame-Options yang diatur ke DENY, browser tidak akan menampilkan frame itu, dan console biasanya menunjukkan error merah yang menyebut X-Frame-Options atau cross-origin. Perbaikan menurut Elementor adalah meminta penyedia hosting Anda untuk mengubah X-Frame-Options dari DENY menjadi SAMEORIGIN. SAMEORIGIN tetap mencegah situs web lain menampilkan situs Anda di dalam frame mereka.

Kirim ke hosting alamat situs, tangkapan layar console, dan kalimat ini: tolong ubah header X-Frame-Options dari DENY menjadi SAMEORIGIN untuk situs ini. Cara memeriksa: muat ulang editor dengan console terbuka. Error-nya seharusnya sudah hilang.

Perbaikan 7: Cek memori PHP, versi PHP, dan editor loader

Jika editor masih gagal di Safe Mode, Elementor menyarankan Anda mengecek apakah memori server kehabisan. Lihat dulu angkanya. Elementor > Editor > System menampilkan System Info, termasuk lingkungan server. Layar Tools > Site Health > Info di WordPress punya bagian Server (panduan WordPress). Bandingkan dengan persyaratan Elementor:

Memori: panduan wp-config dari WordPress menjelaskan pengaturan WP_MEMORY_LIMIT, dan juga WP_MAX_MEMORY_LIMIT untuk tugas admin. Keduanya tidak bisa melebihi batas yang diizinkan hosting, dan sebagian hosting memblokir penambahan ini sama sekali. Cara yang paling andal adalah meminta hosting menaikkan batas memori PHP menjadi setidaknya 256 MB.

Versi PHP: ini dikendalikan oleh hosting. Sebagian besar panel hosting membolehkan Anda memilih versi, dan jika panel Anda tidak bisa, hubungi support. Artikel pembaruan PHP dari Elementor menyarankan Anda memperbarui tema dan plugin serta membuat backup sebelum beralih.

Editor loader: jika console menunjukkan error 404 atau ERR_INCOMPLETE_CHUNKED_ENCODING, artikel konfigurasi server dari Elementor menyarankan Anda membuka Elementor > Settings > Advanced (pada versi yang lebih baru, Settings ada di bawah Elementor > Editor) dan mengatur Switch Editor Loader Method ke Enable. Opsi ini dirancang untuk server dengan sumber daya terbatas, dan Elementor menyebut ini tidak memperlambat situs, jadi Anda bisa membiarkannya tetap menyala.

Perbaikan 8: Hapus kode kustom atau bangun ulang widget yang rusak

Jika hanya satu halaman atau template yang macet, periksa apa yang ada di dalamnya.

• Kode kustom: buka Elementor > Editor > Custom Elements > Code, ubah potongan kode yang Anda curigai ke Draft, lalu muat ulang editornya. Tambahkan kodenya kembali satu per satu.
• Widget yang rusak: pengaturan tersimpan sebuah widget bisa menjadi tidak sinkron dengan situs setelah pembaruan atau caching. Contoh dari Elementor adalah Loop Grid. Perbaikannya adalah mematikan fitur itu di Element Manager (di bawah Elementor > Editor > System), menyimpan halaman tanpa widget tersebut, menyalakan lagi fiturnya, lalu membangun ulang widget-nya dari awal.
• Elemen V4: jika Editor V4 beta dinyalakan di Elementor > Editor > Settings, Elementor menyarankan Anda mematikannya untuk melihat apakah halamannya bisa dimuat.

Jika semua ini tidak berhasil

Kumpulkan hal-hal berikut sebelum menghubungi siapa pun, supaya Anda cukup menjelaskan masalahnya sekali saja:

• Tangkapan layar error merah di console.
• File System Info: Elementor > Editor > System, lalu Download System Info (panduan Elementor).
• Apakah editor berhasil dimuat di Safe Mode, di jendela privat, dan dengan Rocket Loader dimatikan.
• Kapan masalah mulai muncul, dan apa yang berubah tepat sebelumnya: pembaruan, pindah hosting, Cloudflare, atau plugin baru.

Untuk Elementor Pro, login di my.elementor.com dan klik ikon Ask Angie di pojok kanan bawah untuk menghubungi support (panduan tiket dari Elementor). Support Elementor mencakup fitur inti Elementor, bukan konflik dengan plugin lain. Untuk plugin gratis, kirim pertanyaan di forum dukungan Elementor di WordPress.org. Perubahan memori, PHP, dan header harus dilakukan oleh penyedia hosting. Jika Anda mengelola banyak situs klien, paket perawatan bulanan yang rutin memudahkan Anda menjaga pembaruan tetap selaras.

Pertanyaan yang sering diajukan

Apakah Safe Mode mengubah tampilan situs live yang dilihat pengunjung?

Tidak. Safe Mode hanya memengaruhi editor Elementor untuk administrator yang sedang login, jadi pengunjung tetap melihat situs seperti biasa. Namun Safe Mode mematikan fitur eksperimen Elementor selama aktif, jadi matikan lagi setelah Anda selesai menguji.

Kenapa hanya satu halaman yang macet sementara yang lain terbuka normal?

Itu biasanya menunjuk ke sesuatu di halaman itu: kode kustom, atau sebuah widget yang pengaturan tersimpannya sudah tidak cocok lagi dengan situs. Ubah kode kustom ke Draft, atau matikan fitur widget tersebut di Element Manager, simpan halaman, nyalakan lagi fiturnya, lalu bangun ulang widget-nya.

Berapa memori PHP yang dibutuhkan Elementor?

Halaman persyaratan Elementor menyebut 256 MB sebagai minimum untuk Elementor dan Elementor Pro saja, 512 MB sebagai yang direkomendasikan, dan 768 MB untuk performa terbaik. Elementor juga meminta PHP 7.4 atau lebih tinggi (8.3 atau lebih tinggi disarankan) dan WordPress 6.8 atau lebih tinggi.

Apakah saya harus mematikan Rocket Loader untuk seluruh situs?

Tidak. Mematikannya untuk seluruh situs hanyalah cara tercepat untuk menguji. Setelah Anda tahu itulah penyebabnya, Anda bisa membuat Configuration Rule di Cloudflare yang mematikan Rocket Loader hanya untuk URL Elementor dan membiarkannya menyala untuk yang lain.

Saya tidak menemukan pengaturan Safe Mode. Di mana letaknya?

Pada versi sekarang, pengaturannya ada di Elementor > Editor > Tools, pada tab General. Elementor memindahkan beberapa item di menu admin-nya pada awal 2026, jadi tangkapan layar lama mungkin menampilkan jalur yang berbeda. Hanya Administrator yang bisa melihatnya, dan pada jaringan multisite hanya Super Admin.

Jika situs klien terus bermasalah

Jika situs satu klien terus macet gara-gara tumpukan plugin, pengaturan Cloudflare, dan batasan hosting yang ketat, tanyakan apakah klien itu benar-benar membutuhkan page builder sama sekali. WebNewBiz adalah pembuat situs web berbasis AI, di mana Anda mengubah situs dengan mengobrol bersama AI Copilot (teks, bagian, halaman, desain, gambar). Hosting dan SSL sudah termasuk di setiap paket, jadi tidak ada akun hosting terpisah yang perlu dikelola. Keterbatasannya, secara jujur: WebNewBiz tidak akan memperbaiki situs Elementor yang sudah ada. Jika Anda memindahkan sebuah situs, konten dan domain ikut terbawa, tetapi tata letaknya harus dibangun ulang. Draf pertama dari AI tetap butuh suntingan Anda sendiri, dan ini adalah platform yang masih muda dengan ekosistem yang jauh lebih kecil dibanding para pembuat situs besar. Anda bisa melihat cara kerja Copilot di halaman pembuat situs web AI.

Buat situs web Anda seharga $1. Bulan pertama $1, lalu harga normal paketnya (mulai dari $9 per bulan), dan Anda bisa berhenti kapan saja. Jika Anda menjalankan situs klien sebagai agensi, ngobrol dengan kami soal white-label.