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/

Comments

  1. […] Custom nginx with mod_pagespeed and http_image_filter […]

    ReplyDelete
  2. […] web. Yang kedua terkait dengan URL parameters yang kadang muncul di luar prediksi kita, misalnya penggunaan mod_pagespeed yang secara otomatis akan menambahkan parameter ?PageSpeed=noscript, atau mungkin pagination. […]

    ReplyDelete
  3. […] Install nginx dengan mod-pagespeed dan mengaktifkan kompresi js dan css […]

    ReplyDelete

Post a Comment

Popular posts from this blog

Adding Image Alternate Text into WordPress Image Attachment using python-wordpress-xmlrpc Library

Keutamaan Tidur yang Sedikit Menurut para Ulama

Kisah Nabi Uzair a.s.