Mengatasi Render-Blocking Google Font PageSpeed Insight -
PageSpeed Insight merupakan produk dari google developers yang berfungsi untuk mengecek kecepatan load suatu halaman blog/website. Disana anda bisa mendapatkan detail mengenai apa saja yang berhasil dan juga kesalahan dalam pengomptimalan kecepatan load. Namun tidak sedikit sedikit dari mereka memiliki permasalahan yang sama, yaitu render blocking pada bagian link google font. Lalu, bagaimana cara mengatasinya? Caranya adalah dengan
mengubah link google font tersebut menjadi
css inline pada blog. Berikut
Cara Mengatasi Render-Blocking Google Font PageSpeed Insight:
Maka solusinya dengan masuk ke
W3C CSS Validation Service https://jigsaw.w3.org/css-validator/, isi alamat blog anda kemudian klik check. Jika hasil sudah keluar, silahkan lakukan pencarian kata
@font-face dengan
CTRL+F. Nanti akan terlihat kurang lebih seperti ini:
CSS
@font-face {
font-family : "'Open Sans'";
font-style : normal;
font-weight : 400;
src : local('Open Sans'), local('OpenSans'), url(http://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3aCWcynf_cDxXwCLxiixG1c.ttf) format('truetype');
}
Simpan kode tersebut. Sekarang ke menu Edit HTML Blogger, masukkan kode tersebut kedalam tag
<style></style> dan
hapus tanda
kutip dua dibagian font-face. Letakan kode tersebut dibawah kode
</b:skin> Sehingga menjadi seperti ini:
HTML
.....
.....
</b:skin>
<style>
@font-face {
font-family : 'Open Sans';
font-style : normal;
font-weight : 400;
src : local('Open Sans'), local('OpenSans'), url(http://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3aCWcynf_cDxXwCLxiixG1c.ttf) format('truetype');
}
</style>
Terakhir, hapus kode seperti berikut yang menjadi masalah di PageSpeed Insight biasanya ada didalam tag
<head>
HTML
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'/>
Selesai. Sekarang cek kembali blog anda di
PageSpeed Insight jika Render-Blocking bagian link Google Font hilang berarti masalah sudah teratasi. Cek juga halaman blog anda apakah ada perubahan font dari yang sebelumnya. Jika ada yang kurang jelas, silahkan bertanya dikolom komentar. Terima Kasih.
SAYA IBU LISA DI HONGKONG UCAPKAN TERIMA KASIH YANG SEBESAR-BESARNYA KEPADA AKI SARO ,ATAS BANTUANYA KARNA ANGKA RITUAL,AKI, TERNYATA BENAR-BENAR TEMBUS 100% ,
BalasHapus]DAN SAYA TIDAK SIA-SIA MEMBAYAR MAHAR,,AWALNYA SAYA KURANG YAKIN -KALAU ANGKA YANG AKI,BERIKAN AKAN TEMBUS 100% TERNYATA ALHAMDULILLAH SAYA MENANG DENGAN ANGKA,4D NYA,SEMUA PERHIASAN SAYA YANG PERNAH KUGADAIKAN 1 BULAN YANG LALU GARA2 MAIN TOGEL SEKARANG SUDAH BISA KUTEBUS KEMBALI,BAGI ANDA YANG PENCINTA TOGEL YANG MEMPUNYAI BANYAK MASALAH YANG TAK KUNGJUN USAI SILAHKAN ANDA HUBUNGI/ SMS DI NOMOR, 085-334-171-115…KARNA ANGKA “GHOIB” YANG DI BERIKAN AKI SARO TIDAK PERLU DI RAGUKAN LAGI,,SAYA JAMIN 100% TEMBUS ……
… SOALNYA SAYA SUDAH PERNAH MEMBUKTIKANYA 3X BERTURUT-TURUT SELALU MENANG…TERIMA KASIH ATAS BANTUANYA AKI SARO…DAN HASIL RITUALNYA
[2D. 3D. 4D. 6D.7D.9D ]…ATAS BANTUANYA KAMI SEKELUARGA MENGUCABKAN
BANYAK TERIMA KASIH…ATAS ANGKA JITUNYA,SAMA AKI…ATAU - >>>KLIK DISINI<<<<
JIKA ANDA INGIN CEPAT KAYA,BUTUH ANGKA JITU ATAU PESUGIHAN TUYUL ATAU MEMBELI TUYUL
SILAHKAN GABUNG SAMA KAMI,, AKI SARO
TIDAK ADA YANG TIDAK MUNGKIN YANG PENTING KAMU MAU BERUSAHA …
DAN TIDAK ADA REJEKI DATANG SENDIRINYA…KALAU TIDAK BERUSAHA….
Mengatasi Render-Blocking Google Font Pagespeed Insight - Trikis - Zone >>>>> Download Now
Hapus>>>>> Download Full
Mengatasi Render-Blocking Google Font Pagespeed Insight - Trikis - Zone >>>>> Download LINK
>>>>> Download Now
Mengatasi Render-Blocking Google Font Pagespeed Insight - Trikis - Zone >>>>> Download Full
>>>>> Download LINK ox
thankyou masbrow infonya...
BalasHapusnice article
BalasHapusmantap triks nya kaka, terima kasih
BalasHapus