Mengapa Tambahkan '?v=1' pada CSS dan URL JavaScript?

Menambahkan "?v=1" pada CSS dan URL JavaScript: Meningkatkan Prestasi dan Memastikan Kemas Kini

Dalam templat boilerplate HTML5, anda mungkin mempunyai perasan penggunaan "?v=1" dilampirkan pada CSS dan URL JavaScript. Rentetan pertanyaan kecil ini mempunyai tujuan penting dalam meningkatkan prestasi penyemak imbas dan memastikan pelawat sentiasa mendapat versi terkini aset anda.

Apa Fungsinya

Apabila anda menambahkan " ?v=1" ke URL fail, anda pada dasarnya memaksa penyemak imbas menyemak versi baharu fail tersebut sebelum memuatkannya daripada cache. Ini penting kerana kebanyakan penyemak imbas cenderung untuk menyimpan aset statik seperti CSS dan fail JavaScript secara agresif, yang boleh menyebabkan versi lapuk digunakan walaupun selepas perubahan dibuat pada pelayan. Dengan menambahkan nombor versi pada URL, anda memecahkan mekanisme caching dan memaksa penyemak imbas untuk mendapatkan semula versi terkini daripada pelayan.

Penggunaan Terpilih pada URL JavaScript

Anda mungkin perasan bahawa tidak semua URL JavaScript dalam sampel yang disediakan mempunyai rentetan pertanyaan "?v=1". Ini kerana, dalam beberapa kes, ia tidak perlu. Jika fail JavaScript termasuk awalan vendor atau mengandungi kod tidak kritikal, seperti polyfill, maka ia mungkin tidak perlu dikemas kini sekerap fail lain. Dengan meninggalkan nombor versi untuk fail ini, anda boleh mengurangkan bilangan permintaan yang dibuat kepada pelayan dan meningkatkan prestasi.

Memanfaatkan Pencapaian Fail

Daripada menggunakan tetapan nombor versi, sesetengah tapak web memilih untuk menggunakan cincang fail dalam rentetan pertanyaan. Pendekatan ini lebih berkesan kerana ia memastikan bahawa penyemak imbas hanya mengambil versi baharu fail jika kandungan sebenar fail telah berubah.

Faedah Tambahan

Selain daripada menguatkuasakan kemas kini, menambahkan nombor versi atau cincang fail pada URL aset juga membolehkan anda menetapkan pengepala cache yang panjang tanpa perlu risau tentang kandungan lapuk yang disampaikan. Penyemak imbas akan sentiasa menganggapnya sebagai fail yang berbeza dan mengutamakan pengambilan versi terkini.

Atas ialah kandungan terperinci Mengapa Tambahkan '?v=1' pada CSS dan URL JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!