cache tetapan html

Dengan pembangunan aplikasi web, semakin banyak data dan fail disertakan dalam halaman. Untuk sesetengah data dan fail yang digunakan semula, mekanisme caching penyemak imbas boleh mengurangkan permintaan rangkaian dengan berkesan dan meningkatkan kelajuan pengguna mengakses halaman. Menetapkan cache dalam HTML ialah cara yang mudah dan berkesan Mari kita perkenalkan cara untuk menetapkan cache dalam HTML.

1. Mengapa anda perlu menyediakan cache?

Apabila menyemak imbas web, setiap pemuatan halaman akan mencetuskan permintaan rangkaian, termasuk permintaan untuk HTML, CSS, JavaScript dan fail lain serta gambar, video dan sumber lain. Masa yang diperlukan untuk permintaan rangkaian selalunya merupakan kesesakan kelajuan pemuatan halaman, jadi mengurangkan bilangan permintaan adalah penting untuk meningkatkan kelajuan pemuatan halaman.

Pada masa ini, mekanisme caching penyemak imbas perlu dimainkan. Apabila pengguna meminta halaman untuk kali pertama, penyemak imbas akan cache sumber dalam halaman (seperti CSS, JavaScript dan fail lain). Apabila pengguna melawat halaman sekali lagi, penyemak imbas boleh mendapatkan sumber ini terus daripada cache tanpa perlu memulakan permintaan baharu. Ini bukan sahaja mengurangkan beban pada pelayan, tetapi juga meningkatkan kelajuan akses pengguna.

2. Bagaimana untuk menetapkan cache dalam HTML?

Dalam HTML, anda boleh menggunakan pengepala HTTP untuk mengawal cara caching digunakan. Pengepala HTTP yang biasa digunakan termasuk Tamat Tempoh dan Kawalan Cache.

1. Tamat tempoh

Tamat tempoh menentukan tarikh atau masa sebelum penyemak imbas akan menganggap sumber itu sah. Jika sumber itu diakses semula selepas tarikh atau masa ini, penyemak imbas akan meminta semula sumber tersebut.

Di bahagian pelayan, caching penyemak imbas boleh dicapai dengan menetapkan Tamat Tempoh dalam Pengepala Respons. Sebagai contoh, tetapkan Tamat tempoh kepada 30 hari dari sekarang:

Expires: Fri, 16 Jul 2021 20:00:00 GMT

2. Cache-Control

Cache-Control ialah salah satu pengepala HTTP yang lebih moden yang mengawal caching. Melalui Cache-Control, kami boleh mengawal strategi cache dengan baik.

Atribut Kawalan Cache yang biasa digunakan ialah:

• awam: cache boleh dicache oleh semua pengguna (termasuk pelayan proksi); hanya boleh dicache oleh terminal Cache pengguna, pelayan proksi perantaraan tidak boleh cache
• umur maks: Tetapkan masa tamat tempoh cache dalam beberapa saat;
• Sebagai contoh, tetapkan Kawalan Cache kepada umum dan umur maksimum kepada seminggu kemudian:

Cache-Control: public, max-age=604800

ETag

3. ETag is Another mekanisme untuk mengawal caching, ia adalah pengecam unik yang dihasilkan berdasarkan kandungan tindak balas. Apabila penyemak imbas meminta sumber, pelayan akan mengembalikan nilai ETag sumber kepada penyemak imbas. Apabila sumber itu diminta seterusnya, penyemak imbas menghantar nilai ETag sebelumnya kepada pelayan melalui If-None-Match untuk bertanya sama ada sumber itu telah berubah.

Jika sumber tidak berubah, pelayan akan mengembalikan respons 304 Not Modified dan memasukkan ETag dalam Tajuk Respons jika sumber telah berubah, pelayan akan mengembalikan sumber baharu dan mengemas kini ETag.

Di bahagian pelayan, caching penyemak imbas boleh dicapai dengan menetapkan ETag dalam Pengepala Respons. Contohnya:

ETag: "1234"

3. Perkara yang perlu diambil perhatian semasa menyediakan cache

Semasa menggunakan cache, anda juga perlu memberi perhatian kepada perkara berikut.

Elakkan menyimpan cache maklumat peribadi

1. Apabila cache menetapkan atribut awam, kandungan cache boleh diakses oleh semua pengguna, termasuk cache penyemak imbas dan cache pelayan proksi. Oleh itu, adalah perlu untuk mengelak daripada menyimpan maklumat peribadi (seperti kata laluan pengguna, dsb.).

Segar semula paksa perlu dipertimbangkan semasa mengemas kini cache

2. Apabila kandungan halaman berubah, cache penyemak imbas pengguna perlu dimuat semula. Pada masa ini, anda boleh menggunakan atribut umur maksimum bagi Cache-Control untuk menetapkan masa kesahihan cache dalam beberapa saat.

Sebagai contoh, menetapkan Cache-Control kepada max-age=0 boleh memaksa penyemak imbas untuk meminta semula sumber dan mengemas kini cache:

Cache-Control: max-age=0

Sumber yang berbeza harus mempunyai dasar caching yang berbeza tetapkan

3. Untuk kebanyakan sumber statik (seperti imej, CSS, JS, dll.), umur maksimum boleh ditetapkan kepada masa yang lebih lama untuk meningkatkan kecekapan pengendalian. Untuk beberapa sumber dinamik yang kerap berubah, mekanisme seperti ETag harus digunakan untuk memastikan sumber itu dikemas kini setiap kali ia diminta.

Ringkasan:

Menetapkan cache dalam HTML ialah salah satu kaedah biasa untuk meningkatkan prestasi halaman. Dengan menetapkan pengepala HTTP seperti Expires, Cache-Control dan ETag, anda boleh melaksanakan mekanisme caching penyemak imbas dan meningkatkan kelajuan akses pengguna. Apabila menyediakan cache, anda perlu memberi perhatian kepada tetapan terperinci cache dan strategi caching yang berbeza untuk pelbagai sumber untuk mencapai hasil yang terbaik.

Atas ialah kandungan terperinci cache tetapan html. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!