Optimasi Leverage Browser Caching dan Configure entity tags (ETags) dengan .htaccess

Leverage browser caching merupakan masalah yang sering muncul ketika kita mengecek/menganalisa performa website kita dengan GTMETRIX,

Berikut adalah contoh script agar optimasi leverage browser caching dan E-Tag teratasi. Jangan lupa disisipkan pada file .htaccess yang ada di root web directory.

<FilesMatch "\.(css|js|htc|CSS|JS|HTC)$">

    <IfModule mod_headers.c>

        Header set Pragma "public"

        Header set Cache-Control "public, must-revalidate, proxy-revalidate"

    </IfModule>

    FileETag None //untuk e-tag

</FilesMatch>

<FilesMatch "\.(html|htm|rtf|rtx|svg|svgz|txt|xsd|xsl|xml|HTML|HTM|RTF|RTX|SVG|
SVGZ|TXT|XSD|XSL|XML)$">

    <IfModule mod_headers.c>

        Header set Pragma "public"

        Header set Cache-Control "public, must-revalidate, proxy-revalidate"

    </IfModule>

    FileETag None //untuk e-tag

</FilesMatch>

<FilesMatch "\.(asf|asx|wax|wmv|wmx|avi|bmp|class|divx|doc|docx|eot|exe|gif|gz|
gzip|ico|jpg|jpeg|jpe|mdb|mid|midi|mov|qt|mp3|m4a|mp4|m4v|mpeg|mpg|mpe|mpp|otf|
odb|odc|odf|odg|odp|ods|odt|ogg|pdf|png|pot|pps|ppt|pptx|ra|ram|svg|svgz|swf|
tar|tif|tiff|ttf|ttc|wav|wma|wri|xla|xls|xlsx|xlt|xlw|zip|ASF|ASX|WAX|WMV|WMX|
AVI|BMP|CLASS|DIVX|DOC|DOCX|EOT|EXE|GIF|GZ|GZIP|ICO|JPG|JPEG|JPE|MDB|MID|MIDI|
MOV|QT|MP3|M4A|MP4|M4V|MPEG|MPG|MPE|MPP|OTF|ODB|ODC|ODF|ODG|ODP|ODS|ODT|OGG|PDF|
PNG|POT|PPS|PPT|PPTX|RA|RAM|SVG|SVGZ|SWF|TAR|TIF|TIFF|TTF|TTC|WAV|WMA|WRI|XLA|
XLS|XLSX|XLT|XLW|ZIP)$">

    <IfModule mod_headers.c>

        Header set Pragma "public"

        Header set Cache-Control "public, must-revalidate, proxy-revalidate"

    </IfModule>

    FileETag None //untuk e-tag

</FilesMatch>

Jika merasa masih kurang silahkan ditambahi jenis extensionnya.

Selamat mencoba dan terima kasih kunjungannya.

Read More

Tutorial Apache Rewrite URL dengan .htaccess file

Rewrite URL adalah salah satu bagian penting dari PHP dan sebagian besar ditemukan dalam setiap aplikasi web utama yang menggunakan PHP. Rewrite URL mempunyai dua fungsi utama:

1. Membuat URL bersih, ramah SEO dan mudah dibaca.
2. Menyembunyikan fungsi yang mendasari PHP sehingga akan meningkatkan keamanan internal situs.

Rewrite URL paling sering digunakan untuk masking URL yang kompleks, untuk meningkatkan SEO (Search Engine Optimization) dan membuat URL lebih mudah dibaca. Contoh penggunaanya:

• http://localhost/coba/index.php?artikel=20
• http://localhost/coba/tutorial-php.html

contoh Url pertama merupakan link asli sebuah halaman sebelum di rewrite, sedang yang kedua yang sudah di rewrite. Url kedua lebih mudah dibaca dan meningkatkan SEO (Search Engine Optimization) karena mengandung kata kunci. Aturan penulisannya juga menyembunyikan index.php?artikel=20 yang memiliki manfaat tidak mengekspos PHP untuk klien. Jadi itu meningkatkan keamanan website.
Sintaks RewriteRule sebagai berikut

RewriteRule Pattern Substitution [flags]

contoh implementasinya sebagai berikut:

RewriteEngine On
RewriteRule ^([0-9]{4})/([0-9]{0,2})/([^/]+)/$ /index.php?y=$1&m=$2&t=$3 [S]
RewriteRule ^error403\.php - [F]

Setiap baris disebut Instruksi. Baris pertama adalah putaran di Rewrite Mesin. Baris kedua adalah pencocokan  URL patern menggunakan regex. Baris ketiga mendeteksi jika url posting naskah dan memastikan redirect ke 403 (Forbidden Response). [S] dan [F] adalah .htaccess flags.

Read More