MENGAKTIFKAN EXPIRES HEADER DAN OPTIMASI CACHE-CONTROL PADA WORDPRESS - AMING.id™
Hi, guys! welcome to my blog, AMING.id™ | Register/Sign In

Friday, 1 September 2017

MENGAKTIFKAN EXPIRES HEADER DAN OPTIMASI CACHE-CONTROL PADA WORDPRESS

Fast response time yang cepat bukanlah satu-satunya perhatian sampeyan saat merancang sebuah website. Jika ya, maka sampeyan akan menerapkan peraturan #1, mengurangi permintaan HTTP untuk meningkatkan kecepatan situs, ke ekstrem dan tidak menempatkan gambar, script atau stylesheet CSS apa pun pada halaman website sampeyan.

Add Expires Header & Optimize Cache-Control

Seperti yang mungkin sudah sampeyan ketahui, Google sangat terobsesi dengan kecepatan website sampeyan, dan mengingat bahwa website berbasis database dinamis saat ini memiliki reputasi untuk waktu pemuatan yang cukup lambat.

Cara yang bagus untuk mulai meningkatkan kinerja situs web Anda adalah dengan menetapkan Far-Future Expiration-Date untuk berbagai file dalam website sampeyan.

Optimasi Cache-Control untuk meningkatkan Site Speed

Solusi terbaik untuk memperbaiki caching pada semua platform browser adalah dengan menggunakan rangkaian Expires Header dengan arahan 'ExpiresDefault', seperti yang ditunjukkan pada script di bawah '# Default Directive'

Menambahkan Expires Header & Mengoptimalkan Cache-Control, akan menentukan tanggal kedaluwarsa untuk semua bentuk gambar, JavaScripts dan stylesheet CSS, sehingga browser Anda dapat menyimpan file-file ini untuk digunakan pada kunjungan halaman web berikutnya.

Browser menggunakan cache ini untuk mengurangi jumlah permintaan HTTP yang membuat halaman web dimuat lebih cepat. Server web menggunakan Expires Header untuk memberi tahu klien web bahwa ia dapat menggunakan salinan komponen saat ini, yang tersimpan di history browser sampeyan hingga waktu yang ditentukan untuk expired/kadaluwarsa.

Pada permintaan selanjutnya browser akan memeriksa cache untuk mengetahui apakah komponen sudah kadaluarsa. Jika komponennya tidak berubah, server asal akan menghindari pengiriman seluruh komponen dan malah mengirim kembali beberapa header yang memberitahukan browser untuk menggunakan komponen pada history browsernya.

CONTOH: Pertama kali browser memuat sebuah halaman web, file tersebut akan memuat file yang diperlukan untuk tampilan, fungsionalitas halaman (misal; gambar, stylesheet dan script), ke dalam cache-nya.

Untuk kunjungan halaman berikutnya atau yang akan datang, maka browser akan memeriksa Expires Header untuk setiap file, dan akan memuat apapun yang belum kedaluwarsa, langsung dari cache, jadi akan mempercepat waktu respon sebuah halaman web.

Expires Header – Optimasi Cache-Control menggunakan Mod_Expires

Metode konvensional untuk menyesuaikan cache-control Apache menggunakan expires-module (Server language) mod_expires. Setelah mod_expires diaktifkan di file konfigurasi utama (httpd.conf di server sampeyan), mod_expires dapat dikonfigurasi menggunakan 3 perintah mod_expires: ExpiresActive, ExpiresByType, dan ExpiresDefault.

Metode ini paling baik terletak di dalam file httpd.conf di server sampeyan, namun juga bekerja dengan baik bila disertakan dalam file root .htaccess.

Bahwa Google sangat terobsesi dengan kecepatan sebuah website, dan script sederhana ini adalah salah satu solusi dari banyak peningkatan kinerja website sampeyan, dibawah ini adalah cara termudah bagi sampeyan untuk menyalin dan menambahkan script file .htaccess website sampeyan untuk meningkatkan kecepatan situs web.

# Optimize cache-control
<IfModule mod_expires.c>
ExpiresActive on
ExpiresDefault "access plus 1 month"
ExpiresByType image/gif "access plus 1 month"
ExpiresByType image/png "access plus 1 month"
ExpiresByType image/jpg "access plus 1 month"
ExpiresByType image/jpeg "access plus 1 month"
ExpiresByType text/html "access plus 3 days"
ExpiresByType text/xml "access plus 1 seconds"
ExpiresByType text/plain "access plus 1 seconds"
ExpiresByType application/xml "access plus 1 seconds"
ExpiresByType application/rss+xml "access plus 1 seconds"
ExpiresByType application/json "access plus 1 seconds"
ExpiresByType text/css "access plus 1 week"
ExpiresByType text/javascript "access plus 1 week"
ExpiresByType application/javascript "access plus 1 week"
ExpiresByType application/x-javascript "access plus 1 week"
ExpiresByType image/x-ico "access plus 1 year"
ExpiresByType image/x-icon "access plus 1 year"
ExpiresByType application/pdf "access plus 1 month"
<IfModule mod_headers.c>
Header unset ETag
Header unset Pragma
Header unset Last-Modified
Header append Cache-Control "public, no-transform, must-revalidate"
Header set Last-modified "Tue, 1 Oct 2014 10:10:10 GMT"
</IfModule>
</IfModule>
by Aming.