Cara Optimasi Largest Contentful Paint (LCP)

Sebelumnya, telah kita ketahui apa itu Largest Contentful Paint (LCP) dan faktor apa saja yang mempengaruhinya.

Selanjutnya kita ukur LCP pada website. 

Berikut ini rekomendasi Google untuk mengukur LCP :

• PageSpeed Insights
• Search Console (Core Web Vitals report)
• Chrome User Experience Report (membutuhkan akun Google dan Google Cloud Project

Ada beberapa masalah yang timbul ketika melakukan optimasi pada LCP ini, yaitu:

• Slow server response times
• Render-blocking JavaScript and CSS
• Slow resource load times
• Client-side rendering

Setelah kita tahu beberapa masalah yang sering muncul, sekarang tentu pertanyaannya bagaimana cara mengoptimasinya?

Sebenarnya untuk melakukan optimasi, harus dengan mengevaluasi langsung website yang bermasalah. Karena tiap website memiliki script dan konfigurasi yang berbeda. Tapi secara umum optimasi bisa dilakukan pada image, CSS, JavaScript, dan server. 

Jika anda perhatikan pada bagian “elemen yang dihitung pada LCP” yang dibahas sebelumnya, empat dari 5 faktor tersebut adalah image. Jadi jika kita melakukan optimasi pada image dengan benar, maka 80% dari sumber masalah telah diselesaikan:

1. Meminimalisir ukurannya. Jika hanya diperlukan image dengan lebar 600 pixel, maka anda tidak perlu mengupload image dengan ukuran lebih besar dari ini.

2. Lakukan kompresi. Kurangi besar file image dengan melakukan proses kompresi pada image. Bisa menggunakan optimizilla atau aplikasi kompres gambar yang lainnya baik itu offline atau online. 

Selain optimasi image (gambar), kita juga harus optimasi CSS dan JavaScript yang bisa dilakukan dengan menggunakan kode yang hanya diperlukan dan lakukan minify. Sedangkan untuk server, gunakan server yang bagus. Tapi memang harganya lebih mahal.

Sumber :

https://projasaweb.com/largest-contentful-paint/