Cara Memuat CSS dengan Javascript di Blogger

Sebuah situs web yang cepat tentu menjadi keinginan semua pemilik situs. Selain untuk memberikan kepuasan terhadap pengguna atau pengunjung, Kecepatan sebuah website juga mempengaruhi Situs atau blog pada hasil penelusuran.

Kecepatan Situs merupakan salah satu poin utama untuk meng-optimalkan SEO (Search Engine Optimization) yang bertujuan menaikkan peringkat pada mesin penelusuran.

Ada beberapa hal yang mempengaruhi kecepatan sebuah situs web, yaitu Gambar dan Video yang berukuran besar, file CSS, file JS, ataupun server.
Untuk hal ini, dalam artikel berikut, kami akan membagikan Cara mempercepat loading Website menggunakan script LoadCSS.

Cara Mempercepat Loading Website menggunakan LoadCSS

1. Login ke Blogger

2. Klik Tema atau Template

3. Klik Edit HTML ( untuk Blogger versi lama )

    Untuk Blogger versi Baru, klik tombol , kemudian klik Edit HTML ( Lihat Gambar )

Ilustrasi Blogger versi Terbaru

4. Salin dan Tempel kode script berikut tepat di atas kode </head> atau &lt;/head&gt;&lt;!--<head/>--&gt;

<script>
//<![CDATA[
function loadCSS(e,t,o){"use strict";var l=window.document.createElement("link"),n=t||window.document.getElementsByTagName("script")[0];l.rel="stylesheet",l.href=e,l.media="only x",n.parentNode.insertBefore(l,n),setTimeout(function(){l.media=o||"all"})}loadCSS("Alamat File CSS");
//]]></script>

Keterangan :
Ubah Alamat File CSS menjadi alamat file CSS anda. Misalnya, https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.1/css/all.min.css

Sebagai contoh, adalah alamat file CSS Font Awesome V5.13.1

5. Kemudian Simpan Tema / Template