Percepat page load website Anda dengan mod_pagespeed

Siapa yang gak kenal Google? Semakin kemari semakin merakyat! Apalagi belakangan ini sudah dibuka kantor google di Indonesia. Siapa yang belom tau hayoo? 😀

Ya, tulisan kali ini tentang google lagi, tapi sekarang sedikit agak ngebahas server. mod_pagespeed, sebuah modul Apache yang disediakan oleh google untuk mempercepat page load halaman website dengan meminimalisir memuat CSS, JS & gambar ke web browser tanpa Anda/programmer harus mengubah kode sama sekali.

Singkatnya, mod_pagespeed bertugas me-rewrite, minify, compress HTML sebelum halaman HTML diberikan ke browser client

# Download

Untuk memudahkan instalasi, Anda dapat download mod_pagespeed untuk 2 linux platform:

Saran: Download dengan wget langsung di server untuk mempercepat proses

# Instalasi

mod_pagespeed dapat di install di beberapa variant linux OS (Test Sukses oleh saya di Ubuntu 12.04)

Debian/Ubuntu:

CentOS/Fedora:

# Ubah kepemilikan cache folder mod_pagespeed

Ubah kepemilikan cache mod_pagespeed, jika Anda menggunakan custom ownership apache2, ubah sesuai dengan ownership apache anda (default: www-data:www-data)

# Custom Konfigurasi

Pagespeed memiliki file konfigurasi pagespeed.conf, untuk melakukan custom konfig, buka file pagespeed.conf di server: /etc/apache2/mods-available/pagespeed.conf dengan editor kesayangan Anda (Saya menggunakan nano), berikut adalah baris custom konfigurasi yang di-custom oleh saya:

# Pemahaman

Mengaktifkan pagespeed, jika anda ingin menon-aktifkan pagespeed, ubah ke off

Custom X-Header, ubah sesuai keinginan Anda

Dengan opsi ini, konfigurasi pagespeed akan dipasang di semua VHost di server

Parse, optimize & serialize ulang semua file HTML di server

Cache direktori pagespeed

Log Direktori pagespeed

Secara default, pagespeed akan menggunakan rewrite CoreFilters, berikut adalah default filter untuk CoreFilters:

Namun saat ini saya menggunakan PassThrough untuk custom filter:

Custom filter, selengkapnya lihat disini

Paksakan pagespeed untuk cache HTML

Kompres HTML yang akan diberikan ke web browser

Menerapkan pagespeed untuk semua domain yang ada didalam server

Hidupkan statistik pagespeed

Shortcut untuk statistik pagespeed, Penggunaan: http://domainanda.com/mod_pagespeed_statistics

Hidupkan pagespeed logging

Shortcut untuk konsol pagespeed, Penggunaan: http://domainanda.com/pagespeed_console

Set pagespeed buffer ke 100000

Shortcut untuk log message pagespeed, Penggunaan: http://domainanda.com/mod_pagespeed_message

# Implementasi

Berikut adalah demo mod_pagespeed menggunakan domain saya sendiri dengan menggunakan firebug firefox addons:

Pagespeed non-aktif, page load: 3,73s

Pagespeed aktif, custom X-Header-Mod-Pagespeed aktif, page load: 1,5s

Pagespeed non-aktif, original CSS, css load: 67ms

Pagespeed aktif, filter combine_css aktif, css rewrited, css load: 45ms

Pagespeed non-aktif, normal css

Pagespeed aktif, minified+combined css

Pagespeed non-aktif, Normal HTML, komentar & whitespace

Pagespeed aktif, Compressed HTML, minified CSS URL

# Flush Cache

Jika anda menggunakan server semasa development aplikasi/website anda, matikan pagespeed:

Ini dimaksudkan agar semua perubahan yang terjadi didalam kode anda semasa developement akan langsung berdampak perubahannya di UI

Untuk melakukan flush cache ketika anda update file html, js atau css, ketikkan perintah berikut di terminal server:

Lalu refresh halaman web/aplikasi anda.

# FAQ

Q: Bagaimana jika saya tidak ingin me-rewrite gambar?
A: Tambahkan baris berikut di pagespeed.conf: ModPagespeedDisableFilters rewrite_images,extend_cache_images lalu restart apache

Q: Apakah system cache pagespeed dapat di integrasikan dengan memcached?
A: Bisa, klik disini untuk selengkapnya

# Kesimpulan

mod_pagespeed sangat berguna untuk Anda para web server administrator sebagai web performance tools untuk meningkatkan page load sebuah halaman web dengan beberapa filter yang sudah disediakan, dengan pagespeed, programmer tidak perlu minify js, css, karena sudah otomatis minified, rewrited & compressed oleh pagespeed.

Siap untuk acak2 server? 😀

Selamat mencoba 🙂

Content Protection by DMCA.com