mengirimkan permintaan • Memperkecil dan memampatkan ukuran sumber daya yang dikirimkan • Kirimkan HANYA yang dibutuhkan oleh pengguna • Kurangi jumlah yang harus dikirimkan • Atur prioritas pengiriman • Adaptasikan dengan keadaan pengguna
bentuk sudah ter-gzip atau brotli • JS, CSS dan HTML sebisa mungkin harus sudah di “minify”, di “optimize” dan dibuang kode mati di dalamnya. • Kurangi penggunaan text karena tidak bisa di “minify”
kode yang bersifat duplikasi • Perhatikan benar-benar penggunaan pustaka dari luar, cek bundlephobia.com terlebih dahulu dan cek komposisi kode kalian dengan BundleAnalyzer setelahnya • Kurangi kualitas gambar (atau media lainnya) dan pilih tipe yang tepat
pengiriman (lazy load) pada saat dibutuhkan saja • Prioritaskan sumber daya yang terlihat di layar saat pertama kali dan tunda yang berada di bawah layar • Kirimkan sumber daya sesuai dengan halamannya • Sesuaikan dimensi gambar dengan penampungnya, kirimkan gambar dalam beberapa versi ukuran
tidak harus saling tunggu • Gunakan cara muat yang tidak memblokir proses • Utamakan Internal CSS pada bagian kritis • Gunakan sprite pada gambar yang datang secara bersamaan • Kurangi vendor pelacakan dari pihak luar • Cache semua sumber daya statis
gunakan preload • Turunkan prioritas yang tidak digunakan saat pertama namun dibutuhkan secepatnya pada aksi berikutnya, gunakan prefetch Sumber: https://medium.com/reloading/preload-prefetch-and-priorities-in-chrome-776165961bbf
dengan kecepatan internet cepat dan lambat serta pengguna dengan peramban modern dan lawas • Tidak perlu melakukan “transpile” dan mengirimkan “polyfill” pada peramban modern • Sebisa mungkin gunakan fitur bawaan dari peramban, cek terlebih dahulu dukungan dari peramban Sumber: https://addyosmani.com/blog/adaptive-loading/
jawab si pemrogram saja, memastikan semua pihak mengerti dan bertanggung jawab bersama merupakan hal wajib di awal. • Optimasi bukan pekerjaan yang sekali selesai, dibutuhkan konsistensi untuk secara berkelanjutan memantau dan memperbaikinya. • Jangan melakukan optimasi tanpa data, data penting bagi kita untuk merekam kondisi terkini dan capaian yang sudah didapat