Perbandingan versi laman pada telefon dan komputer riba

Ini situasi yang biasa: laptop menunjukkan reka bentuk baharu, telefon masih mengekalkan warna dan susun atur semalam. Kita tekan reload berkali-kali, tetapi tiada beza. Masalahnya mungkin bukan deploy; pelayar menyimpan fail CSS lama kerana URL fail itu masih sama dan arahan cache menyuruhnya mempercayai salinan tersebut.

Kenal pasti apa yang lama

Jika teks artikel baharu muncul tetapi gayanya lama, semak URL CSS dan JavaScript. Jika seluruh halaman lama, semak respons HTML dan status deployment. Buka dalam tab peribadi sebagai ujian cepat, bukan sebagai pembaikan kekal.

Untuk aset yang boleh berubah, gunakan URL versi atau nama fail yang mengandungi hash kandungan. Apabila fail berubah, URL berubah dan pelayar meminta salinan baharu. Bagi HTML, gunakan polisi cache yang membolehkan pelayar menyemak semula kandungan. Dokumentasi aset statik Cloudflare Workers menyatakan bahawa respons aset secara lalai boleh disahkan semula menggunakan ETag.

Jangan terus purge semuanya

Purge cache di rangkaian mungkin perlu dalam keadaan tertentu, tetapi ia tidak semestinya membuang salinan yang sudah disimpan dalam telefon pengguna. Reka bentuk URL aset yang baik menyelesaikan punca berulang. Selepas deploy, uji satu halaman, satu gambar dan satu fail CSS pada telefon sebenar.

Cache membantu laman terasa cepat. Ia menjadi masalah hanya apabila kita tidak memberitahunya bagaimana mengenali versi baharu.