Sabtu, 12 November 2016

Mempercepat Loading Blogger

Mempercepat Loading Blogger - Hallo Sobat blogger Ambarawa Cyber Army untuk pertemuan kali ini saya akan berbagi tips untuk Mempercepat Loading Blogger Nih. Langsung saja ke tutorialnya yang ada di bawah ini.
Mempercepat Loading Blogger
Mempercepat Loading Blogger

Mempercepat Loading Blogger

Apa sih pentingnya loading pada blogger ?
Untuk saat ini google lebih memprioritaskan pada sebuah web atau situs yang mempunyai loading cepat untuk bertahan pada halaman SERP, tentunya didukung dengan konten relevan dan berkualitas.

Apa Aja Sih Mas Germy Yang Mempengaruhi Loading ?
Dalam hal ini yang sering menjadi masalah adalah penggunaan Javascript, CSS, Image, dan HTML yang berlebihan dan kurang efisien. Untuk itu sebaiknya kita buat tampilan blog menjadi seminimal mungkin namun tetap menarik dan ramah untuk dikunjungi. Bisa juga sobat mencoba Template buatan saya ini Mag Indo Template Responsive Full SEO

Cara Untuk Mempercepat Loading Blog

Berikut Cara Untuk Mempercepat Loading Blog ada 4 Informasi yang harus sobat ketahui. Berikut Caranya.

- Java Script
Di Sini Sobat Wajib hindari penggunaan Javascript yang berlebihan dan memberatkan blog, dalam kasus ini yang paling sering terjadi adalah pada efek penggunaan Jquery. Dengan munculnya peringatan seperti di bawah ini :
1. Remove Render Blocking Javascript
2. Defer Of Loading Javascript

Jika memang tidak benar-benar diperlukan kita bisa menghapusnya, namun kalau memang  kita harus memakai JQuery ini kita bisa mengatasinya dengan menambahkan kode asynchronous ataupun menggunakan defer javascript
Solusinya kita bisa menggunakan kode dibawah ini :
<script async='async' src='http://code.jquery.com/jquery-2.1.4.min.js' type='text/javascript'></script>
ATAU
<script async='true' src='http://code.jquery.com/jquery-2.1.4.min.js' type='text/javascript'></script>
Bisa Juga Dengan
<script type="text/javascript">
function downloadJSAtOnload() {
var element = document.createElement("script");
element.src = "defer.js";
document.body.appendChild(element);
}
if (window.addEventListener)
window.addEventListener("load", downloadJSAtOnload, false);
else if (window.attachEvent)
window.attachEvent("onload", downloadJSAtOnload);
else window.onload = downloadJSAtOnload;
</script>
Untuk langkah selanjutnya yang perlu di perhatikan adalah CSS langsung saja kita bahas.

- CSS 
Masalah yang sering terjadi terdapat pada CSS Bundle Blogger untuk mengatasinya berikut caranya.
Cari dan Ganti code CSS di bawah ini.
<b:skin><![CDATA[
KODE CSS BLOG SOBAT
]]></b:skin>
Sehingga menjadi seperti di bawah ini.
&lt;style type=&quot;text/css&quot;&gt; &lt;!-- /*<b:skin><![CDATA[*/]]></b:skin>
<style type='text/css'>
KODE CSS BLOG SOBAT
</style>
- CSS Font Google
Menggunakan @font-face pada template untuk mengatasi render blocking css, namun dengan metode ini kita masih menyisakan satu permintaan http request dari css ekternal tersebut.

- CSS Font Awesome
Untuk Font awesome ini silakan  baca Cara mengatasi Render Blocking CSS Font Awesome

- Optimize CSS Delivery
Baca Cara optimalkan CSS Delivery Blogger

- GAMBAR
Peringatan yang sering terjadi adalah :

* Minimize HTTP Request
* Optimize Image
* Combine Image with CSS Sprite

Untuk masalah gambar ini kita bisa mengatasinya dengan menggunakan metode CSS sprite Image dan Image base64 sebagai cara untuk mengurangi permintaan HTTP Request.

Baca :
Cara Mengurangi HTTP Request

- HTML
Untuk mengatasinya kita bisa menggunakan metode minify HTML dengan memanfaatkan tool online secara gratis. misalkan HTML Compressor CSS Compressor dan sebagainya.
Beberapa Informasi di atas hanya beberapa hal yang sering terjadi. Inforsi seputar kecepatan blogger bisa kita bahas di lain waktu.
Sekian pembahasan kita seputar Mempercepat Loading Blogger. Semoga bermanfaat bagi sobat blogger sekalian.

0 komentar: