Mekanisme caching HTML didedahkan: mata pengetahuan penting, contoh kod khusus diperlukan
Dalam pembangunan web, prestasi sentiasa menjadi pertimbangan penting. Mekanisme caching HTML adalah salah satu kunci untuk meningkatkan prestasi halaman web. Artikel ini akan mendedahkan prinsip dan kemahiran praktikal mekanisme caching HTML, dan memberikan contoh kod khusus.
1. Prinsip mekanisme caching HTML
Semasa mengakses halaman Web, pelayar meminta pelayan untuk mendapatkan halaman HTML melalui protokol HTTP. Mekanisme caching HTML adalah untuk cache halaman HTML pada bahagian pelayar untuk mengurangkan bilangan permintaan ke pelayan.
Secara khusus, apabila penyemak imbas meminta halaman untuk kali pertama, pelayan mengembalikan pengepala respons dengan pengenalan cache (seperti Etag atau Last-Modified). Penyemak imbas menyimpan maklumat pengepala respons ini dan menyimpan cache halaman HTML dalam cache setempat. Pada kali berikutnya halaman yang sama diminta, penyemak imbas menghantar maklumat pengenalan cache yang disimpan ke pelayan. Pelayan menentukan sama ada halaman baharu perlu dikembalikan berdasarkan maklumat pengenalan cache. Jika pelayan menentukan bahawa tidak ada keperluan untuk mengembalikan halaman baharu, ia mengembalikan kod status 304 untuk memberitahu penyemak imbas untuk terus menggunakan halaman cache.
2. Kemahiran praktikal
Tetapkan masa tamat cache halaman HTML pada pelayan web, yang boleh mengawal masa cache halaman dengan berkesan. Secara amnya, halaman HTML statik boleh dicache untuk jangka masa yang lebih lama, seperti seminggu atau sebulan. Halaman HTML dinamik boleh ditetapkan untuk masa cache yang lebih singkat, seperti satu jam atau satu hari. Dengan menetapkan masa tamat cache dengan betul, anda boleh meningkatkan prestasi akses halaman sambil memastikan kemas kini halaman.
Apabila halaman dikemas kini, kadangkala perlu memaksa penyemak imbas untuk memuat semula cache untuk mendapatkan kandungan halaman terkini. Muat semula paksa boleh dicapai dengan menambahkan parameter pada URL. Contohnya, tambahkan parameter cap masa selepas URL dan tetapkan nilai parameter kepada cap masa semasa setiap kali halaman dikemas kini. Dengan cara ini, penyemak imbas akan berfikir bahawa URL yang diminta setiap kali adalah berbeza, dan akan mengabaikan cache dan mendapatkan kandungan halaman terkini terus daripada pelayan.
Dalam sesetengah kes, sumber statik (seperti CSS, fail JS) dalam halaman berubah, tetapi halaman HTML tidak berubah. Untuk menjadikan pelayar memuatkan semula sumber statik, anda boleh menambah parameter nombor versi pada URL. Setiap kali sumber statik berubah, nilai parameter nombor versi dikemas kini. Dengan cara ini, penyemak imbas akan berfikir bahawa URL yang diminta adalah berbeza setiap kali dan memuatkan semula sumber statik.
3. Contoh kod khusus
Tambah medan Jenis Kandungan dan Kawalan Cache dalam pengepala respons pelayan web untuk menetapkan masa tamat tempoh cache.
HTTP/1.1 200 OK Content-Type: text/html; charset=utf-8 Cache-Control: max-age=604800
Antaranya, max-age=604800 bermakna masa tamat tempoh cache adalah seminggu.
Tambah parameter cap waktu selepas URL dan tetapkan nilainya kepada cap masa semasa.
http://example.com/page.html?_t=1596046321438
Tukar nilai cap waktu setiap kali halaman dikemas kini.
Tambahkan parameter nombor versi pada URL dan tetapkan nilainya kepada nombor versi sumber statik.
http://example.com/style.css?v=2.0
Setiap kali sumber statik berubah, kemas kini nilai nombor versi.
4. Ringkasan
Mekanisme caching HTML ialah salah satu cara penting untuk meningkatkan prestasi halaman web. Dengan menetapkan masa tamat tempoh cache, mekanisme muat semula paksa dan mekanisme kawalan nombor versi dengan betul, anda boleh menggunakan mekanisme cache penyemak imbas dengan lebih baik dan meningkatkan prestasi capaian halaman. Contoh kod yang disediakan di atas boleh membantu pembangun lebih memahami dan menggunakan mekanisme cache HTML.
(Nota: Artikel ini terutamanya memperkenalkan prinsip asas dan kemahiran praktikal mekanisme cache HTML, dan menyediakan contoh kod khusus untuk dibaca dan dipelajari oleh pembaca. Dalam amalan khusus, konfigurasi dan pelarasan yang munasabah harus dibuat mengikut keperluan projek dan syarat sebenar)
Atas ialah kandungan terperinci Mendedahkan rahsia mekanisme caching HTML: mata pengetahuan penting. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!