Optimasi Kecepatan Website Dengan Tunda Css Yang Di Gunakan

Permasalahan yang cukup sering dan niscaya akan di alami oleh pengguna blog atau website ialah perihal kecepatan. Ya ini memang sangat besar lengan berkuasa sekali pada pengalaman dan performance dari website atau blog. Bagaimana pengunjung akan suka dengan website atau blog kita sedangkan saja untuk loading atau waktu tunggu untuk halaman yang mereka cari sangat lama? Tentu ini akan sangat mengganggu dari pengalaman pengunjung sendiri. Makara perlu untuk kau memakai aneka macam metode untuk sanggup menciptakan loading tersebut menjadi lebih cepat.

Salah satu indikasi atau website yang dipakai untuk melaksanakan cek kecepatan halaman website atau blog ialah Google Insight atau Gtmetrix. Pada website tersebut kau sanggup melihat berapa persentase kecepatan dari loading blog atau website kamu.

Baca juga : [SEO] Optimasi Gambar ketika Membuat Artikel Teknik SEO On Page

Biasanya sebelum dilakukan meningkatkan secara optimal maka loading atau persentase blog akan merah atau dengan grade C atau E. Ini sangatlah masuk akal alasannya kita belum melaksanakan meningkatkan secara optimal secara baik. Perlu untuk kau sanggup mengeerti belahan yang perlu untuk kau lakukan meningkatkan secara optimal atau mengubah script serta menambahkanya semoga sanggup alih-alih mempunyai loading lebih cepat.

Salah satu yang akan menjadi penyebab dari usang loading ialah lantaran pada tema atau template yang kita gunakan ada yang memakai CSS Eksternal atau belahan CSS tersebut dalam bentuk link, sehingga untuk sanggup memuat CSS tersebut kau perlu mengakses terlebih dahulu. Nah proses saluran tersebutlah yang menciptakan loading menjadi lama.

Untuk meningkatkan kecepatan loading blog dengan laoding css ini kita sanggup memakai lazy load Javascript semoga nantinya pemuatan css sanggup ditunda sementara dan menunggu semua element yang lain terbuka seluruhnya oleh browser. Berikut salah satu scriptt Javascript lazy load CSS yang sanggup kau gunakan.

<script> var cb = function() { var l = document.createElement('link'); l.rel = 'stylesheet'; l.href = 'EKTERNAL CSS DISINI.css'; var h = document.getElementsByTagName('head')[0]; h.parentNode.insertBefore(l, h); }; var raf = requestAnimationFrame || mozRequestAnimationFrame || webkitRequestAnimationFrame || msRequestAnimationFrame; if (raf) raf(cb); else window.addEventListener('load', cb); </script>

Simpan isyarat diatas sebelum isyarat dan ganti EKTERNAL CSS DISINI dengan url css ekternal yang akan di tunda pemuatannya. Untuk memakai metode ini disarankan hanya pada css yang berukuran besar saja dan tidak untuk css berukuran kecil.

Baca juga : Cara Cepat Keluar dari Google Sandbox yang Susah

Insyallah dengan memasang script Javascript ini pada blog, maka grade persentase website akan naik atau setidaknya mengalami peningkatan kecepatan loading.
Sumber http://sidikul.blogspot.com/

Share this post