Lompat ke konten Lompat ke sidebar Lompat ke footer

Pustaka Font Awesome Yang Loading Cepat / Fast Load

Font Awesome Yang Loading Cepat

#sesuai namanya awesome, font ini sangat mengagumkan.

Ikon adalah bagian yang tidak bisa dipisahkan dari desain web. Font awesome adalah salah satu font web tersebut yang memiliki ikon. font awesome membuat perancangan icon menjadi mudah. Hampir semua jenis ikon tersedia.  font awesome mudah digunakan dan banyak sekali pilihan icon yang bisa digunakan

Situs web sederhana menggunakan setidaknya 4 hingga 5 ikon. Jika ingin menyertakan ikon tombol bagikan, icon menu side bar dan ikon footer, tentu jumlahnya bertambah. namun dengan adanya font awesome menyisipkan icon dapat dilakukan dengan mudah misalkan saja untuk lambang amplop tinggal ketik "fa envelope" tanpa harus membuat kode yang panjang

#Font Awesome CSS - Memuat terlalu lambat

Font Awesome adalah cara terbaik untuk menyediakan ikon untuk situs web. penerapannya juga cepat dan mudah. Namun, fontnya sendiri cukup besar dan lambat dimuat. lambat disini ketika melakukan tes kecepatan loading web blog di page speed insight google  ada tuliasan kurang lebih seperti ini "Hilangkan resource yang memblokir render, Resource memblokir first paint halaman. Sebaiknya kirim inline JS/CSS kritis dan tunda semua JS/gaya yang tidak kritis" dalam bahasa inggris "Eliminate render-blocking resources, Resources are blocking the first paint of your page. Consider delivering critical JS/CSS inline and deferring all non-critical JS/styles." dengan menyertakan ukuran dari font awesome dibawahnya.



oleh karenanya perlu Mengatasi Font Awesome CSS - Memuat terlalu lambat

salah satu Solusinya adalah menggunakan Font Awesome dari content delivery network (CDN) -
mengoptimalkan situs dan skornya di PageSpeed, , GTmetrix, Pingdom dll. merupakan salah satu bentuk perhatian terhadap kecepatan loading blog. ingin menampilkan icondi web blog tapi Font Awesome memperlambat loading blog.

setelah mengunjungi beberapa forum yang membahas tentang permasalahan font awesome di tes kecpatan loading blog, akhirnya menemukan beberapa pustaka css font awesome yang diklaim lebih cepat, walaupun tidak cepat cepat amat

berikut adalah Pustaka Font Awesome Loading Cepat / Fast Load yang bisa disimpan sebelum tag </head> di html blog.

1 dari comunitas cloudflare

<link rel=“stylesheet” href=“https://cdnjs.Cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css” />


2. dari stack overflow


<script type="text/javascript"> (function() { var css = document.createElement('link'); css.href = '//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css'; css.rel = 'stylesheet'; css.type = 'text/css'; document.getElementsByTagName('head')[0].appendChild(css); })(); </script>

atau

<script type="text/javascript"> (function() { var css = document.createElement('link'); css.href = 'https://use.fontawesome.com/releases/v5.1.0/css/all.css'; css.rel = 'stylesheet'; css.type = 'text/css'; document.getElementsByTagName('head')[0].appendChild(css); })(); </script>

3 menggunakan Font awesome versi terbaru

ada juga yang menganjurkan menggunakan font awesome versi terbaru
Untuk daftar tautan pustaka font awesome terbaru, klik link di bawah ini:

URL: https://cdnjs.com/libraries/font-awesome

contoh yang digunakan saat ini (ketika artikel ini dibuat) :

<link rel=“stylesheet” href=“https://cdnjs.Cloudflare.com/ajax/libs/font-awesome/5.8.2/css/fontawesome.min.css” />


demikian adalah Pustaka Font Awesome Yang Loading Cepat / Fast Load semoga bermanfaat

Posting Komentar untuk "Pustaka Font Awesome Yang Loading Cepat / Fast Load"

data-ad-format="auto">
data-ad-format="auto">

Berlangganan via Email