WordPress vs Coding Manual: Mana Lebih Baik untuk Website Bisnis?

WordPress vs coding manual untuk website bisnis: bedanya, kecepatan, SEO, biaya 3 tahun, cara edit, dan kapan page builder seperti Elementor lebih cocok.

Oleh Ilham Musyafa · 20 Juni 2026

WordPress vs Coding Manual: Mana Lebih Baik untuk Website Bisnis?

Untuk website bisnis yang harus cepat, muncul di Google, dan awet bertahun-tahun, website yang dicoding manual biasanya lebih unggul daripada WordPress dengan page builder. WordPress dan page builder seperti Elementor lebih cocok kalau kamu sendiri yang mengubah tampilan halaman setiap minggu, butuh website jadi dalam beberapa hari, atau budgetnya sangat tipis. Saya membuat website secara manual, tapi tetap menyarankan WordPress ke sebagian orang. Di artikel ini saya jelaskan batasnya, lengkap dengan cara mengecek sendiri.

Bedanya WordPress, Page Builder, dan Website Coding Manual

Banyak orang mencampur tiga hal ini, padahal biaya dan perawatannya berbeda jauh.

WordPress adalah CMS, yaitu sistem untuk mengelola isi website lewat dashboard. Kamu menulis artikel, mengganti foto, dan menambah halaman tanpa menyentuh kode. Tampilannya diatur oleh tema dan diperluas dengan plugin.

Apa itu page builder seperti Elementor?

Elementor adalah plugin WordPress untuk menyusun halaman dengan drag and drop. Jadi perbedaan WordPress dan Elementor sederhana: WordPress sistemnya, Elementor alat desain yang dipasang di atasnya. Contoh lain: Divi dan Beaver Builder. Ada juga website builder hosting seperti Wix, yang software dan hosting-nya jadi satu paket langganan.

Apa itu website coding manual?

Website coding manual (sering disebut website custom atau website native) ditulis langsung dalam HTML, CSS, dan sedikit JavaScript. Tidak ada page builder dan tidak ada tumpukan plugin. Website ini, ilhammsf.com, contohnya. Sampai Juli 2026 masih WordPress, lalu saya pindahkan ke build statis yang dicoding manual. Setiap artikel ditulis sebagai file teks, lalu script kecil mengubahnya menjadi halaman HTML biasa.

PilihanCara editPerlu coding?Cocok untuk
Wix dan sejenisnyaEditor milik platformTidakWebsite kecil yang dibuat sendiri
WordPress + ElementorDrag and dropHampir tidakHalaman yang sering diubah sendiri
WordPress + tema biasaDashboard dan blokSedikitBlog, website bisnis sederhana
Coding manualFile konten atau admin kecilYa, oleh developerCompany profile, website ringan

Perbandingan Lengkap WordPress vs Coding Manual

AspekWordPress + page builderCoding manual
Biaya awalLebih murahLebih mahal
Biaya per tahunLisensi, plugin, perawatanHosting, sesekali jasa developer
KecepatanBerat dari awalnyaHanya memuat yang dipakai
Cara editSiapa saja, kapan sajaFile konten, admin kecil, atau developer
SEOBagus, dengan pluginKontrol penuh
KeamananBanyak celah dari plugin dan loginSangat sedikit di website statis
KepemilikanTerikat page builderFile biasa, bisa dipindah ke mana saja
Waktu jadiHitungan hariHitungan minggu

Kenapa Website Elementor Terasa Berat?

Page builder harus siap untuk semua jenis layout yang mungkin dibuat penggunanya. Akibatnya, halaman ikut memuat CSS dan JavaScript untuk widget, animasi, dan opsi yang tidak kamu pakai. Setiap bagian juga dibungkus beberapa lapis elemen. Versi Elementor yang baru sudah lebih ramping dengan sistem container, tapi titik awalnya tetap lebih berat daripada halaman yang hanya berisi yang dibutuhkan.

Itu sebabnya banyak orang mencari "elementor lemot". Cache dan hosting yang bagus memang membantu, tapi tidak menghapus beban bawaannya.

Daripada percaya klaim siapa pun, termasuk saya, cek sendiri dalam 5 menit:

  1. Buka halaman di Chrome, tekan F12, pilih tab Network, centang "Disable cache", lalu reload.
  2. Lihat baris ringkasan di bawah: jumlah request dan total data yang diunduh.
  3. Tekan Ctrl+Shift+P, ketik "Coverage", rekam, lalu reload. Tab ini menunjukkan berapa banyak CSS dan JavaScript yang benar-benar dipakai halaman.
  4. Di tab Console, jalankan document.querySelectorAll('*').length untuk menghitung jumlah elemen halaman.
  5. Tes URL di PageSpeed Insights versi mobile 3 kali dan ambil hasil tengahnya.

Lakukan hal yang sama di halaman sejenis yang dibuat dengan Elementor, lalu bandingkan angkanya berdampingan.

Ini hasil pengukuran sungguhan di dua website yang saya kelola, dibuka di Chrome dengan cache dimatikan, tampilan desktop, pada 21 Oktober 2026. Yang pertama website ini, yang ditulis manual. Yang kedua halaman depan Tangkap Rasa, usaha sewa kamera saya, yang memakai WordPress dan Elementor. Halaman dan isinya berbeda, jadi anggap ini gambaran dari mana beban halaman berasal, bukan uji laboratorium.

Diukur 21 Okt 2026ilhammsf.com/id/ (kode manual)tangkaprasa.com (WordPress + Elementor)
Jumlah request9120
Data yang diunduh335 KB2,3 MB
JavaScript0 KB673 KB
File CSSsekitar 1 KB (sisanya inline)155 KB
Font47 KB730 KB
Gambar271 KB734 KB
Elemen DOM3711.012

Sebagian besar beban halaman manual berasal dari satu foto. Di halaman Elementor, script dan font saja sudah beberapa kali lebih berat dari seluruh halaman manual, padahal pengunjung tidak datang untuk itu.

Mana yang Lebih Bagus untuk SEO?

Keduanya bisa ranking. Google menilai halaman terutama dari relevansi dan kegunaan isinya, jadi website WordPress dengan Elementor tetap bisa ada di halaman 1. Bedanya ada di seberapa berat usaha teknisnya.

Google menyebut Core Web Vitals (ukuran kecepatan dan kenyamanan halaman) dipakai oleh sistem peringkatnya, tapi juga menegaskan konten paling relevan tetap bisa tampil walaupun pengalaman halamannya kurang bagus. Penjelasan lengkapnya ada di dokumentasi page experience Google. Artinya kecepatan bukan penentu tunggal, tapi faktor penentu saat bersaing ketat. Banyak pengunjung website UMKM membuka dari HP dengan sinyal yang tidak selalu stabil, jadi halaman yang ringan ikut menentukan apakah orang menunggu atau langsung kembali ke hasil Google.

Masalah SEO yang sering saya temukan di website page builder justru ada di struktur, bukan kecepatan: H1 lebih dari satu, heading dipilih karena ukuran hurufnya, teks yang sama muncul dua kali untuk versi HP dan desktop, dan gambar dipasang sebagai background sehingga tidak punya alt text.

Satu hal yang perlu kamu urus sendiri di website coding manual adalah structured data (kode yang menjelaskan identitas bisnis ke Google), karena tidak ada plugin SEO. Caranya cepat. Misalnya untuk usaha di Jogja, saya buat blok LocalBusiness berisi nama, alamat, nomor WhatsApp, dan jam buka di schema markup generator, tempel di bagian head, lalu cek di Rich Results Test. Structured data membantu Google memahami bisnismu, tapi tidak menjamin tampilan khusus di hasil pencarian.

Schema markup generator dengan contoh LocalBusiness untuk usaha di Jogja. Kode JSON-LD di sebelah kanan tinggal ditempel ke bagian head halaman.
Schema markup generator dengan contoh LocalBusiness untuk usaha di Jogja. Kode JSON-LD di sebelah kanan tinggal ditempel ke bagian head halaman.

Apa Kelemahan WordPress dan Page Builder?

Kelemahan WordPress bukan di WordPress-nya, tapi di perawatannya. WordPress, tema, page builder, dan setiap plugin punya jadwal update sendiri. Update bisa merusak layout, sedangkan kalau tidak di-update, celah keamanannya terbuka.

Saya merasakannya sendiri. Website rental kamera saya, Tangkap Rasa, masih memakai WordPress dan Elementor. Beberapa hal yang pernah saya perbaiki di sana: plugin cache menyisipkan script sampai sebagian kode tampil sebagai teks di halaman, cache halaman yang terlalu lama membuat form booking ditolak karena token keamanannya kedaluwarsa, dan warna tombol global dari pengaturan Elementor menimpa desain yang sudah saya atur per halaman. Tidak ada yang fatal, tapi semuanya makan waktu.

Soal keamanan juga nyata. WordPress lama di website ini pernah terkena spam injection dan harus dibersihkan. Website statis tidak punya halaman login yang terbuka, tidak punya database yang bisa disusupi, dan tidak punya plugin yang bisa dibobol.

Kelemahan terakhir adalah ketergantungan. Layout Elementor tersimpan dalam format Elementor, jadi kalau plugin-nya dinonaktifkan, halaman yang dibuat dengannya kehilangan tampilannya. Pindah ke sistem lain berarti menyusun ulang halaman.

Berapa Biaya Website Coding Manual Dibanding WordPress?

Jangan bandingkan harga pembuatannya saja. Bandingkan total 3 tahun: biaya pembuatan ditambah biaya rutin per tahun dikali 3. Di WordPress, biaya rutinnya adalah hosting, lisensi page builder atau plugin premium, dan jasa perbaikan setelah update. Di website coding manual, biaya rutinnya terutama hosting dan sesekali jasa developer untuk perubahan.

Untuk rentang harganya, buka kalkulator biaya pembuatan website. Pilih "Company profile", lalu bandingkan "Paket UMKM" dengan "Freelancer" plus "Desain custom". Centang "Maintenance (bulanan)" dan "Hosting dan domain (tahunan)", lalu lihat baris biaya rutinnya, bukan hanya biaya pembuatan. Sebagai gambaran, Next IT mencatat company profile 5 sampai 10 halaman di agensi sekitar Rp8 sampai 25 juta. Angka di kalkulator adalah rentang pasar, bukan penawaran harga.

Kalkulator biaya untuk company profile yang dikerjakan freelancer dengan desain custom. Hasilnya memisahkan biaya pembuatan sekali bayar, Rp12 juta sampai Rp20 juta, dari biaya rutin Rp1,6 juta sampai Rp8,5 juta per tahun.
Kalkulator biaya untuk company profile yang dikerjakan freelancer dengan desain custom. Hasilnya memisahkan biaya pembuatan sekali bayar, Rp12 juta sampai Rp20 juta, dari biaya rutin Rp1,6 juta sampai Rp8,5 juta per tahun.

Paket UMKM yang murah biasanya memakai template dan tidak mencakup aplikasi web custom. Untuk website yang hanya perlu tampil rapi dan punya tombol WhatsApp, paket seperti itu sering sudah cukup.

Siapa yang Mengedit Isinya Nanti?

Ini alasan terkuat memilih WordPress, jadi jawabannya harus jujur. Website coding manual tidak punya editor drag and drop. Ada tiga cara mengeditnya:

  1. File konten. Setiap halaman berupa file teks sederhana (Markdown). Ubah teksnya, build ulang, selesai. Website ini bekerja seperti itu.
  2. Admin kecil. Form sederhana untuk mengubah teks dan upload gambar. Saya memakai admin kecil seperti ini untuk ilhammsf.com.
  3. Headless CMS. Dashboard editing terpisah yang mengirim isi ke website custom.

Mengganti harga, jam buka, atau foto produk bisa kamu lakukan sendiri. Yang tidak bisa adalah mengubah layout dengan menggeser blok. Untuk company profile yang isinya berubah beberapa kali setahun, itu bukan masalah.

Kapan Sebaiknya Pakai WordPress atau Page Builder?

  • Kamu sendiri yang mengubah tampilan halaman setiap minggu.
  • Website harus jadi dalam hitungan hari dan budgetnya sangat kecil.
  • Kamu baru menguji ide usaha dan belum tahu akan bertahan berapa lama.
  • Kamu menulis artikel sesering mungkin dan butuh dashboard yang sudah dikenal banyak orang.
  • Tidak ada developer yang bisa dihubungi kalau ada perubahan.

Kapan Sebaiknya Website Coding Manual?

  • Website akan dipakai minimal 3 tahun dengan struktur yang kurang lebih sama.
  • Pelanggan datang dari Google, termasuk pencarian lokal yang terhubung dengan Google Bisnisku.
  • Kamu butuh fitur yang tidak ada di template, misalnya form booking, kalkulator harga, atau koneksi ke sistem lain.
  • Kamu ingin website yang tidak perlu diurus setiap ada update plugin.

Kesimpulan

Pilih coding manual kalau kamu butuh website bisnis yang cepat, aman, dan awet. Pilih WordPress dengan page builder kalau kamu sendiri yang mengubah tampilannya setiap minggu atau butuh website jadi minggu ini.

Pertanyaan yang sering ditanyakan

Apa kelemahan WordPress?

Perawatannya. WordPress, tema, dan plugin harus terus di-update, dan update bisa merusak layout. Plugin yang tidak diperbarui juga termasuk celah keamanan yang paling umum.

Apakah Elementor bikin website berat atau lemot?

Biasanya iya, sampai tingkat tertentu. Elementor memuat kode untuk fitur yang tidak kamu pakai dan menambah lapisan elemen. Hosting yang bagus dan cache bisa mengurangi efeknya, dan kamu bisa mengukurnya sendiri di Chrome DevTools dan PageSpeed Insights.

Lebih bagus mana untuk SEO, WordPress atau coding manual?

Keduanya bisa ranking, karena isi yang relevan tetap paling menentukan. Coding manual memberi kontrol penuh atas kecepatan dan struktur heading, sedangkan WordPress lebih mudah diatur lewat plugin SEO.

Berapa biaya website coding manual dibanding WordPress?

Biaya pembuatannya biasanya lebih mahal, tapi biaya rutinnya lebih kecil karena tidak ada lisensi page builder dan plugin premium. Bandingkan total 3 tahun, bukan harga awal saja.

Apakah website coding manual bisa diedit sendiri?

Bisa, untuk teks dan gambar. Isinya disimpan di file konten sederhana atau diubah lewat admin kecil. Yang butuh developer adalah perubahan layout dan desain.

Apakah WordPress cocok untuk pemula?

Ya. WordPress dan Elementor termasuk cara paling mudah untuk membuat website sendiri tanpa coding. Siapkan waktu untuk merawatnya, karena update dan backup menjadi tanggung jawabmu.

Bisakah pindah dari WordPress atau Elementor ke website custom tanpa kehilangan ranking?

Bisa, kalau pindahnya hati-hati. Pertahankan URL yang sama sebisa mungkin, pasang redirect 301 untuk URL yang berubah, bawa title dan isinya, lalu kirim ulang sitemap dan pantau laporan Pengindeksan halaman (Page indexing) di Search Console.

Penasaran seperti apa hasilnya untuk bisnismu? Begini cara saya membuat website company profile, atau ngobrol dulu lewat halaman kontak.