AHLI NGODINK
Learning PathTersimpanSemua Artikel Telegram
Hosting

Website Tidak Berubah Setelah Upload? Cara Mengatasi Cache

Website sudah diupload tetapi tampilannya masih versi lama? Pelajari cara mengecek browser cache, CDN, server cache, file yang salah, serta teknik cache busting CSS dan JavaScript.

Ditulis Ahli Ngodink 10 menit membaca

Salah satu masalah yang sering membingungkan pemula adalah: file website sudah diganti di hosting, tetapi ketika domain dibuka, tampilannya masih seperti versi lama.

Masalah ini tidak selalu berarti proses upload gagal. Salah satu penyebab yang sangat umum adalah cache.

Namun cache bukan satu-satunya kemungkinan. Bisa juga file yang diedit bukan file yang sedang dipakai domain.

Apa Itu Cache?

Cache adalah penyimpanan sementara yang digunakan untuk mempercepat akses ke data yang sebelumnya sudah pernah dimuat.

Browser, server, CDN, dan aplikasi dapat memiliki cache masing-masing.

Contohnya browser pernah mengunduh:

style.css

Ketika halaman dibuka lagi, browser dapat menggunakan salinan yang sudah tersimpan daripada mengunduh file yang sama dari awal.

Gejala Website Masih Menampilkan Versi Lama

  • CSS baru tidak terlihat.
  • JavaScript baru belum berjalan.
  • Gambar lama masih tampil.
  • Perubahan terlihat di satu perangkat tetapi tidak di perangkat lain.
  • Mode incognito menampilkan versi baru.

Gejala tersebut dapat menunjukkan adanya cache, tetapi tetap perlu diperiksa secara sistematis.

1. Pastikan File di Server Benar-Benar Sudah Berubah

Sebelum membersihkan cache, buka File Manager dan periksa file yang baru diupload.

Pastikan:

  • Nama file benar.
  • Lokasi file benar.
  • Timestamp file berubah.
  • Isi file memang versi terbaru.

Jika file server masih lama, masalahnya bukan cache browser.

2. Pastikan Mengedit Website yang Benar

Satu akun hosting dapat memiliki beberapa domain, subdomain, atau folder project.

Contohnya:

public_html/
public_html/old-site/
public_html/staging/

Jika domain menggunakan public_html tetapi kamu mengupload ke old-site, perubahan tentu tidak terlihat pada homepage.

3. Gunakan Hard Refresh

Hard refresh meminta browser memuat ulang halaman dan resource dengan lebih agresif dibanding refresh biasa.

Pada browser desktop, shortcut dapat berbeda berdasarkan sistem operasi dan browser. Cara lain yang sederhana adalah membuka Developer Tools lalu melakukan reload tanpa cache jika browser menyediakan opsi tersebut.

4. Coba Mode Incognito atau Private

Buka domain melalui jendela private/incognito.

Jika versi baru tampil di sana tetapi tidak di jendela biasa, browser cache menjadi salah satu kandidat utama.

5. Bersihkan Cache Browser untuk Website

Jika diperlukan, hapus data cache untuk domain yang sedang diuji.

Hindari langsung menghapus seluruh data browser jika hanya satu website yang bermasalah. Membersihkan cache untuk site tertentu biasanya lebih terarah.

6. Periksa Developer Tools Network

Buka Developer Tools lalu masuk ke tab Network.

Reload halaman dan periksa file seperti:

style.css
script.js
app.js

Lihat apakah file tersebut benar-benar dimuat, apakah statusnya berhasil, dan URL mana yang digunakan.

7. Buka File CSS atau JavaScript Secara Langsung

Jika website memanggil:

/style.css

buka URL file tersebut melalui browser:

https://domainkamu.com/style.css

Periksa apakah isi yang tampil adalah versi terbaru.

Jika URL file masih menunjukkan source lama, periksa cache di depan server atau pastikan file server benar.

Apa Itu Cache Busting?

Cache busting adalah teknik mengubah URL resource ketika versinya berubah agar browser menganggap resource tersebut berbeda.

Contoh:

<link rel="stylesheet" href="/style.css?v=2">

Ketika ada perubahan besar:

<link rel="stylesheet" href="/style.css?v=3">

Konsep yang sama dapat digunakan pada JavaScript:

<script src="/script.js?v=3" defer></script>

Gunakan Versi yang Konsisten

Jangan mengganti query string secara acak pada setiap request.

Gunakan nomor versi, hash build, atau timestamp deployment yang memang berubah ketika file berubah.

Dengan begitu cache masih dapat bekerja untuk performa, tetapi versi baru tetap dapat diterima pengguna.

Cache CDN

Jika website menggunakan CDN atau reverse proxy, file dapat tersimpan di cache jaringan tersebut.

Dalam kasus seperti ini, membersihkan browser cache saja belum tentu cukup.

Periksa dashboard layanan CDN dan lakukan purge pada URL yang berubah jika memang diperlukan.

Cache di Hosting

Beberapa hosting menyediakan caching di level server.

Website WordPress juga sering menggunakan plugin cache. Jika menggunakan sistem tersebut, purge cache dari mekanisme yang digunakan website.

Untuk project PHP custom, periksa apakah ada full-page caching atau sistem cache aplikasi yang dibuat sendiri.

Service Worker dan PWA

Website yang menggunakan service worker dapat menyimpan file secara lebih agresif.

Jika versi baru tidak muncul walaupun cache browser sudah dibersihkan, periksa apakah project mendaftarkan service worker.

Service worker yang salah strategi cache dapat terus menyajikan asset lama.

Perubahan PHP Tidak Terlihat

Jika file PHP sudah berubah tetapi output masih lama, periksa:

  • Apakah file yang diedit adalah file live.
  • Apakah aplikasi memiliki page cache.
  • Apakah template lain yang sebenarnya digunakan.
  • Apakah deployment mengarah ke folder berbeda.

Pada beberapa server, opcode cache dapat digunakan untuk performa, tetapi pengelolaannya biasanya ditangani server. Jangan mengubah konfigurasi server tanpa memahami dampaknya.

Perubahan Database Tidak Terlihat

Jika konten berasal dari database, mengganti file PHP belum tentu mengubah data yang tampil.

Pastikan sumber data yang digunakan halaman memang database yang benar dan query mengambil record terbaru.

DNS Bukan Cache File Website

DNS cache berkaitan dengan pemetaan domain ke alamat tujuan, bukan dengan isi CSS atau HTML.

Jika domain baru saja dipindahkan ke server baru, DNS cache memang dapat membuat sebagian pengguna masih menuju server lama.

Tetapi jika servernya sama dan hanya CSS yang berubah, fokus pertama bukan DNS.

Cara Mengetahui Masih Masuk Server Lama

Jika baru melakukan migrasi hosting, kamu dapat membandingkan file unik atau response yang hanya ada di server baru.

Jangan menampilkan informasi sensitif hanya untuk keperluan pengecekan.

Urutan Troubleshooting yang Efisien

  1. Periksa file live di server.
  2. Pastikan document root benar.
  3. Buka halaman incognito.
  4. Lakukan hard refresh.
  5. Periksa Network tab.
  6. Buka asset langsung.
  7. Periksa cache CDN/server.
  8. Gunakan cache busting.
  9. Jika baru migrasi, periksa DNS.

Contoh Cache Busting Sederhana

<link rel="stylesheet" href="/style.css?v=20260809">

<script src="/script.js?v=20260809" defer></script>

Ketika deployment berikutnya dilakukan, versi dapat diganti.

Kesalahan Umum Pemula

  • Mengupload file berkali-kali tanpa memastikan folder live.
  • Menghapus seluruh project padahal hanya cache.
  • Mengubah DNS untuk masalah CSS.
  • Melupakan cache CDN.
  • Tidak menggunakan cache busting pada file statis yang sering berubah.
  • Mengira refresh biasa selalu mengambil file terbaru.

Kesimpulan

Jika website tidak berubah setelah upload, jangan langsung berasumsi hosting rusak. Periksa mulai dari hal paling dasar: apakah file live benar-benar sudah berubah dan apakah domain memakai folder tersebut.

Setelah itu baru periksa browser cache, CDN, server cache, service worker, dan DNS jika relevan.

Dengan pendekatan bertahap, masalah versi lama biasanya dapat ditemukan tanpa mengubah banyak konfigurasi yang sebenarnya sudah benar.

Setelah menyelesaikan dasar Hosting & cPanel, kita akan masuk ke cluster berikutnya: PHP & MySQL.

Topik: #Browser Cache #Cache Busting #Cache Website #CDN #cPanel #Hosting
Lanjut Belajar
Semua artikel →

Artikel berikutnya

Cara Upload Website ke cPanel Sampai Online →