Mendapatkan kondisi warna Hijau dan skor bagus di Google PageSpeed Insights

Semua website pasti menginginkan maksimal atas kerja kerasnya termasuk web blogger, tetapi tidak sedikit seorang blogger belum mengetahui cara memaksimalkan produk google ini agar lebih bagus dan cepat, nah disini saya berbagi sedikit tips untuk mendapatkan skor Hijau di PageSpeed Insights.Selain mobile friendly (Responsive) website juga dituntut ringan untuk mendapat predikat 'Hijau' dari google pagespeed insights.

1. Remove render-blocking JavaScript / CSS.                        
Ini masalah yang umum terjadi,sebabnya apa sih? karena kalian menaruh JQuery.min.js & Font.css sebelum </head> alias JQuery.min.js & Font.css kalian di dalam Head, hal itu akan sedikit memakan waktu rendering di website anda, Bagaimana cara memperbaiki hal tersebut? Sebenarnya caranya agak mudah sekali, INI PENTING SEKALI kita pindahkan JQuery.min.js diatas </body> Kemudian untuk Font,kita bisa gunakan Javascript dibawah ini,sebagai contoh saya pakai FontAwesome.

<script type='text/javascript'>
        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.1.0/css/font-awesome.min.css");
    </script>

Keterangan :
Untuk cara yang ini saya belum mencobanya karena tidak sesuai dengan template yang saya gunakan, jangan lupa buat backup template terlebih dahulu, dan harap hati-hati.

2. Optimize Images.

Optimize Images hukumnya wajib dilakukan,kenapa? karena semakin kecil size image,maka akan semakin cepat juga waktu yang dibutuhkan untuk memuat website anda,baiknya setiap anda membuat postingan baru,compress gambarnya,bisa menggunakan aplikasi-aplikasi untuk compress gambar atau bisa juga dengan Compressor.io

3. Minify CSS & Javascript

Minify CSS & Javascript juga dapat memperkecil size website anda sehingga akan membuat pemuatan website anda lebih cepat,kita bisa gunakan HTML Compressor lalu pilih Opsi Blogger untuk meng-compress template kita,kemudian copy paste kan kode xml template kita pada field yang sudah disediakan.

4. Responsive? Harus.

Untuk mendapat skor hijau website kita wajib responsive,cara membuat responsive template bagaimana ya ? nah untuk pertanyaan itu,setiap template memiliki kode css yang berbeda beda,jadi untuk meresponsivekan bisa dilakukan secara manual atau anda bisa menggunakan template yang sudah responsive untuk melihat apakah website kita Responsive atau tidak kita bisa gunakan Responsinator

5. Perhatikan Letak Link

Perhatikan letak link di website anda,link yang terlalu kecil atau yang terlalu dekat akan mempengaruhi penilaian User Experience dalam mode Mobile,kenapa kita harus perhatikan hal ini? jika letak link terlalu dekat itu juga akan mempersulit visitor yang memiliki Smartphone dengan layar yang kecil ketika akan membuka link tersebut

Setelah saya coba cara tersebut hasilnya skor saya jadi warna hijau.

sumber referensi : Faris Zakaria

disunting dan tingkatkan oleh gudangsiki

Related Posts:

Tweet