
<p class="wp-block-paragraph"><strong>Menambah Expires Headers </strong>&#8211; Beberapa tools test kecepatan website seperti <a href="https://gtmetrix.com/reports/www.tutorialpedia.net/Qp13dASp" target="_blank" rel="noreferrer noopener">GTMETRIX</a> selalu merekomendasikan kita untuk menambahkan expires header didalam setiap pengujiannya. Rekomendasi ini ditujukan agar <a href="https://www.tutorialpedia.net/10-tips-mempercepat-loading-website-wordpress/">loading website anda menjadi lebih cepat</a>.</p> 
 
 
 
<p class="wp-block-paragraph">Lalu, apa itu expires headers?</p> 
 
 
 
<p class="wp-block-paragraph">Expires headers merupakan barisan script yang memberi tahu browser berapa lama sebuah cache akan disimpan.</p> 
 
 
 
<p class="wp-block-paragraph">Jadi, Ketika user pertama kali mengunjungi sebuah halaman website, browser biasanya akan otomatis memuat file dari server. File tersebut bisa berupa HTML, Images, PDF, CSS, Javascripts, dan lainnya. File yang diterima kemudian disimpan di cache. File yang dimuat tadi kemudian disimpan di cache. Ketika user akan mengakses halaman yang sama, maka si browser cukup mengakses cache yang sebelumnya sudah disimpan.</p> 
 
 
 
<p class="wp-block-paragraph">Nah, pada umumnya sebuah cache itu mempunyai masa <em>expired</em> nya. Untuk itu kita perlu mengatur berapa lama sebuah cache akan disimpan didalam browser tersebut. Karena, biasanya pada website-website yang baru kita belum mengatur masa expired cache tersebut.</p> 
 
 
 
<p class="wp-block-paragraph">Jika expires header-nya terlalu cepat, maka akan selalu ada permintaan langsung ke server. hal tersebutlah yang mempengaruhi kecepatan loading website.</p> 
 
 
 
<h2 class="wp-block-heading"><strong>Cara Menambah Expires Headers di WordPress</strong></h2> 
 
 
 
<p class="wp-block-paragraph">Untuk menambah expires headers di wordpress, caranya berbeda-beda tergantung teknologi apa yang anda gunakan. Jika anda menggunakan apache web server maka menambah expires headers bisa dilakukan melalui htaccess. Namun, jika anda menggunakan nginx, menambah expires headers bisa dilakukan melalui pengaturan virtualhost.</p> 
 
 
 
<h3 class="wp-block-heading"><strong>A</strong>dd<strong> Expires Headers di Apache</strong></h3> 
 
 
 
<p class="wp-block-paragraph">Untuk menambah expires headers, anda harus masuk ke file <strong>.htaccess </strong>yang berada di public_html hosting anda. Dengan cara:</p> 
 
 
 
<ol class="wp-block-list"> 
<li>Login ke cPanel.</li> 
<li>Masuk ke menu <strong>File Manager</strong></li> 
<li>Lalu buka folder <strong>Public_html</strong></li> 
</ol> 
 
 
 
<p class="wp-block-paragraph">Disitu anda akan menembukan file bernama .htaccess. Buka file tersebut lalu copy paste kode dibawah ini</p> 
 
 
 
<pre><code> 
 ExpiresActive On 
 # Images 
 ExpiresByType image/jpeg "access plus 1 year" 
 ExpiresByType image/gif "access plus 1 year" 
 ExpiresByType image/png "access plus 1 year" 
 ExpiresByType image/webp "access plus 1 year" 
 ExpiresByType image/svg+xml "access plus 1 year" 
 ExpiresByType image/x-icon "access plus 1 year" 
 
 # Video 
 ExpiresByType video/mp4 "access plus 1 year" 
 ExpiresByType video/mpeg "access plus 1 year" 
 
 # CSS, JavaScript 
 ExpiresByType text/css "access plus 1 month" 
 ExpiresByType text/javascript "access plus 1 month" 
 ExpiresByType application/javascript "access plus 1 month" 
 
 # Others 
 ExpiresByType application/pdf "access plus 1 month" 
 ExpiresByType application/x-shockwave-flash "access plus 1 month" 
 
</code></pre> 
 
 
 
<p class="wp-block-paragraph">Seperti terlihat di contoh tersebut, Anda sudah mengatur status expiration dalam keadaan aktif. Selain itu, Anda juga sudah mengatur expiration untuk masing-masing jenis file. Sesuaikan dengan kebutuhan Anda.</p> 
 
 
 
<p class="wp-block-paragraph">Lalu jangan lupa untuk menyimpan perubahan file .htaccess</p> 
 
 
 
<h3 class="wp-block-heading"><strong>A</strong>dd<strong> Expires Headers di Nginx</strong></h3> 
 
 
 
<p class="wp-block-paragraph">Untuk nginx, memang <em>treatment </em> nya sedikit berbeda dari apache. Karena nginx, tidak mendukung fitur .htaccess yang ada pada apache. jadi, untuk mengatur <em>expires headers</em> kita akan melakukannya langsung di virtualHost nginx. Caranya:</p> 
 
 
 
<ol class="wp-block-list"> 
<li>Buka virtualHost domain anda, biasanya berada di <em>/etc/nginx/site-available/</em></li> 
<li>Copy paste kode dibawah ini didalam server block nginx / server{}</li> 
</ol> 
 
 
 
<pre><code>location ~* \.(js|css|png|jpg|jpeg|gif|svg|ico)$ { 
 expires 30d; 
 add_header Cache-Control "public, no-transform"; 
} 
location ~* .(jpg|jpeg|gif|png|svg)$ { 
expires 365d; 
} 
location ~* \.(pdf|css|html|js|swf)$ { 
 expires 2d; 
} 
</code></pre> 
 
 
 
<h3 class="wp-block-heading"><strong>Menambah Expires Headers dengan Plugin</strong></h3> 
 
 
 
<p class="wp-block-paragraph">Untuk anda yang masih bingung cara menambah expires headers dengan kedua cara diatas, anda bisa menggunakan plugin yang tersedia di repository wordpress.</p> 
 
 
 
<p class="wp-block-paragraph">Caranya:</p> 
 
 
 
<ol class="wp-block-list"> 
<li>Masuk ke menu <strong>Plugin &#8211; Add New</strong></li> 
<li>Lalu cari plugin <strong>Add Expires Headers</strong></li> 
<li>Klik <strong>Install Now</strong><img class="wp-image-7615" style="width: 700px;" src="https://www.tutorialpedia.net/wp-content/uploads/Screenshot_489-min.png" alt="menambah expires headers" /></li> 
<li>Setelah terinstall. Klik <strong>Activate </strong>lalu masuk ke menu pengaturan <strong>Add Expires headers</strong></li> 
<li>Lalu, aktifkan semua opsi yang ada.<img class="wp-image-7617" style="width: 700px;" src="https://www.tutorialpedia.net/wp-content/uploads/Screenshot_490-min.png" alt="menambah expires headers" /></li> 
<li>Klik <strong>Submit</strong></li> 
</ol> 
 
 
 
<p class="wp-block-paragraph">Maka secara otomatis, plugin tadi mengubah pengaturan yang ada di file .htaccess anda. Karena plugin ini menggunakan .htaccess maka plugin ini tidak direkomendasikan untuk anda yang menggunakan nginx.</p> 
 
 
 
<p class="wp-block-paragraph">Dengan menambahkan expires headers di wordpress diharapkan dapa meningkatkan kecepatan loading website anda. <a href="https://www.tutorialpedia.net/mempercepat-loading-website-dengan-plugin/">Kecepatan loading website</a> sangat begitu penting karena kecepatan loading juga bisa mempengaruhi peringkat Anda di hasil pencarian Google.</p> 
 
 
 
<p class="wp-block-paragraph"> ;</p> 

Cara Menambah Expires Headers di WordPress
Recent Articles
Kumpulan DNS Gratis Tercepat!
DNS merupakan sebuah sistem yang bertugas menyimpan semua informasi data domain dalam jaringan. Dengan adanya DNS, domain atau hostname yang ada akan ditranslate dan...
Apa itu DNS ? Dan Fungsinya
Apa itu DNS? - DNS (Domain Name System) adalah sebuah sistem yang bertugas menyimpan semua informasi data domain dalam jaringan. Dengan adanya DNS, domain...
Apa itu OLT ? Serta Fungsinya Dalam Jaringan
Apa itu olt ? OLT (Optical Line Termination) adalah perangkat keras yang berfungsi sebagai titik akhir (end-point) dari layanan jaringan optik pasif (Passive Optical...
Template Voucher Untuk Mixradius
Template Voucher Untuk Mixradius - Pasti kalian bosen kan dengan template voucher default mixradius? tenang. kali ini saya akan memberikan template untuk voucher mixradius kamu agar...
Daftar Port Game Online Mikrotik Terbaru
Daftar port game online dibawah ini bisa digunakan untuk membuat rule agar koneksi ke game online tersebut bisa lancar, bisa juga untuk memisahkan antara...
