3 Cara Mencegah Caching CSS di Browser

Atrem13
2 min readFeb 28, 2021

--

hei…hei, aku mau ngasi tau kalo aku udah mulai nulis microblog juga di instagram. Disana aku masih bahas seputaran IT dan beberapa tips lainnya, kalau kalian tertarik bisa mampir ke akun ig ku di:

https://www.instagram.com/idiotcoding__/

Jika menurut kalian tulisan ku bermanfaat boleh dong bantu dishare ke temen-temen yang lain :)

Okey basa basinya itu dulu, sekarang yuk lanjut ke materi :)

Pernah ga sih kamu pas lagi bikin desain web terus kebingungan kok css yang kamu ganti di coding tapi di browser masih sama kayak sebelumnya?

Ternyata itu terjadi karena browser kita melakukan caching pada css kita yang sebelumnya. Aku mau share cara untuk antisipasi hal tersebut, semoga membantu ya…

  1. Menambahkan Versi

Kamu cuma perlu Anda menambahkan parameter versi di akhir href. contoh:

Browser akan melihat adanya versi baru dan akan memperbaharui data CSS di cache.

2. Disable caching di Chrome

Kalau Kamu menggunakan Google Chrome, Kamu bisa menonaktifkan akan tetapi hanya selama developer toolsmu di browser terbuka.

3. Hard Reload Browser

Di google chrome bisa dengan CTRL + Shift + R
Untuk browser lain bisa di cek di.

https://www.getfilecloud.com/blog/2015/03/tech-tip-how-to-do-hard-refresh-in-browsers/#.YCghas9KgTs

Kalau kalian tertarik dengan informasi seputar IT bisa mampir ke akun ig ku di:

https://www.instagram.com/idiotcoding__/

Jika menurut kalian tulisan ku bermanfaat boleh dong bantu dishare ke temen-temen yang lain :)

Ok seperti biasa belum semua materi dikupas tuntas disini, masih banyak yang bisa kalian explore diluar sana. Kalau ada yang punya pendapat lain atau mungkin kurang setuju ama yang aku tulis bisa kita diskusi di kolom komentar ya. Kalau ada salah kata atau sejenisnya mohon dimaafkan dan kalau bisa dikoreksi agar aku bisa lebih baik lagi kedepannya.

Oke itu dulu untuk seri kali ini, saya Merta pamit undur diri dan ingat untuk ‘Haus akan ilmu baru’ :)

--

--

Atrem13
Atrem13

No responses yet