Metode Mengkompress CSS dengan PHP

Mengoptimalkan CSS merupakan salah satu faktor yang sangatlah penting untuk mempercepat proses loading suatu website / blog. Hal ini bisa dilakukan dengan jalan mengkompress agar ukurannya menjadi kecil.

Ada banyak cara yang dapat kita lakukan untuk mengkompress CSS yaitu dengan tool online CSS Compressor atau secara manual dengan menghapus semua baris komentar yang tidak lain fungsinya hanyalah untuk menjelaskan syntax CSS tersebut serta menyederhanakan selector-selector yang mempunyai property dan value yang sama.

Pada kesempatan kali ini saya tidak akan menjelaskan kedua cara diatas tetapi memberikan metode lain dengan menggunakan PHP. Untuk mempersingkat waktu, langsung saja dengan tutorialnya.

Metode Mengkompress CSS dengan PHP

Inti dari metode ini adalah mengganti ekstensi file dari .css menjadi .php dan menambahkan snipet dibawah ini kedalam file php tersebut.

 <?php
    ob_start ("ob_gzhandler");
    header("Content-type: text/css; charset: UTF-8");
    header("Cache-Control: must-revalidate");
    $offset = 60 * 60 ;
    $ExpStr = "Expires: " .
    gmdate("D, d M Y H:i:s",
    time() + $offset) . " GMT";
    header($ExpStr);
?>

/* ------------- Letakan kode CSS dibawah baris/komentar ini ------------- */

/* Body {color:orange;}
...
dan seterusnya... */

Baris yang berwarna merah diatas bisa anda hapus atau gantikan dengan kode-kode pada file CSS blog wordpress anda (biasanya style.css) lalu simpan dengan nama css.php.

Setelah langkah diatas anda lakukan dengan benar maka langkah selanjutnya adalah memanggil file css.php tersebut. Cara pemanggilanya :

<link rel='stylesheet' type='text/css' href='link_ke_file_css.php' />

Ganti kode yang berwarna merah dengan link menuju file css.php.

Seperti itulah metodenya dan dengan menerapkan tips diatas, pastinnya kecepatan loading website atau blog akan sedikit meningkat dari biasanya tetapi itu pun tergantung bagaimana anda mengoptimalkan javascript dan juga kestabilan dari webhosting yang anda gunakan.

Dapatkan update terbaru: * Cek email konfirmasi untuk berlangganan yang telah dikirimkan ke email anda