Mobile Performance
53 -> 93 (+75.47%)
Pada 5 Juni 2025, saya menerima pesan WhatsApp dari tim PT Zumatic Saka Persada. Permintaannya cukup jelas: mereka ingin website yang lebih rapi, lebih mudah dikelola secara mandiri, dan tidak lagi bergantung pada bantuan teknis hanya untuk mengubah teks, gambar, atau halaman.
Klien menyampaikan:
Halo Pak, saya sedang mempertimbangkan untuk merapikan dan menyederhanakan website saya. Saya ingin bisa edit sendiri teks, gambar, dan halaman tanpa bantuan teknis. Saya tertarik migrasi ke block.
Dari sini terlihat bahwa klien sudah memahami manfaat WordPress blocks, dan kemungkinan besar sudah mempelajari layanan konversi website ke blocks yang saya tawarkan.
Ini juga bukan perkenalan pertama. Pada September 2023, klien pernah menghubungi saya untuk menyelesaikan beberapa masalah teknis di website yang sama. Jadi, proyek pada Juni 2025 ini adalah fase kedua: bukan lagi perbaikan parsial, melainkan transformasi yang lebih menyeluruh.
Saat diskusi dan audit dimulai, saya menemukan bahwa tantangannya tidak hanya soal editor konten. Desain lama memiliki masalah UI/UX, copywriting belum cukup kuat untuk mendukung konversi, dan performa teknis masih menyisakan banyak ruang perbaikan. Karena itu saya mengusulkan pendekatan yang lebih komprehensif: konversi ke blocks sekaligus redesign. Klien setuju, dan di titik itulah proyek ini resmi dimulai.
Mobile Performance
53 -> 93 (+75.47%)
Desktop Performance
81 -> 100 (+23.46%)
HTTP Requests
122 -> 64 (-47.54%)
Load Time
3.33s -> 1.70s (-48.95%)
Content Workflow
Raw HTML + builder berat -> blocks + ACF
Adopsi Tim
Training 4 jam -> 1.5 jam; 90% konten mandiri
Ingin audit cepat untuk memetakan potensi peningkatan di website Anda? Dapatkan rekomendasi implementasi dalam sesi Konsultasi Gratis. Mulai Konsultasi.
Sebelum masuk ke implementasi teknis, berikut konteks kondisi awal website PT Zumatic dan alasan mengapa proyek ini perlu dikerjakan secara menyeluruh.
Saat pertama kali dihubungi pada September 2023, fokus klien masih pada perbaikan beberapa isu teknis. Namun, setelah dievaluasi, masalahnya ternyata saling terkait dan menumpuk:
Masalah keamanan dan pemeliharaan:
Masalah UX dan konten:
Ketika klien kembali menghubungi di Juni 2025, kebutuhan sudah berubah: mereka ingin sistem yang bisa dikelola tim internal tanpa friksi teknis. Ini yang menjadi titik balik dari “perbaikan” ke “transformasi”.
Audit performa awal memperlihatkan kondisi yang cukup memprihatinkan.
Skor PageSpeed Insights sebelum optimasi:
Hasil browser speed test (before):
Perbandingan homepage menunjukkan perubahan paling terlihat: dari layout yang kaku menjadi struktur visual yang lebih modern, rapi, dan mudah dipindai.
Halaman kontak juga ikut ditata ulang, dari tampilan yang sangat dasar menjadi antarmuka yang lebih jelas dan meyakinkan bagi calon klien:
Tantangan terbesar ada di sisi operasional: pengelolaan konten terlalu teknis untuk tim non-teknis.
Saya memulai dengan audit menyeluruh di lima area:
Berdasarkan hasil audit, strategi transformasi difokuskan ke tiga pilar utama:
Saya mengganti sistem page builder dari WPBakery ke GenerateBlocks Pro yang lebih ringan dan lebih mudah digunakan. Keputusan ini didasarkan pada:
Saya juga menggunakan GeneratePress sebagai fondasi tema karena:
Salah satu kebutuhan unik proyek ini adalah multilingual yang sangat spesifik. PT Zumatic hanya membutuhkan bahasa ganda (Indonesia/English) untuk halaman Insights & News. Karena itu saya membuat custom plugin dengan karakteristik:
Dengan sistem ini, admin bisa mengelola konten dua bahasa tanpa plugin multilingual yang berat. Di interface tersebut admin dapat:
Keunggulan sistem ini:
Untuk menggantikan sistem tabel raw HTML yang rumit, saya menyiapkan:
Transformasi ini mengubah proses input project dari raw HTML yang rawan error menjadi form terstruktur yang mudah dipakai.
Project information management:
Advanced features:
Benefits untuk tim PT Zumatic:
Plugins Dihapus/Diganti:
Plugins Baru yang Ditambahkan:
Kombinasi GeneratePress dan GenerateBlocks sebenarnya sudah cepat. Namun untuk hasil yang optimal, saya tetap menerapkan beberapa teknik lanjutan:
Teknik Optimasi Lanjutan:
Skor PageSpeed Insights setelah optimasi:
| Metrik | Before Mobile | After Mobile | Before Desktop | After Desktop | Peningkatan |
|---|---|---|---|---|---|
| Performance | 53 | 93 | 81 | 100 | 75.47% (Mobile) |
| Accessibility | 93 | 100 | 98 | 100 | 7.53% (Mobile) |
| Best Practices | 96 | 100 | 96 | 100 | 4.17% |
| SEO | 85 | 100 | 85 | 100 | 17.65% |
Hasil browser speed test (after):
Catatan: ukuran transferred memang meningkat karena ada penyesuaian aset konten baru, tetapi total resources turun, jumlah request berkurang drastis, dan finish time membaik hampir 49%.
Ingin hasil serupa untuk website Anda? Lakukan Konsultasi Gratis — kami akan audit singkat dan berikan rekomendasi implementasi. Hubungi kami.
Salah satu dampak terbesar proyek ini justru ada di dashboard: dari yang membingungkan menjadi jauh lebih mudah dipakai tim internal.
Dashboard baru menampilkan:
Berikut visualisasi perubahan performa di level browser:
Grafik di atas memperlihatkan pengurangan HTTP requests dari 122 menjadi 64, yang berkontribusi langsung pada peningkatan kecepatan loading.
Perubahan di halaman projects menunjukkan pergeseran dari sistem kaku ke halaman yang dinamis dan mudah dikelola:
Halaman projects baru menampilkan:
Halaman services juga mengalami peningkatan struktur dan penyajian:
Halaman services baru menampilkan informasi lebih terstruktur, visual lebih kuat, dan CTA yang lebih jelas.
Kemudahan pengelolaan konten:
Training dan adopsi:
Setelah implementasi, saya memberikan training komprehensif kepada tim PT Zumatic. Hasilnya:
“Ini sudah sempurna! Proses pengelolaan menjadi sangat mudah. Meskipun masih butuh web developer untuk fungsi tertentu, untuk pengelolaan seperti menambahkan project baru, halaman baru, artikel/berita baru, semuanya sudah sangat mudah dan tidak terlalu teknis.”
— Tim PT Zumatic Saka Persada
Proyek PT Zumatic Saka Persada menunjukkan bahwa transformasi yang tepat bisa mengubah website dari beban operasional menjadi aset bisnis yang kuat dan mudah dikelola.
Jika website Anda menghadapi tantangan serupa - performa lambat, pengelolaan konten yang kompleks, atau kebutuhan fitur kustom - kami siap membantu menyusun strategi yang tepat.
Layanan yang Tersedia:
Apakah website harus dirombak total untuk bisa lebih cepat?
Tidak selalu. Banyak website bisa dipercepat dulu dari sisi bottleneck teknis (aset, cache, plugin, database, server) sebelum memutuskan redesign penuh.
Bagaimana memilih antara optimasi loading, konversi blocks, atau redesign?
Mulai dari audit dulu. Jika masalahnya dominan teknis, optimasi loading biasanya cukup. Jika struktur builder sudah terlalu berat atau UX sudah tidak relevan, konversi blocks/redesign biasanya jadi langkah berikutnya.
Hubungi kami untuk konsultasi gratis, lalu kita petakan langkah paling relevan untuk kondisi website Anda saat ini.
Founder Harun Studio & web developer, blogger, serta hosting reviewer. Telah membantu pemilik bisnis meraih kesuksesan dengan design, development dan maintenance sejak 2021.
Baca juga insight lain yang masih relevan dengan topik ini.
Dari error 404 di firesystem.co.id hingga rebuild total menjadi hydrantsystem.co.id: studi kasus pembuatan website ringan, cepat, dan mudah dikelola dengan stack WordPress modern.
Studi kasus Muslimadani.id: dari website lambat ke toko online yang lebih cepat dan siap konversi melalui audit bottleneck, optimasi teknis, dan migrasi infrastruktur.
Studi kasus peningkatan kecepatan website WIN Equipment dari skor 27 menjadi 92 di PageSpeed Insights.