Cara desain template blogger dengan Tailwind CSS - Anix Clone New
Ini adalah tutorial membuat template blogger dengan Tailwind CSS. Tutorial bukan untuk pemula, tapi untuk developer tingkat menengah atau atas. Tutori…
- Threads
- 1
- Words
- 612
Ini adalah tutorial membuat template blogger dengan Tailwind CSS. Tutorial bukan untuk pemula, tapi untuk developer tingkat menengah atau atas. Tutori…
Sebagai pengguna blog Blogger, mungkin kamu pernah melihat skrip template di dalam tag CDATA
seperti ini:
<script type='text/javascript'> /*<![CDATA[*/ ------script------ /*]]>*/ </script>
Atau yang seperti ini:
<script type='text/javascript'> //<![CDATA[ ------script------ //]]> </script>
Bedanya *<![CDATA[*/
membolehkan code satu baris berdampingan sedangkan //<![CDATA[
tidak boleh.
Jika ingin membuat minified JS lebih kompak gunakan *<![CDATA[*/
//<![CDATA[ var MyVariable = 'This statement does something.';Ini contoh penempatan code yang benar (bedanya satu baris):
//<![CDATA[ var MyVariable = 'This statement does something.';Ini juga benar walaupun satu baris karena memakai
/*<![CDATA[*/
:
/*<![CDATA[*/ var MyVariable = 'This statement does something.';
//
: komentari teks sampai akhir baris
/*
: komentari semuanya, sampai ketemu */
Karena */
ada di akhir baris *<![CDATA[*/
, maka diperbolehkan ada code javascript setelahnya.
Fungsinya sama seperti single line dan multi line komentar javascript.
Karena kedua code fungsinya hampir sama, admin menyarankan memakai /*<![CDATA[*/
biar code javascriptnya aman.
Tidak ada penalti kecepatan, keduanya memiliki peforma speed yang sama.
1. async dan dan defer bekerja untuk tag script.
2. async: menjalankan script bersamaan dengan document html. (html jalan > script jalan = bersamaan).
3. defer: menjalankan script ketika document html selesai di tulis. (html selesai > script jalan).
async = eksekusi skrip bersamaan dengan web loading
defer = eksekusi skrip apabila loading selesai Ada script yang tidak berfungsi bila ditambahkan async atau defer , makanya jarang kupasang.
defer patut dicoba kalau ingin website dengan peforma tinggi, tapi aku belum pernah menemukan perbedaannya di tema manga.