indra21 Perkenalkan nama saya indra rani dwi putra. Saya seorang freelancer sekaligus sebagai penanggung jawab website maniac-developer.com dan beli-website.com

Membuat Cookie File static di htaccess dengan metode expired

2 min read

Membuat Cookie File static di htaccess menggunakan metode expired

Bismillah, Kali ini saya akan memberikan sedikit informasi mengenai bagaimana cara membuat Cookie File static di htaccess menggunakan metode expired sehingga website kita tidak perlu meload dokumen seperti image , javascript dan css untuk kedua kalinya. 

Mengapa? Karena image, javascript dan css sebenarnya sebuah file yang berbentuk static dan tidak berubah kecuali dalam keadaan pengembangan. Nah disini client kita tentu tidak mau merasakan lambatnya file css dan javascript itu diload. Apalagi jika sudah mencapai 1MB Lebih . bisa dibayangkan berapa lama website kita diload. 

Bagaimana cara kerja cookie mungkin itu bukan urusan kita , disini kita hanyalah sebagai pemakai / penikmat fitur browser . tapi sebelum itu kita mesti tau jika cookie terbagi menjadi 2 yaitu . 

1. Disk Cache dalam Membuat Cookie File static

Disk Cache berfungsi untuk menyimpan data yang berkapasitas besar ke disk/hardisk anda . seperti file css, js, dan font .  

file disk cache tidak akan terhapus sebelum pemilik / pengguna browser melakukan aksi penghapusan secara manual , atau pemilik website merubah nama file pada websitenya . 

2. Memory Cache

Memory cache berfungsi untuk menyimpan data yang berkapasitas kecil yang tersimpan pada memory laptop anda seperti image . 

Berbeda dengan disk cache , memory cache akan di bersihkan secara berkala berdasarkan perfomance laptop anda , bisa saja di hapus saat anda merestart komputer atau melakukan scan secara mendalam pada memory anda . 

Pernahkah anda merasa laptop anda lemot hanya karena sering browsing , dan akan kembali normal bila di restart . 

Nah penyebab laptop anda lemot  karena memory cache laptop anda terlalu banyak , karena keseringan membaca blog yang memiliki banyak gambar apalagi membuka facebook . itu akan sangat menguras memory laptop anda . 

Nah langsung saja kita kembali ke permasalahan , bagaimana cara membuat Cookie File static pada file static website kita. 

Pertama tama anda bisa membuka file .htaccess anda. Jika tak punya maka silahkan beli di warung terdekat. Atau membuatnya secara manual dengan cara buat sebuah file biasa di notepad dan beri nama ".htaccess" Ingat Pakai "TITIT" , dan TITIT nya di depan 

Setelah membuka file .htaccess anda  , anda bisa menyisipkan kode ini di file anda . 


 ExpiresActive On 
 # Images 
 ExpiresByType image/jpeg "access plus 1 year" 
 ExpiresByType image/jpg "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" 
Header set Cache-Control "max-age=31557600, public" 
 mod_gzip_on Yes 
 mod_gzip_dechunk Yes 
 mod_gzip_item_include file .(html?|txt|css|js|pl|mp3)$ 
 mod_gzip_item_include handler ^cgi-script$ 
 mod_gzip_item_include mime ^text/.* 
 mod_gzip_item_include mime ^application/x-javascript.* 
 mod_gzip_item_exclude mime ^image/.* 
 mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.* 

Nah Sudah jadi . tapi ini tidak sepenuhnya berjalan pada sistem backend php anda , seperti hasil image yang dicrop pada backend alias sistem crop otomatis . 

Sistem Cookie pada htaccess hanya berjalan pada file static . seperti URL image secara langsung . 

3. Contoh Membuat Cookie File static

Langsung ke inti contoh , biar kita tidak terlalu dalam dan tidak saling patah hati .

  1. Yang dapat menggunakan htaccess seperti URL image ini . 
    http://maniac-developer.com/images/800/400/1912180323047622.jpg
  2. Yang tidak dapat dibaca htaccess seperti URL image menggunakan backend sebagai perantara , seperti auto crop 
    http://maniac-developer.com/images/100/100/1912180323047622.jpg

Mengapa nomor 2 itu tidak termasuk pada htaccess yang di buat ?? karena sifatnya tidak statis , alias bisa berubah berubah . maka dari itu perlu juga kita menambahkan sedikit kode pada backend php anda jika anda menggunakan metode yang sama seperti saya (ngekor mulu)

Saya menggunakan sedikit metode untuk agar image yang dicrop tetap tersimpan pada cookies , anda cukup menambahkan kode ini pada php / backend crop anda - Ingat ini tidak global alias hanya apabila anda menggunakan metode yang sama . 

header("Access-Control-Allow-Origin: *"); 
header("cache-control: public, max-age=31557600");   

$link = $_SERVER["HTTP_HOST"].$_SERVER["REQUEST_URI"]; 
header("etag: ".str_replace(`.`,``,$link));  

?>

Nah mungkin cukup sekian dari saya pembahasan tentang cara membuat Cookie File static. Semoga bermanfaat dan membawa berkah . dan jika anda seorang muslim maka wajib anda menyebarkan sebuah ilmu walau hanya 1 ayat . cukup tekan tombol share di bawah ini 

indra21 Perkenalkan nama saya indra rani dwi putra. Saya seorang freelancer sekaligus sebagai penanggung jawab website maniac-developer.com dan beli-website.com

Proteksi konten website anda dengan cepat

Bismillah , Kali ini saya akan memberikan sebuah plugin menarik dan gratis (bersyarat) untuk teman teman yang ingin mengamankan kontennya dari copy paste
indra21
1 min read

Membuat sistem auto crop dengan php

Kali ini saya akan memberikan ilmu penting di sebuah website . yya bagi sebuah developer expert ini mungkin sebuah hal yang sudah basi ....
indra21
1 min read

Mendeteksi Adblock di Browser Client Pakai Javascript

kali ini saya akan membagikan sedikit tips buat teman teman yang merasa risih dengan adanya plugin adblock pada browser . bagaimana tidak ?...
indra21
1 min read

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *