Buat animasi2 di web dan blog kan harus pake javascript sebagai salah satu caranya. Bagusnya dimana ya naronya? Diatas deket head apa dibawah deket footer? Kalo baca2 di web ada yang bilang bagusan diatas dan ada juga yang bilang efektif dibawah.
Yang bener yang mana? Kenapa harus ada perbedaan? Ngaruhnya apa emang kalo diatas apa dibawah? Kan sama2 di load kan?
Thx.
harusnya diatas biar bagus. biar ke load semua sebelum halaman selesai di load. jadi kalo ada animasi, pas halaman selesai di load, animasinya bisa jalan semua dan gak ngerusak desain. setahu saya sih begitu.
prakteknya katanya lebih bagus diatas. soalnya ini adalah pertama yang di load sebelum isi dari web page dipanggil. kalau ditaro dibawah, isi page keload duluan dan kalo JS belum selesai bisa ngerusak design seperti kata bos farhat.
kalo buat web page yang ngutamain speed dan interaksi minum, JS taro dibawah ane kira sih gak ngefek jelek. tapi kalo web page yang butuh banyak JS dan CSS buat interaksi dan fitur, ini bisa ngasih UX yang jelek.
tergantung kebutuhan kayaknya. semakin banyak yang butuh JS, semakin prioritas posisinya diatas.
kalau ditaro diatas, dan JS ngelag atau lama di load, halaman bisa blank. ini bisa nambah bounce rate. kalau ditaro dibawah, halaman akan ngeload seperti biasa tapi bagian2 yang ngandelin JS bakal rusak tampilannya sampai JS selesai di load.
naro JS di server luar ada bagusnya, tapi kalo server itu down atau lemot, malah resiko. kalo ditaro di server sendiri bakal nambah beban, dan ini jelek buat shared hosting yang biasanya lemot.
menurut saya posisinya disesuain sama kebutuhan. sependapat sama komen diatas
Mending ekaternal apa di server sendiri? Soalnya pernah denger js di web sendiri nambah beban server tapi js di server orang malah bikin lambat.
Eksternal. Jsdelivr misalnya
Coba pakai LabJS
taro diatas, dan pakai perintah 'async'. ini supaya js bisa ngeload tanpa menghalangin loadingnya konten.
Susah bos. Suka ngaco kalau pake async. Pake defer aja, terus diurutin deh
Diatas. Tp klo ada eror atau gak bisa, taro dibawah bisa juga.
Bagusnya juga pakai async. Kalau gak bisa baru pakai defer dan diurutin urutan loadingnya. Ini suka jadi masalah kadang2.
Kalau masih eror juga, bisa di lazy load biar gak bentrok sama skrip lain