More

    Cara Menambah Expires Headers di WordPress

    Menambah Expires Headers – Beberapa tools test kecepatan website seperti GTMETRIX selalu merekomendasikan kita untuk menambahkan expires header didalam setiap pengujiannya. Rekomendasi ini ditujukan agar loading website anda menjadi lebih cepat.

    Lalu, apa itu expires headers?

    Expires headers merupakan barisan script yang memberi tahu browser berapa lama sebuah cache akan disimpan.

    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.

    Nah, pada umumnya sebuah cache itu mempunyai masa expired 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.

    Jika expires header-nya terlalu cepat, maka akan selalu ada permintaan langsung ke server. hal tersebutlah yang mempengaruhi kecepatan loading website.

    Cara Menambah Expires Headers di WordPress

    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.

    Add Expires Headers di Apache

    Untuk menambah expires headers, anda harus masuk ke file .htaccess yang berada di public_html hosting anda. Dengan cara:

    1. Login ke cPanel.
    2. Masuk ke menu File Manager
    3. Lalu buka folder Public_html

    Disitu anda akan menembukan file bernama .htaccess. Buka file tersebut lalu copy paste kode dibawah ini

    
      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"
    
    

    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.

    Lalu jangan lupa untuk menyimpan perubahan file .htaccess

    Add Expires Headers di Nginx

    Untuk nginx, memang treatment nya sedikit berbeda dari apache. Karena nginx, tidak mendukung fitur .htaccess yang ada pada apache. jadi, untuk mengatur expires headers kita akan melakukannya langsung di virtualHost nginx. Caranya:

    1. Buka virtualHost domain anda, biasanya berada di /etc/nginx/site-available/
    2. Copy paste kode dibawah ini didalam server block nginx / server{}
    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;
    }
    

    Menambah Expires Headers dengan Plugin

    Untuk anda yang masih bingung cara menambah expires headers dengan kedua cara diatas, anda bisa menggunakan plugin yang tersedia di repository wordpress.

    Caranya:

    1. Masuk ke menu Plugin – Add New
    2. Lalu cari plugin Add Expires Headers
    3. Klik Install Nowmenambah expires headers
    4. Setelah terinstall. Klik Activate lalu masuk ke menu pengaturan Add Expires headers
    5. Lalu, aktifkan semua opsi yang ada.menambah expires headers
    6. Klik Submit

    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.

    Dengan menambahkan expires headers di wordpress diharapkan dapa meningkatkan kecepatan loading website anda. Kecepatan loading website sangat begitu penting karena kecepatan loading juga bisa mempengaruhi peringkat Anda di hasil pencarian Google.

     

    Free $100
    Deal

    Daftar menggunakan link di pojok kanan atas, minimal top up $25 usd. Maka dalam waktu 30 hari setelah registrasi anda akan mendapatkan credit $100 gratis dari vultr untuk mencoba layanan mereka.

    More Less
    Doesn't expire

    Recent Articles

    apa itu mirkotik

    Apa itu Mikrotik dan Fungsinya

    0
    Apa itu mikrotik? - Untuk beberapa orang yang biasa berkecimpung di dunia jaringan, mungkin sudah tidak asing lagi dengan yang namanya Mikrotik. Alat tersebut biasa ada...
    aplikasi belajar online

    Moodle, Aplikasi Belajar Online Gratis

    0
    Aplikasi Belajar Online - Saat ini membuat aplikasi pembelajaran online sangatlah mudah. Banyak sekali platform yang bisa anda gunakan untuk pembelajaran online, salah satunya...
    cara install mikrotik CHR

    Cara Install Mikrotik CHR (Cloud Host Router) pada Centos 8

    0
    Cara Install Mikrotik CHR - Mikrotik seringkali diperlukan ketika mengelola sebuah network secara fisik atau virtual. Saat ini, Mikrotik tersedia dalam versi cloud yang bernama Mikrotik CHR. Sistem operasi...
    upgrade windows 11

    Cara Upgrade Windows 11 Gratis!

    0
    Pada tanggal 5 Oktober 2021, microsoft telah resmi meluncurkan generasi windowsnya yaitu windows 11. Dengan serangkaian fitur baru, Windows 11 diklaim akan menyajikan pengalaman menggunakan...
    tips memilih isp

    Tips Memilih ISP Untuk Kebutuhan Internet Anda

    0
    Dalam memilih ISP kita perlu mempertimbangkan beberapa hal, diantaranya ialah budget. Namun, selain itu tentunya kita perlu memilih isp yang cocok dengan kita. Memilih ISP...

    Related Articles

    Leave A Reply

    Please enter your comment!
    Please enter your name here

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

    Dapatkan konten terbaik dari kami!