Vestacp nginx, php-fpm, pagespeed

Vestacp nginx php-fpm pagespeed

Vestacp nginx php-fpm pagespeed

Install VestaCP

VestaCP dikenal saat ini sebagai panel kontrol hosting gratis dan mudah digunakan (menurut saya). Yah, karena Anda mungkin tahu bahwa secara default Vestacp mengimplementasikan Nginx sebagai server web frontend sementara menggunakan Apache sebagai backend. Ini menjadi konfigurasi paling umum yang memungkinkan penggunanya menikmati kecepatan Nginx –dalam memberikan konten statis– sementara juga kemudahan dan fleksibilitas Apache.

Dalam panduan ini, saya akan menunjukkan kepada Anda cara memasang Vestacp dengan Nginx dan PHP-fpm, pagespeed, alih-alih menggunakan Nginx, Apache, dan PHP, di VPS Anda (CentOS).

INSTALL INSTRUCTIONS

  1. # Connect to your server as root via SSHssh [email protected]
  2. # Download installation scriptcurl -O http://vestacp.com/pub/vst-install.sh
  3. # Run itbash vst-install.sh

Hanya dalam beberapa menit server sudah terinstall control panel. selanjutnya buka IP:8083

Untuk pasang pagespeed simak uraian berikut ini, Jadi PageSpeed adalah sebuah module open-souce untuk web server yang dapat membantu mengoptimalkan websitemu secara otomatis. Contoh optimasi yang dilakukan PageSpeed adalah minify css, js, kompresi gambar Dan untuk web server yang didukung oleh PageSpeed hanya Apache dan Nginx saja.

Lalu bagaimana cara installnya?

Untuk cara installnya cukup mudah lho, kamu bisa langsung mengikuti langkah dibawah ini.

CentOS

Step 1: Kita install terlebih dahulu GetPageSpeed repository.

yum install https://extras.getpagespeed.com/release-el7-latest.rpm

Step 2: Dilanjut dengan install module PageSpeed menggunakan yum.

yum install nginx-module-nps

Step 3: Sekarang kita load module PageSpeed di Nginx, caranya edit file /etc/nginx/nginx.conf dan tambahkan config berikut:

load_module             modules/ngx_pagespeed.so;

Kurang lebih untuk file nginx.conf kamu akan menjadi seperti ini:

# Server globals
user                    nginx;
worker_processes        auto;
worker_rlimit_nofile    65535;
error_log               /var/log/nginx/error.log crit;
pid                     /var/run/nginx.pid;
load_module             modules/ngx_pagespeed.so;

Step 4: Sekarang buat file /etc/nginx/pagespeed.conf dan tambahkan config:

pagespeed FileCachePath /var/cache/nginx/pagespeed;

location  ~ "\.pagespeed\.([a-z]\.)?[a-z]{2}\.[^.]{10}\.[^.]+" {
  add_header "" "";
}
location ~ "^/pagespeed_static/" { }
location ~ "^/ngx_pagespeed_beacon$" { }

Sampai pada step ini, berarti kamu sudah selesai melakukan installasi PageSpeed di VestaCP.

Bagaimana cara mengaktifkan PageSpeed?

Untuk mengaktifkan PageSpeed di websitemu, kamu bisa menambahkan template terlebih dahulu.

Buat kamu yang menggunakan Nginx + PHP-FPM + WordPress bisa menggunakan template berikut:

wget -O /usr/local/vesta/data/templates/web/nginx/php-fpm/wordpress_pagespeed.tpl https://gitlab.com/snippets/1740172/raw
wget -O /usr/local/vesta/data/templates/web/nginx/php-fpm/wordpress_pagespeed.stpl https://gitlab.com/snippets/1740173/raw

Dan buat kamu yang menggunakan Nginx + Apache bisa menggunakan template ini:

wget -O /usr/local/vesta/data/templates/web/nginx/default.tpl https://gitlab.com/snippets/1740176/raw
wget -P /usr/local/vesta/data/templates/web/nginx/default.stpl https://gitlab.com/snippets/1740179/raw

Lalu masuk kedalam dashboard VestaCP dan rubah templatemu dengan template yang baru. Contoh disini saya menggunakan Nginx + PHPFPM + WordPress jadi saya menggunakan template wordpress_pagespeed.

Sekarang cek hasilnya dengan menggunakan Inspect Element, dan hasilnya bahwa CSS dan JS di salah satu website saya sudah di optimasi dengan PageSpeed.

Kamu pun juga bisa mencoba untuk mengecek hasilnya melalui tool seperti gtmetrix.com ataupun tools.pingdom.com.

 

ref: berbagai sumber

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.