Baca Juga
Tulisan ini saya gunakan untuk mendokumentasikan trail yang saya lakukan pada project website (https://imscenter.or.id). Dimana saya berhasil mendapatkan score sempurna 100 pada Performance, 100 Accessibility, 100 Best Practices, dan 100 SEO pada device hape maupun desktop.
Walaupun saya tau betul, saya betul-betul mengabaikan design yang eye catching, setidaknya berhasil score sempurna. Dan kemungkinan besar score ini akan tidak bisa akan 100 terus, karena adanya penambahan konten dan fitur, terutama upload image. Ini murni menggunakan theme Twenty-twenty Five bawan dengan page builder bawaan juga.
Dalam proses optimasi, saya lebih mengutamakan performa dibandingkan desain yang eye-catching. Fokus utama adalah kecepatan, efisiensi, dan kepatuhan terhadap best practices Lighthouse. Salah satu langkah yang saya ambil adalah meminimalisasi penggunaan plugin, karena penggunaan plugin yang berlebihan dapat memperlambat website. Oleh karena itu, saya hanya menggunakan plugin yang benar-benar dibutuhkan.
Saya juga menghindari penggunaan tema atau page builder yang berat seperti Elementor atau WPBakery. Dengan hanya mengandalkan page builder bawaan WordPress, saya dapat mempertahankan kecepatan website tanpa beban tambahan dari plugin pihak ketiga. Selain itu, saya juga melakukan optimasi gambar dan aset statis. Saat ini, skor sempurna dapat dicapai karena belum ada banyak gambar dan aset media. Namun, saya menyadari bahwa ketika jumlah gambar dan konten meningkat, skor ini akan sulit dipertahankan. Untuk mengatasi hal ini, saya berencana menggunakan format WebP untuk gambar, menerapkan lazy loading, dan mengompresi gambar sebelum mengunggahnya.
Selain optimasi aset statis, caching dan minifikasi juga menjadi bagian penting dari strategi optimasi ini. Dengan LiteSpeed Cache, saya memastikan bahwa HTML, CSS, dan JavaScript telah dimampatkan (minify), caching diterapkan dengan optimal, dan object caching diaktifkan untuk mempercepat query database. Dengan strategi ini, performa website dapat tetap terjaga meskipun ada peningkatan konten.
Dalam aspek SEO, Yoast SEO membantu dalam memastikan bahwa meta tag yang digunakan optimal, struktur heading (H1-H6) tertata rapi, serta pengindeksan website di Google menjadi lebih baik. Dengan struktur yang baik, website lebih mudah dikenali oleh mesin pencari, sehingga dapat meningkatkan visibilitas dan peringkatnya di hasil pencarian.
Meskipun saat ini website mendapatkan skor sempurna di PageSpeed Insight, saya menyadari bahwa nilai ini mungkin akan turun seiring bertambahnya konten dan fitur. Oleh karena itu, saya akan terus memantau performa dan memperbaiki bottleneck baru, mengoptimalkan gambar dan aset media secara berkala, serta menggunakan strategi caching yang lebih canggih. Dengan pendekatan ini, diharapkan website tetap cepat, SEO-friendly, dan optimal di berbagai perangkat.
Tidak ada komentar:
Posting Komentar