Transformasi Kecepatan Website WIN Equipment - Studi Kasus

Bayangkan akhir pekan yang seharusnya tenang, lalu Anda menerima permintaan mendesak untuk migrasi website. Itulah yang saya alami ketika Win Equipment menghubungi saya untuk memindahkan website mereka dari hosting lama CloudNow ke Niagahoster shared hosting.

Proses migrasi seharusnya berjalan kurang dari 1 jam, tapi proyek singkat ini ternyata lebih menantang dari yang saya bayangkan. File backup berukuran cukup besar, tidak ada akses SSH pada hosting lama, proses compress file backup di direktori public_html juga beberapa kali gagal, belum lagi kecepatan download yang lambat.

Pada akhirnya saya berhasil memindahkan website mereka di hari yang sama. Keberhasilan ini memberi kesempatan kepada Win Equipment untuk bertanya: apa yang sebenarnya bisa ditingkatkan dari website mereka?

Saya jelaskan dalam meeting online bahwa website mereka lambat, ada banyak error teknis SEO, dan konten belum teroptimasi dengan baik.

Dengan tujuan memberikan pengalaman pengguna yang lebih baik dan meningkatkan peringkat SEO, Win Equipment memutuskan memulai perbaikan secara bertahap. Langkah pertama: meningkatkan kecepatan loading website.

Perjalanan transformasi ini melibatkan pergantian tema ke GeneratePress Premium, konversi dari WP Bakery ke Blocks, pengurangan plugin, migrasi hosting ke VPS, dan optimasi VPS. Hasil akhirnya, kinerja dan stabilitas website Win Equipment berubah drastis.

Mengapa Kecepatan Website Penting?

Pernahkah Anda menunggu website loading terlalu lama, lalu menutup tab dan mencari alternatif lain? Itulah yang sering terjadi pada pengunjung website lambat.

Win Equipment menghadapi masalah serius terkait kecepatan. Skor PageSpeed Insights mereka hanya 27 untuk mobile dan 36 untuk desktop, plus gagal Core Web Vitals. Website membutuhkan waktu lama untuk dimuat.

Ini bukan hanya masalah kenyamanan pengguna. Dampaknya juga terasa di beberapa area penting:

1. Pengalaman pengguna

• Kesan pertama buruk: Jika halaman tidak dimuat dalam beberapa detik pertama, pengunjung cenderung menutup tab dan pergi.
• Interaksi berkurang: Website lambat membuat pengunjung enggan mengeksplorasi lebih jauh, mengurangi waktu di situs dan interaksi dengan konten.

2. Peringkat SEO

• Peringkat di mesin pencari: Google memakai kecepatan website sebagai salah satu faktor peringkat. Website lambat cenderung ditempatkan lebih rendah di hasil pencarian.
• Core Web Vitals: Metrik ini mengukur waktu muat, interaktivitas, dan stabilitas visual. Gagal di metrik ini berarti website dianggap tidak memberikan pengalaman optimal.

3. Konversi dan retensi pengunjung

• Tingkat konversi turun: Waktu muat lambat bisa membuat pengunjung frustrasi dan meninggalkan proses pembelian atau pendaftaran.
• Retensi rendah: Pengunjung yang pernah mengalami website lambat cenderung tidak kembali.

Memahami pentingnya kecepatan adalah langkah pertama. Setelah itu baru masuk ke perbaikan teknis.

Pendekatan dan Metodologi

Analisis Awal

Saya memulai dengan audit performa menyeluruh untuk mengidentifikasi semua masalah yang mempengaruhi kecepatan website. Analisis ini mencakup pemeriksaan tema, plugin yang tidak diperlukan, kode yang tidak efisien, dan konfigurasi hosting yang tidak optimal.

Strategi yang Saya Gunakan

Beberapa strategi utama yang saya terapkan:

• Mengganti page builder dari WP Bakery ke GenerateBlocks / Blocks
• Membangun ulang semua halaman dengan GenerateBlocks dan GeneratePress
• Mengurangi plugin yang tidak digunakan dan mengganti plugin lambat atau kurang aman ke alternatif yang lebih baik, tanpa mengurangi fitur penting
• Memindahkan hosting dari shared hosting ke VPS dengan konfigurasi LEMP stack yang dioptimalkan untuk WordPress

Layanan yang Terlibat

1. Layanan setup VPS
2. Jasa mempercepat loading WordPress
3. Layanan konversi website ke blocks WordPress

Implementasi

1. Migrasi Tema dan Page Builder

Saya mengganti tema website dari Structure ke GeneratePress Premium. Langkah ini saya ambil karena GeneratePress sangat ringan dan fokus ke kecepatan. Saya memakai tema ini di semua website saya sendiri dan website klien.

Alasan saya memilih GeneratePress:

• Salah satu tema tercepat di platform WordPress saat ini
• Digunakan lebih dari 5 juta website WordPress
• Diciptakan developer yang sudah dikenal di komunitas WordPress, sudah berusia 10 tahun
• Kode lebih bersih, CSS dan JavaScript lebih sedikit
• Mudah disesuaikan dan dikembangkan lebih lanjut
• Fleksibel untuk kebutuhan jangka panjang, sehingga kemungkinan ganti tema lagi kecil

2. Pembangunan Ulang Halaman dengan GenerateBlocks

Saya membangun ulang semua halaman menggunakan GenerateBlocks dan GeneratePress: homepage, pages, shop page, single product, blog, blogpost, dan semua archive.

Pendekatan ini memungkinkan pengurangan plugin dan eliminasi kode yang tidak perlu, sehingga website menjadi lebih ringan dan cepat.

3. Pengurangan Jumlah Plugin

Saya mengurangi jumlah plugin dari 43 menjadi 19, hanya menyisakan plugin yang benar-benar diperlukan. Ini membantu mengurangi beban server dan mempercepat waktu muat halaman.

4. Optimasi Kecepatan Lanjutan

Untuk lebih meningkatkan kecepatan, saya melakukan beberapa optimasi lanjutan:

• Mengurangi CSS dan JS yang tidak digunakan: Memakai plugin seperti Asset Manager dan Debloat untuk mengidentifikasi dan menghapus CSS serta JavaScript yang tidak dipakai
• Cache di level server: FastCGI cache untuk menyimpan salinan halaman dinamis, mengurangi beban server
• Optimasi PHP-FPM: Menyesuaikan konfigurasi PHP-FPM untuk kinerja pemrosesan PHP yang lebih baik
• Mengganti slider: Dari Revolution Slider ke Smart Slider 3 yang lebih ringan

5. Migrasi Hosting ke VPS dengan LEMP Stack

Saya memindahkan hosting website dari shared hosting ke VPS dengan konfigurasi LEMP stack (Linux, Nginx, MySQL, PHP). Migrasi ini memberikan performa jauh lebih baik dan kontrol lebih besar atas konfigurasi server.

Saya juga membuat script bash untuk backup dan restore otomatis, plus menyediakan website staging dan development.

Sistem backup:

• Backup harian dengan retensi 7 hari
• Backup mingguan dengan retensi 4 minggu
• Backup bulanan dengan retensi 2 bulan

Saat restore, klien bisa memilih file backup yang tersedia (daily, weekly, monthly, atau backup manual). Satu perintah di terminal, proses restore selesai kurang dari 5 menit.

6. Security Hardening

Ninja Firewall: Saya instal plugin Ninja Firewall dan konfigurasikan sesuai setup server VPS (LEMP).

Keamanan di level server: Hardening di Nginx, MariaDB, PHP, dan pengaturan firewall yang lebih ketat.

Hasil dan Dampak

Peningkatan Performa

Peningkatan performa website sangat terasa:

Kriteria	Sebelum Optimasi	Setelah Optimasi	Peningkatan (%)
Skor PageSpeed versi mobile	27	92	240,74%
Skor PageSpeed versi desktop	36	99	177,78%

Dampak Positif

• Waktu muat lebih cepat: Pengalaman pengguna lebih baik, bounce rate turun
• Keamanan meningkat: Website lebih terlindungi dari ancaman eksternal
• Operasional lebih efisien: Pengurangan plugin dan optimasi server mengurangi beban server dan meningkatkan stabilitas

Saya juga melakukan optimasi tambahan untuk meningkatkan skor Accessibility, Best Practices, dan SEO.

Siap Meningkatkan Performa Website Anda?

Kalau website Anda terasa lambat, waktu muat terlalu lama, atau ada masalah teknis SEO, kami bisa bantu audit dan tentukan langkah perbaikan yang paling masuk akal.

Pelajari layanan optimasi kecepatan WordPress atau konversi WordPress ke blocks jika website Anda masih memakai page builder berat.

Hubungi kami untuk konsultasi gratis.