Cara Mengatasi 'Menghilangkan JavaScript dan CSS yang memblokir perenderan di konten paruh atas' pada page speed Google. Ketika kita mengecek kecepatan blog/website di page speed tool google, sering kali karenanya tidak memuaskan. Contohnya blog ini yang aku cek di page speed google ternyata pada tampilan mobile hanya mendapat nilai 71 tapi pada tampilan desktop/komputer mempunyai nilai yang tidak mengecewakan tinggi yaitu 86.
Berikut screen shoot nya :
 |
| Pada tampilan mobile |
 |
| Pada tampilan dekstop |
dari permasalahan diatas aku ingin memperbaiki duduk masalah utama pada tampilan mobile yaitu "Menghilangkan JavaScript dan CSS yang memblokir perenderan di konten paruh atas".
1. Apa pengertian atau maksud dari pernyataan Menghilangkan JavaScript dan CSS yang memblokir perenderan di konten paruh atas ?
Menurut eksperimen aku maksud dari pernyataan tersebut ialah menghilangkan tampilan drop down hidangan blog pada tampilan mobile, mungkin google menyatakan kalau hidangan pada blog tampilan mobile diaktifkan maka akan memakan waktu loading. oleh sebab nya aku akan membahas aba-aba html untuk menghapus hukum ini supaya nilai pada tampilan mobile sanggup tinggi (hijau).
 |
| Menu drop down pada blog diatas masih sanggup di lihat |
2. Cara memperbaiki pernyataan Menghilangkan JavaScript dan CSS yang memblokir perenderan di konten paruh atas.
a. Cek URL blog di page speed google
b. Pilih yang akan di perbaiki, contohnya pada tampilan seluler
c. cari aba-aba yang bermasalah, dibawah ini teladan aba-aba html yang bermasalah
Kode html yang bermasalah ialah :
<!--[if IE]><script src='//html5shiv.googlecode.com/svn/trunk/html5.js' type='text/j4vascript'></script><![endif]-->
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js'/>
<script type='text/j4vascript'>
//<![CDATA[
h. Tambahkan kode async='async' sesudah aba-aba <sript atau sebelum kode src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js'/>
Contohnya :
<!--[if IE]><script src='//html5shiv.googlecode.com/svn/trunk/html5.js' type='text/j4vascript'></script><![endif]-->
<script async='async' src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js'/>
<script type='text/j4vascript'>
//< |
| Nilainya menjadi 93 sesudah perbaikan |
Catatan : Namun perlu diketahui, dengan perbaikan ini hidangan drop down pada tampilan mobile tidak sanggup di klik atau dilihat !
Demikianlah Cara Mengatasi 'Menghilangkan JavaScript dan CSS yang memblokir perenderan di konten paruh atas' pada page speed Google, semoga membantu artikel ini :D