Subscribe
6/02/2018 07:31:00 PM #1

Menggunakan non-blocking atau async untuk memuat CSS font


Teknik async pada css ini bukanlah hal baru. Telah lama ada fungsi javascript [loadCSS](https://github.com/filamentgroup/loadCSS) yang dapat melakukannya. Tapi saya disini menuliskan cara yang lebih mudah tanpa bantuan fungsi js tersebut. Bagaimana caranya?


### Caranya
Tambahkan
```
media="none" onload="if(media!='all')media='all'"
```
pada tag `link`. Contohnya :
```
<link rel="stylesheet" href="css.css" media="none" onload="if(media!='all')media='all'">
```

Demikianlah caranya, **Ingat!** css ini di loading secara async, memang akan mempercepat website tapi akan menampilkan html tanpa css terlebih dahulu sebelum css sempurna di loading.
6/08/2018 7:27 AM #2
Untuk beberapa browser lama cara di atas ndak work gan, apalagi browser android lama seperti hp saya. saya lebih milih pake loadCSS aja.
6/10/2018 9:50 PM #3
Saya menambahkan kode itu di template blogger tapi jadinya begini
```
media='none' onload='if(media!='all')media='all''
```
bagaimana agar bisa jadi seperti itu juga di template blogger?
6/10/2018 9:51 PM #4
kok jadi tanda ' dia, yang saya maksud ' jadi tanda `& #39;`, tanpa spasi :D