تکنیک بارگذاری مجدد برخی از فایل های css و js سایت - تکنیک مقابله با کش مرورگر !
در این تکنیک قصد داریم یک روشی رو به شما معرفی کنیم تا از کش کردن بی رویه بعضی از فایل های css و js سایت شما که منجر میشود تا تغییرات سایت شما بعد از اپلود نسخه جدید دیده نشود ، اشنا کنید
معمولا مرورگر ها فایل های خارجی مثل Js و Css ها رو کش میکنند تا در دفعات بعدی سرعت لود سایت بالا باشد
این کش کردن منجر میشود تا کاربر تغییرات جدید سایت شما را که در این فایل ها اعمال کرده اید را نبیند ، ولی راه چاره چیست ؟!
یک روش ساده و عملی برای این کار استفاده از متغیر یا به اصطلاح QS یا QueryString در انتهای این فایل های خارجی میباشد
این گونه که فرض کنید شما این فایل خارجی را در سایت خود دارید :
<link href="http://hypersource.ir/Test/MyCss.css" rel="stylesheet" />
حال برای فریب دادن مرورگر که فایل جدیدی را میخوایم لود کنیم نه همان فایل قبلی کافی است که متغیر ورژن در اخر این فایل تعریف کنیم به این صورت :
<link href="http://hypersource.ir/Test/MyCss.css?v=1" rel="stylesheet" />
در صورتی که باز هم خواستید تغییراتی در این فایل ها اعمال کنید ، نسخه فایل را یک واحد افزایش دهید
معمولا مرورگر ها فایل های خارجی مثل Js و Css ها رو کش میکنند تا در دفعات بعدی سرعت لود سایت بالا باشد
این کش کردن منجر میشود تا کاربر تغییرات جدید سایت شما را که در این فایل ها اعمال کرده اید را نبیند ، ولی راه چاره چیست ؟!
یک روش ساده و عملی برای این کار استفاده از متغیر یا به اصطلاح QS یا QueryString در انتهای این فایل های خارجی میباشد
این گونه که فرض کنید شما این فایل خارجی را در سایت خود دارید :
<link href="http://hypersource.ir/Test/MyCss.css" rel="stylesheet" />
حال برای فریب دادن مرورگر که فایل جدیدی را میخوایم لود کنیم نه همان فایل قبلی کافی است که متغیر ورژن در اخر این فایل تعریف کنیم به این صورت :
<link href="http://hypersource.ir/Test/MyCss.css?v=1" rel="stylesheet" />
در صورتی که باز هم خواستید تغییراتی در این فایل ها اعمال کنید ، نسخه فایل را یک واحد افزایش دهید