Website

3 Cara Mengompres File CSS Menggunakan PHP

CSS adalah kumpulan kode yang berguna untuk mengatur tampilan sebuah website. Ketika kita menginginkan design yang canggih maka seringkali diperlukan kode yang panjang sehingga membutuhkan waktu untuk memuat seluruh kode. Untuk itu diperlukan kompresi agar waktu untuk menampilkan kode menjadi lebih cepat. Berikut ini 3 cara untuk mengompresi file CSS dengan menggunakan PHP.

Menggunakan Metode Paul Stamatiou
Untuk melakukan kompresi css menggunakan metode ini anda perlu mengganti file .css menjadi .css.php. Kemudian pastikan anda memasukan nama baru ini di file html anda seperti dibawah ini misalnya :

< link rel="stylesheet" type="text/css" media="screen" href="/style.css.php"/>

Setelah Anda berhasil mengganti nama file css Anda, edit dan tambahkan kode berikut di awal file:

< ?php if(extension_loaded('zlib')){ob_start('ob_gzhandler');} header("Content-type: text/css"); ?>

Kemudian, tambahkan baris berikut ini ke bagian paling bawah dan simpan file.

< ?php if(extension_loaded('zlib')){ob_end_flush();}?>

Yah itulah yang perlu dilakukan untuk mengkompresi file CSS menggunakan Metode Paul Stamatiou

Menggunakan Perishable Press
Pada dasarnya, Metode Persishable Press memiliki fungsi seperti metode Paul Stamatiou, yaitu dengan mengganti nama file .css menjadi .css.php (atau .php saja) dan menambahkan potongan kode pendek ini pada awal file CSS yang ingin anda kompresi:

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

Metode ini lebih simple daripada metode yang sebelumnya, karena kita hanya perlu menambahkan kode di awal saja tidak di awal dan akhir seperti yang sebelumnya.

Metode Reinhold Weber
Metode ini dikembangkan oleh developer German bernama Reinhold Weber. Metode ini adalah satu satunya metode yang tidak mengharuskan kita untuk mengganti file .css menjadi .php.

< ?php
  header('Content-type: text/css');
  ob_start("compress");
  function compress($buffer) {
    /* remove comments */
    $buffer = preg_replace('!/\*[^*]*\*+([^/][^*]*\*+)*/!', '', $buffer);
    /* remove tabs, spaces, newlines, etc. */
    $buffer = str_replace(array("\r\n", "\r", "\n", "\t", '  ', '    ', '    '), '', $buffer);
    return $buffer;
  }
	
  /* your css files */
  include('master.css');
  include('typography.css');
  include('grid.css');
  include('print.css');
  include('handheld.css');

  ob_end_flush();
?>

Regular expression untuk menghapus komen css juga bagus untuk mempercepat loading css website anda.

NB : hapuskan spasi di awal kode untuk mengaplikasikan pada website Anda.

Artikel Terkait

Leave a Reply

Your email address will not be published. Required fields are marked *

Close
Close

Adblock Terdeteksi

Matikan Ad Blocker anda untuk melanjutkan membaca