وقتی مرورگر به سرور درخواست می‌فرسته، فقط URL رو ارسال نمی‌کنه.
کلی اطلاعات همراه درخواست رد و بدل میشه.
یکی از جالب‌ترین بخش‌ها، Headerها هستن.
مثلاً سرور می‌تونه با این Header:
Cache-Control: max-age=31536000
به مرورگر بگه:
«این فایل تا مدت زیادی قابل استفاده مجدده؛ لازم نیست هر بار دوباره دانلودش کنی.»
حالا تصور کن فایل‌های ثابت سایت مثل:
app.js
style.css
logo.svg
font.woff2
هر بار دوباره از سرور درخواست بشن.
کاملاً غیرضروریه.
با Cache درست، مرورگر می‌تونه نسخه‌ای که قبلاً گرفته رو دوباره استفاده کنه.
ولی یه نکته مهم وجود داره:
اگر فایل جدید منتشر کنی و اسمش همون قبلی باشه، ممکنه مرورگر نسخه قدیمی رو از Cache بخونه.
اینجاست که Cache Busting وارد بازی میشه؛ مثلاً با تغییر نام یا Version فایل:
app.v2.js
یا:
app.js?v=2
مسئله Performance فقط کدنویسی نیست؛ گاهی یک Header کوچک HTTP می‌تونه روی تجربه کل سایت اثر بذاره.
💬 تا حالا با Cache مرورگر به مشکل «چرا تغییراتم نمایش داده نمیشه؟» خوردی؟
@CodeVerse_dev