Home » , » Cara Minify Website Wordpress Secara Manual

Cara Minify Website Wordpress Secara Manual

Minify sebuah kata yang sering disebut sebut oleh berbagai kalangan blogger, dimana minify adalah meringkaskan atau membuat sebuah konten website menjadi lebih ringan karena ukurannya akan berkurang. Atau istilah saya menghapus beberapa whitespace atau konten yang tidak diperlukan sehingga ukuran output website ke visitor akan dimuat lebih cepat. 

Baca juga : Speed Up WordPress Using WP Minify Plugin


Masih bingung..?

Berikut saya coba jelaskan bahwa sebuah website umumnya mempunyai struktur seperti dibawah ini :


<!DOCTYPE html>
<html>
<head>
<meta name=”description” content=”ini deskripsinya”/>
<style type=”text/css”>
body{}
#content {}
#footer{}
</head>
<body>
<div id=”content”>

ini konten website saya halo 

</div><div id=”footer”>
</div>
</body>
</html>


diatas adalah sebuah source code standard, akan tetapi apabila di minify maka akan menjadi:

<!DOCTYPE html><html><head><meta name=”description” content=”ini deskripsinya”/><style type=”text/css”>body{}#content {}#footer{}</head><body><div id=”content”>ini konten website saya halo</div><div id=”footer”></div></body>


Tentunya kalau whitespace yang ada tersebut dihilangkan maka secara otomatis ukuran output html dari regenerate CMS atau website akan berkurang. Dan minify tidak akan menghapus sebuah spasi, yang dihapus contohnya adalah :
- tab dan perintah Enter , dimana pada Source code command tersebut tidak akan diindahkan sebagai Script tag HTML, command tab atau enter hanya akan memberikan kesan rapi pada source code saja.

Cara Minify Website Yang Menggunakan Wordpress Secara Manual


Taruh script berikut sebelum code <!DOCTYPE html> atau paling atas sebelum kode dimulai :
    <?php
    /*Mulai minify output*/
    function outputmin($buffer)
    {
        $cari = array(
            '/>[^S ]+/s', /*strip whitespaces setelah tag, kecuali spasi*/
            '/[^S ]+</s', /*strip whitespace sebelum tag, kecuali spasi*/
            '/(s)+/s'  /* memperpendek multiple whitespace */
            );
        $timpa = array(
            '>',
            '<',
            '\1'
            );
        $buffer = preg_replace($cari, $timpa, $buffer);
     
        return $buffer;
    }
     
    ob_start("outputmin");
    ?>

Dan taruh code berikut dibagian akhir paling bawah Script sahabat.

    <?php
    ob_end_flush();
    ?>
Pada WordPress ,  caranya hanya menambahkan code pertama pada header.php code dimulau , atau taruh di bagian atas sendiri , dan kode kedua taruh di footer.php bagian paling bawah sendiri atau akhir dari script , di Theme wordPress sahabat.
Dengan catatan cara ini hanya berhasil untuk scipt yang berbasis PHP LANGUAGE, dan hanya bekerja untuk inline script saja, ..
Sedikit tips untuk sahabat Seotipsku, mungkin sahabat sering menjumpai php comment  atau comment javascript , yang antara lain menggunakan :

// ini comment

atau

/* comment */

nah saya menyarankan hindari tag comment dengan menggunakan  //  , lebih baik menggunakan tag /* isi comment */   disini adalah untuk menghindari rancunya script sahabat apabila menggunakan tag   // dan dengan menggunakan tag comment ini kalau sahabat menempatkan script yang seharusnya bekerja pada baris yang sama dibelakang / sebelah kanannya tag comment , wal hasil skrip tidak akan bekerja alais yang ada dibelakang comment akan ikut dihitung sebagai konten comment (php / javascript etc. ).
Dan apabila ada comment tag pada website sahabat ( javascript ) yang terdapat comment tag // coba ubah menjadi /* */ , atau hapus saja.

Judul : Cara Minify Website Wordpress Secara Manual
Peringkat : 7 / 10 . 264 voting. 197 pengguna.
URL : http://seotipsku.blogspot.com/2014/01/cara-minify-website-wordpress-secara.html
Ditulis Oleh : EraVisi

0 komentar :

Posting Komentar

Terima kasih sudah berkunjung ke Blog ini, Silahkan anda meninggalkan komentar, komentar anda akan segera dimoderasi...