Salah satu cara agar blog terlihat lebih SEO adalah dengan cara memperhatikan kecepatan blog yang Anda miliki. Kecepatan sebuah blog mempengaruhi betah dan tidaknya pengunjung. Ketika blog memiliki kecepatan loading dibawah rata-rata, kira-kira apa yang akan dilakukan oleh pengunjung? Mereka akan menunggu sampai blog terload ataukah mereka akan berpindah ke lain blog? 80% jawabannya adalah pasti pengunjung akan berpindah ke lan blog.
Sedangkan sebaliknya, jika sebuah blog memiliki kecepatan loadingnya diatas rata-rata, kira-kira apa yang akan dilakukan oleh pengunjung? Betah berlama-lama untuk menjelajahi artikel lainnya yang ada di blog tersebut ataukah tetap berpindah ke lain blog? 90% jawabannya adalah betah berlama-lama untuk mencari artikel lainnya yang ada di blog tersebut. Namun itu juga tergantung dari ada atau tidak, banyak atau tidak artikel yang menarik untuk dibacanya. Untuk mengetahui seberapa cepat blog Anda diakses, bisa di cek melalui Pagespeed Insight milik Google. Jika setelah dicek kemudian menemukan permasalahan mengenai kecepatan blog, maka lebih baik untuk segera diselesaikan.
Masalah kecepatan blog
Memang presentasi kecepatan blog bagi SEO hanyalah sedikti, namun tidak salah juga jika Anda meningkatkan kecepatan blog dengan berbagai cara. Permasalahan kecepatan blog ada banyak jenisnya, permasalahan kecepatan blog karena:
- Gambar (PNG, GIF, JPG).
- Javascript Eksternal.
- Font GoogleApis
- Jquery Library
- CSS Widget Bundle Blogger (CSS Delivery)
- Optimize CSS Delivery / Pengiriman CSS
Dari 6 masalah kecepatan blog tersebut, kali ini yang akan pertama kali dibahas adalah cara mengatasi optimize css delivery / pengiriman css.
(Baca juga: Meta Tag Keyword Ala Mas Sugeng)
(Baca juga: Meta Tag Keyword Ala Mas Sugeng)
Mengatasi Masalah Page Speed : Optimize CSS Delivery
 |
| Mengatasi CSS Delivery |
- Biasanya masalah dari CSS delivery ini dikarenakan CSS berikut ini:
- Atau juga bisa url lainnya yang berakhiran .css atau nomor.
//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css
//fonts.googleapis.com/css?family=Open+Sans+Condensed:700
//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css
Ada tiga (3) cara untuk megatasi page speed: CSS Delivery menurut Bang Jarwo. Namun untuk berjaga-jaga agar tidak terjadi error yang semakin parah, lebih baik Anda mem-back up template terlebih dahulu. Untuk 3 caranya, ikuti langkah-langkah berikut ini:
Cara pertama : Penambahan kode async pada menu Edit HTML
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" type="text/css">
Biasanya kode css yang memperlambat loading blog adalah sejenis ini //maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css. Maka untuk mengatasinya adalah Anda tambahkan async='async' di awal url css setelah tulisan < link. Jadinya seperti ini:
Cara ini bisa saja berhasil namun tidak semua kode css dapat diselesaikan dengan cara seperti ini.<link async='async' rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" type="text/css">Cara kedua : Ubah posisi kode CSS pada menu Edit HMTL
Jika cara pertama belum berhasil, maka coba cara kedua ini dengan cara memindahkan kode-kode css yang membuat loading blog semakin lama.Jika kode css anda meletakannya dibawah kode <head>.
<head>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" type="text/css">
</head><body>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" type="text/css">
</body>Cara ketiga: Gunakan Javascript
Gunakan kode JS dibawah ini, dan letakan kode CSS kedalam tulisan "Link CSS Eksternal lainnya".
Penempatan kode JS berikut Anda letakkan diatas kode </body>
Penempatan kode JS berikut Anda letakkan diatas kode </body>
<script type='text/javascript'>//<![CDATA[
function loadCSS(e, t, n) { "use strict"; var i = window.document.createElement("link"); var o = t || window.document.getElementsByTagName("script")[0]; i.rel = "stylesheet"; i.href = e; i.media = "only x"; o.parentNode.insertBefore(i, o); setTimeout(function () { i.media = n || "all" }) }
loadCSS("//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");
loadCSS("link CSS eksternal lainnya");
loadCSS("link CSS eksternal lainnya");
//]]></script>
Semoga cara mempercepat blog dengan cara menghilangkan masalah optimize css delivery di page speed dapat berjalan dengan mudah dan menjadikan blog Anda semakin cepat unduk diakses.
0 komentar:
Posting Komentar