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

KemmaChes
Desember 17, 2018
0
, ,

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.



Formatters
Validators
Encoders & Decoders
Code Minifiers / Beautifier
Converters
Cryptography & Security
String Escaper & Utilities
Web Resources

About Author

KemmaChes
KemmaChes

Author & Editor

Has laoreet percipitur ad. Vide interesset in mei, no his legimus verterem. Et nostrum imperdiet nostrum imperdiet appellantur appellantur usu, mnesarchum referrentur id vim.

Complete Profile