Install nginx dengan mod-pagespeed dan mengaktifkan kompresi js dan css

Salah satu parameter penilaian sebuah website adalah dari sisi kecepatan akses yang ditentukan oleh 2 faktor utama, faktor dari backend dan frontend. Dari faktor backend contohnya adalah request ke database, dari sisi frontend contohnya adalah optimasi image, minify css, js, dan banyak hal lagi.

Ada satu tool yang dibuat dan direkomendasikan oleh Google untuk meningkatkan kecepatan akses website dari sisi frontend, yakni mod_pagespeed, sebuah ekstensi dari webserver, bisa dipasangkan dengan apache maupun nginx.

Berikut ini langkah-langkah setting untuk webserver nginx.

Data teknis server:

OS: Ubuntu 14.04 64bit
nginx lawas: 1.4.6
nginx terbaru: 1.12.0

1. Hapus nginx lawas, dan install dependencies

# hapus nginx lawas
sudo apt-get remove nginx
# install dependencies
sudo apt-get install unzip libpcre3 libpcre3-dev

2. install mod-pagespeed

bash <(curl -f -L -sS https://ngxpagespeed.com/install) \
     --nginx-version latest

Jika sudah punya konfig nginx lawas, tinggal tambahkan di

/usr/local/nginx/conf/nginx.conf

baris berikut:

# memanggil konfigurasi nginx lawas (default)
include /etc/nginx/conf.d/*.conf;
include /etc/nginx/sites-enabled/*;

# mengaktifkan pagespeed dan filter
pagespeed FileCachePath              "/var/cache/pagespeed/";
pagespeed FileCacheSizeKb            102400;
pagespeed FileCacheCleanIntervalMs   3600000;
pagespeed FileCacheInodeLimit        500000;
pagespeed EnableFilters prioritize_critical_css;
pagespeed EnableFilters combine_css;
pagespeed EnableFilters combine_javascript;
pagespeed EnableFilters defer_javascript;

3. restart nginx

sudo pkill nginx
sudo /usr/local/nginx/sbin/nginx

REFERENCE:

https://modpagespeed.com/doc/build_ngx_pagespeed_from_source
https://www.cyberciti.biz/faq/debian-ubuntu-linux-install-libpcre3-dev/
Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s