Apakah tiga cara untuk menetapkan cache dalam html
Apakah tiga cara untuk menetapkan cache dalam HTML? Dalam pembangunan web, untuk meningkatkan kelajuan akses pengguna dan mengurangkan beban pelayan, kami boleh mengurangkan masa memuatkan halaman web dengan menetapkan cache. Seterusnya, saya akan memperkenalkan anda kepada tiga kaedah cache HTML yang biasa digunakan secara terperinci dan memberikan contoh kod khusus.
Kaedah 1: Tetapkan cache melalui pengepala respons HTTP
"Kawalan Cache" dan "Tamat tempoh" dalam pengepala respons HTTP ialah dua atribut yang biasa digunakan untuk menetapkan cache. Dengan menetapkan dua sifat ini, anda boleh mengawal gelagat caching penyemak imbas untuk kandungan web.
- Atribut Cache-Control
Atribut Cache-Control ditetapkan dalam pengepala respons HTTP dan digunakan untuk menentukan cara penyemak imbas menyimpan cache kandungan halaman web. Ia boleh mempunyai berbilang nilai, yang biasa digunakan ialah:
- awam: membenarkan caching awam, iaitu, semua pelayan cache dan penyemak imbas boleh cache halaman web.
- peribadi: Hanya caching peribadi dibenarkan, iaitu, hanya penyemak imbas boleh cache halaman web.
- no-store: Lumpuhkan caching, penyemak imbas tidak akan cache kandungan halaman web.
- max-age: Tetapkan masa kesahihan maksimum cache, dalam beberapa saat.
Berikut ialah contoh, menetapkan Kawalan Cache kepada awam dan umur maksimum kepada 3600 saat (1 jam):
HTTP/1.1 200 OK Cache-Control: public, max-age=3600
- Atribut Tamat tempoh
Atribut Tamat Tempoh ialah nilai masa mutlak yang digunakan untuk menentukan tamat tempoh cache masa. Kali ini ialah rentetan tarikh dalam format GMT, menunjukkan bahawa cache akan tamat tempoh selepas masa ini.
Berikut ialah contoh, tetapan Tamat Tempoh hingga 1 Januari 2022:
HTTP/1.1 200 OK Expires: Sat, 01 Jan 2022 00:00:00 GMT
Kaedah 2: Gunakan tag HTML untuk menetapkan cache
Selain menetapkan atribut cache melalui pengepala respons HTTP, kami juga boleh menggunakan tag HTML untuk menetapkan cache . Teg yang biasa digunakan termasuk dan .
- Gunakan teg
Teg boleh diletakkan dalam teg
Berikut ialah contoh, menetapkan Kawalan Cache kepada awam dan umur maksimum kepada 3600 saat:
<html> <head> <meta http-equiv="Cache-Control" content="public, max-age=3600"> </head> <body> <!-- 网页内容 --> </body> </html>
- Gunakan teg
Berikut ialah contoh, menetapkan Kawalan Cache kepada awam dan umur maksimum kepada 3600 saat:
<link rel="stylesheet" href="styles.css" type="text/css"
http-equiv="Cache-Control" content="public, max-age=3600">Kaedah 3: Menggunakan JavaScript untuk menetapkan cache
Selain menetapkan atribut cache menggunakan pengepala respons HTTP dan tag HTML, kami juga boleh menggunakan JavaScript untuk menetapkan cache.
Dengan menggunakan objek localStorage atau sessionStorage pelayar, kami boleh menyimpan dan membaca data untuk mencapai kesan caching.
Berikut ialah contoh menggunakan localStorage untuk menetapkan pasangan nilai kunci dan mendapatkan nilai daripadanya:
<script>
// 设置缓存
localStorage.setItem("key", "value");
// 获取缓存
var value = localStorage.getItem("key");
console.log(value); // 输出"value"
</script>Ringkasan
Dengan menyediakan cache, kami boleh meningkatkan kelajuan pemuatan dan pengalaman pengguna halaman web dengan berkesan. Dalam HTML, kami boleh melaksanakan caching dengan menetapkan pengepala respons HTTP, menggunakan teg HTML dan JavaScript. Dengan memilih kaedah dan atribut yang sesuai, strategi caching boleh disesuaikan mengikut senario dan keperluan yang berbeza.
Atas ialah kandungan terperinci Apakah tiga cara untuk menetapkan cache dalam html. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Alat AI Hot
Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik
AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.
Undress AI Tool
Gambar buka pakaian secara percuma
Clothoff.io
Penyingkiran pakaian AI
AI Hentai Generator
Menjana ai hentai secara percuma.
Artikel Panas
Alat panas
Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma
SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan
Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa
Dreamweaver CS6
Alat pembangunan web visual
SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)
Topik panas
1377
52
Susun Atur Jadual HTML
Sep 04, 2024 pm 04:54 PM
Panduan untuk Susun Atur Jadual HTML. Di sini kita membincangkan Nilai Susun Atur Jadual HTML bersama-sama dengan contoh dan output n perincian.
Pemegang Tempat Input HTML
Sep 04, 2024 pm 04:54 PM
Panduan untuk Pemegang Tempat Input HTML. Di sini kita membincangkan Contoh Pemegang Tempat Input HTML bersama-sama dengan kod dan output.
Bagaimana anda menghuraikan dan memproses HTML/XML dalam PHP?
Feb 07, 2025 am 11:57 AM
Tutorial ini menunjukkan cara memproses dokumen XML dengan cekap menggunakan PHP. XML (bahasa markup extensible) adalah bahasa markup berasaskan teks yang serba boleh yang direka untuk pembacaan manusia dan parsing mesin. Ia biasanya digunakan untuk penyimpanan data
Soalan Temuduga HTML5
Sep 04, 2024 pm 04:55 PM
Soalan Temuduga HTML5 1. Apakah elemen multimedia HTML5 2. Apakah elemen kanvas 3. Apakah itu API geolokasi 4. Apakah Pekerja Web
Contoh Jsoup
Sep 04, 2024 pm 04:55 PM
Panduan untuk Contoh Jsoup. Di sini kita membincangkan definisi, gambaran keseluruhan, contoh dengan pelaksanaan kod & contoh masing-masing.
Apakah kaedah menukar rentetan vue.js ke dalam objek?
Apr 07, 2025 pm 09:18 PM
Menggunakan json.parse () rentetan ke objek adalah yang paling selamat dan paling efisien: pastikan rentetan mematuhi spesifikasi JSON dan mengelakkan kesilapan biasa. Gunakan cuba ... menangkap untuk mengendalikan pengecualian untuk meningkatkan keteguhan kod. Elakkan menggunakan kaedah eval (), yang mempunyai risiko keselamatan. Untuk rentetan JSON yang besar, parsing parsing atau parsing tak segerak boleh dipertimbangkan untuk mengoptimumkan prestasi.
aksara khas HTML
Sep 04, 2024 pm 04:55 PM
Panduan untuk HTML Sonderzeichen. Di sini kita membincangkan pengenalan kepada HTML Sonderzeichen, bersama-sama dengan cara ia berfungsi, dan contoh resektif.
Fon HTML
Sep 04, 2024 pm 04:53 PM
Ini adalah panduan untuk HTML Schriftart. Di sini kita membincangkan pengenalan kepada Html Schriftart dengan sintaks yang sesuai dan contoh masing-masing.
