Kompresi CSS menggunakan Python
Thu Jul 24, 2014 · 221 words

Jangan siksa pengunjung website mu dengan bloated CSS

CSS (Cascading Style Sheet) merupakan salah satu komponen penting dalam sebuah website. Tanpa CSS, sebuah website dapat dipastikan memiliki tampilan yang tidak begitu indah dilihat. Namun ketika sebuah website memiliki komponen yang cukup banyak, ukuran file CSS ini akan menjadi cukup besar sehingga memperlambat akses website kamu. Disini saya akan kasih script kecil yang dapat digunakan untuk memperkecil ukuran css kamu.

Disini kita butuh sebuah library python bernama cssmin, installasi nya cukup mudah, cukup dengan mengetik pip install cssmin

Pastikan installasi anda sudah terinstall pip tentunya. Cssmin ini dapat dibilang import dari YUI css compressor yang berbasis java. Untuk memperkecil banyak file css sekaligus, gue akan berikan snippet code nya.

import cssmin, time, glob  
#nama file output, disini gue beri nama all_UnixTime.css
#contoh file output all_1376637310.css
outfilename = ‘all_’ + str((int(time.time()))) + ".css"  
#membaca setiap file css dalam 1 folder
with open(outfilename, ‘wb’) as outfile:  
    for fname in glob.glob(‘*.css’):
        with open(fname, ‘r’) as rawfile:
            #mengecilkan css
            minified_file = cssmin.cssmin(rawfile.read())
            #menulis css yang sudah diperkecil ke file output
            outfile.write(minified_file)
    outfile.write(‘/* ===end of ‘ + fname + ‘===*/\n’)

simpan dalam sebuah file misalkan css.py, lalu letakkan dalam 1 folder bersama file css anda, lalu eksekusi dengan menjalankan ini di command line loe

python css.py  

Untuk yang ingin mempelajari lebih jauh library cssmin, silahkan kunjungi githubnya


back · he thought · he could · so he did · main