Cara Mudah Memasang Css Minifier Tool Di Blog

Dalam dunia blogging, tentu kita pasti mengenal apa itu CSS. CSS adalah abreviasi dari Cascading Style Sheets yang memiliki arti sebuah aba-aba yang dipraktekkan untuk memberi sentuhan corak dan gaya penampilan (style) pada sebuah element atau struktur halaman web yang dibuat oleh HTML. Tentunya kode CSS juga mempunyai ukuran yang jika telalu banyak baris arahan yang kita buat maka akan berpengaruh pada loading sebuah web.

Sesuai yang sudah direkomendasikan para webmaster, instruksi CSS bisa dikompres agar mampu menghemat beban di web yang kita buat. Nahh.. kali ini saya akan membagikan sebuah alat untuk meminify atau mengkompress aba-aba CSS agar lebih ringkas dan ringan untuk web kalian. Tool ini sangat sesuai bagi kalian yang melakukan pekerjaan dibidang web design ataupu web development.

Silahkan gunakan tool di bawah ini, cukup copy paste instruksi CSS kalian dan final dalam hitungan detik.

Sebagai acuan instruksi dibawah ini akan saya minify dengan tool diatas :

.foo
     font-size: 14px;
     color: blue;

.kafetaria
    font-family: calibri, helvetica, sans-serif;

.foobar
        text-decoration: underline;
        font-size: 23px;
        color: black;

Dan sesudah di minify, akan menjadi seperti ini :

.foofont-size:14px;color:blue.barfont-family:calibri,helvetica,sans-serif.foobartext-decoration:underline;font-size:23px;color:black

Jika kalian ingin memperlihatkan tool CSS Minifier di blog kalian, silahkan gunakan copy aba-aba dibawah ini dan paste di halaman statis atau artikel kalian. Saya menawarkan 2 pilihan ialah untuk blog custom AMP dan Non AMP.

  • Blog AMP

Gunakan isyarat berikut ini :

               src="https://cdn.staticaly.com/gh/HendraSurya/Tool/master/CSS-Minifier.html"
              height="575"
              layout="fixed-height"
              frameborder="0"
              sandbox="allow-forms allow-scripts allow-same-origin allow-modals allow-popups">
             layout="fixed-height"
             height="575"
             width="auto"
             placeholder>

  • Blog Non AMP

Gunakan isyarat berikut :























Simpel kan ??, ayo silahkan dicoba di blog masing-masing. Atau bila kalian ingin menggunakan tool ini tanpa menyimpannya, boleh kok bookmark halaman ini di browser kalian dan gunakan kapan saja kalian mau.

UPDATE !!

Changelog : CDN move to Staticaly (26 Juli 2020)

Tinggalkan komentar