Lagi belajar terkait dengan Web Performance, ini beberapa List Resource untuk belajar Web Performance yang bisa aku bagikan:
Semoga membantu! #TechTwitterIndonesia
Sebelumnya, jangn lupa buat ikutan Twitter Space soal ningkatin karir didunia Tech, besok tgl 10 February jam 19.30 yaa..
pertama, soal alasan kenapa Web Performance penting. Ini bisa dibaca baca disini :
Isinya, studi kasus terkait abis
web.dev/tags/case-stud…
kedua, buat memahami beberapa istilah di web performance yaitu Web Vitals sebagai guide apa saja yang diperlukan buat ningkatin UX.
Misalnya metric untuk Core Web Vitals seperti
- LCP
- FID
- CLS
web.dev/vitals/
Ketiga, beberapa cara yang bisa dilakukan utk check performance kita misalnya dengan PageSpeed Insight.
pagespeed.web.dev/?utm_source=ps…
Keempat, apa saja yang bisa dilakukan untuk meningkatkan performance?
LCP : web.dev/optimize-lcp/
FID : web.dev/optimize-fid/
CLS : web.dev/optimize-cls/
kelima, cara untuk optimalkan secara teknis misalnya dengan
optimasi gambar, hapus js / css yang tidak digunakan, code splitting, Tree shaking and 3rd party libraries :
stackoverflow.com/questions/6864…
keenam, dynamic import and code splitting. Case ini aku ambil nextjs
blog.logrocket.com/dynamic-import…
Sisanya, ya bisa cari sendiri haha. Kalau temen-temen ada rekomendasi buat meningkatkan performance? Oh y, jgn menelan data dari Lighthouse/Page insight mentah2 ya. Soal ini bisa baca disini :
mazipan.space/data-lab-dan-d…
Share this Scrolly Tale with your friends.
A Scrolly Tale is a new way to read Twitter threads with a more visually immersive experience.
Discover more beautiful Scrolly Tales like this.