Kumpulan Tutorial, Tips dan Trik

Cara Compress CSS, HTML, JS Pada Blogger Agar Lebih Cepat


cara compress CSS, HTML, dan JavaScript pada blog, cara mempercepat loading blog




Apakah sobat mengalami masalah kecepatan blog yang rendah dan sobat ingin mengatasinya?

Jika Ya. Maka lanjutkan membaca artikel ini supaya sobat tahu bagaimana cara mengatasinya.


Apabila kecepatan blog sobat rendah, salah satu cara mengatasinya adalah dengan melakukan compress CSS, HTML, dan JavaScript yang ada pada template blog sobat.

Caranya cukup mudah sebenarnya, asalkan tahu bagian-bagian mana saja yang perlu di compress, karena apabila sembarangan bisa membuat tampilan blog sobat menjadi berantakan.

Berikut Langkah - Langkah Compress CSS, HTML, dan JavaScript:

  1. Cara Compress CSS Blog

    Cari kode CSS blog sobat diantara kode seperti ini:
    <b:skin><![CDATA[
    Disini letaknya Kode CSS
    ]]></b:skin> 
    Atau:
    <style type='text/css'>
    Disini letaknya kode CSS
    </style>

    Jika sudah ketemu, sekarang saatnya sobat mengcopy kode tersebut kemudian melakukan compress menggunakan salah satu tool compress yang ada di:
    1. www.htmlcompressor.com
    2. www.csscompressor.com
    3. www.minifycss/css-compressor
    4. www.cssdrive.com/index.php/main/csscompressor

    Caranya: Masukan Kode dari blog sobat ke form kosong yang ada di tool compress, kemudian pilih comprees. Jika sudah selesai, silahkan copy hasilnya dan paste di tempat semula (replace)
  2. Cara Compress HTML Blog

    Cari kode HTML pada template sobat, letaknya diantara kode berikut:
    <body>
    Disini letaknya kode HTML
    </body>

    Jika sudah ketemu, silahkan gunakan salah satu tool compress berikut ini:
    1. www.htmlcompressor.com
    2. www.digitalcoding.com/tools/compress-html.html
    3. www.textfixer.com/html/compress-html-compression.php

    Caranya: Sama dengan cara compress kode CSS tadi.

  3. Cara Compress JavaScript Blog

    Cari kode JS yang ada diantara kode berikut ini:
    <head>
    Disini letaknya kode Java Script
    </head>

    Jika sudah ketemu, silahkan gunakan salah satu tool compress berikut ini:
    1. www.htmlcompressor.com
    2. www.javascriptcompressor.com
    3. www.jscompress.com

    Caranya: Sama dengan cara compress kode CSS dan HTML

NOTES: Lakukan compres pada yang penting-penting saja. Apabila ada kesalahan, biasanya tampilan blog jadi acak. Lakukan compress pada CSS, HTML, dan JavaScript saja.

Setelah melakukan compress, silahkan lihat hasilnya di:

1. gtmetrix.com
2. developers.google.com/speed/pagespeed/insights/



Semoga Bermanfaat.

Share on Facebook
Share on Twitter
Share on Google+
Tags :

Related : Cara Compress CSS, HTML, JS Pada Blogger Agar Lebih Cepat

4 comments:

  1. Bagaimana caranya apa kodenya dicomot dulu kemudian dihapus dan diganti dengan kode yang sudah di comprres tadi?

    ReplyDelete
  2. apakah agan sudah membuktikan cara ini????

    ReplyDelete
  3. saya sudah membuktikannya, kira2 dari peringkat 62 ke 72 kcpatan load di desktop

    ReplyDelete
  4. Selesai dikompres kok tampilannya rusak gimana nih....?

    ReplyDelete