Sabtu, 12 Desember 2015

Cara Mengatasi Optimize css Delivery Di Blog/Blogger

optimize css delivery
Optimize CSS Delivery - Optimalkan css di blog. Biasanya Anda saat Melakukan Test Speed mengunakan Google PageSpeed Insights akan muncul peringatan "Your page has 1 blocking script resources and 2 blocking CSS resources. bla bla bla dst...... " Nah berikut ini akan kita bahas bagaimana cara mengatasi masalah tersebut.

Oh iya, Kenapa kita perlu melakukan PengOptimal,an CSS, Sudah jelas bukan untuk mempercepat loading halaman web atau blog sobat.

Berikut cara mengatasinya :


Tahap Tes Optimasi css blog

Nah dari contoh test yang saya lakukan di atas, Yang harus kita lakukan.

1. Cari Link itu di Template Sobat.

2. Jika sudah ketemu Tinggal Buka linknya.

3.Kopas alamat link ke adress bar, dab buka link tersebut, maka akan muncul kode-kode

Conrohnya, kode CSS di template seperti ini:

<link rel="stylesheet" href="http://..... mobile_bundle.css">

Tinggal kopi link http://..... mobile_bundle.css nya dan Buka link tersebut. Maka Muncul Kode Berikut :
section,nav,article,aside,hgroup,header,footer{display:block}

Nah selanjutnya Tinggal Ganti Yang tadinya Seperti Ini :



<link rel="stylesheet" href="http://..... mobile_bundle.css">

Menjadi :
<style>
section,nav,article,aside,hgroup,header,footer{display:block}
</style> . 

4. Save Template . Dan coba tes lagi maka akan berkurang. Lakukan Seterusnya di link berikutnya jika terdapat lebih dari satu css yang harus di optimasi.

Jika ada yang di tanyakan silahkan di tanyakan di komentar di bawah,

Seoga bermanfaat.

Cara Mengatasi Optimize css Delivery Di Blog/Blogger Rating: 4.5 Diposkan Oleh: Lek

10 komentar

mas saya kurang paham, knpa setelah saya copy/paste link nya di adress lalu enter kok yg muncul banyaaaaak amat?

iya itu scripnya,... Tinggal Di masukan di antaran

sintax style

Monggo di coba lagi

mas bole ga mas yg cek sndiri di browser mas, ini kode nya: http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css mohon bantuanx mas thx

lalu penampatanny di mana mas? apakah di tempat semula yg script nya d ganti?

iya brother. di tempatkan di semual.
1. kita copy yang di link tadi semua.
2. buat syntak <style>PASTE DISINI</style>
3. Letakkan di semula.

apa pernah ada kesalahan setelah melakukan itu?

Aku cobak gagal Mas :( kasusku sama kayak Mbak Ikha Prang bagian css font-awesome, banyak gtu, aku coba caranya yang nambahin < style >...< /style > ttp aja gk bisa... :(

kenapa setelah saya lakukan tips ini icon font awesome nya malah gak muncul?