توضیح در مورد کش مرورگر و مزایای آن

۱۲ بازديد
وب را کش کنید
شخصی با صفحات شناور در اطراف

کش مکانی است که در آن صفحات وب می توانند منابعی مانند شیوه نامه ها، فایل های اسکریپت یا انواع دیگر داده ها را برای بارگذاری سریعتر صفحه دوم نگهداری کنند. به دلیل پاسخگویی سریعتر، آن را برای کاربران کارآمدتر و راحت تر می کند.
کش پیش فرض

انجام پروژه در فریلنس پروژه

مرورگر یک تنظیمات پیش‌فرض برای ذخیره‌سازی فایل‌ها دارد که فکر می‌کند احتمالاً تغییر نمی‌کنند، بر اساس آخرین هدر. فایل ها برای 10٪ بیشتر از طول عمر فعلی خود، از زمان درخواست نگهداری می شوند. این بدان معناست که فایل هایی که یک ماه پیش (30 روز) روی سرور ایجاد شده اند، به مدت 3 روز دیگر (10٪ از 30) روی مشتری ذخیره می شوند.


اما این رفتار می تواند باعث عدم تطابق در فایل های شما شود و نسخه دیروز می تواند با سبک های ماه گذشته ارائه شود. اگر توسعه‌دهنده هستید، این مشکل را ندارید، زیرا احتمالاً یک کش غیرفعال در ابزارهای توسعه‌دهنده خود دارید، بنابراین هر بار که صفحه را بارگیری می‌کنید یک نسخه جدید دریافت خواهید کرد.

اما به عنوان یک کاربر عمومی، این کار را انجام نمی دهید. بنابراین شما با مشکل "حافظه پنهان قدیمی" روبرو خواهید شد. این مشکل را می توان با استفاده از هدرهای کنترل کش سرور خود برطرف کرد. به مرورگر می‌گوید چه فایل‌هایی را کش کند و چه زمانی به دنبال فایل‌های جدید بگردد.
Cache-Control

هدر HTTP کنترل کش، دستورالعمل‌هایی را برای درخواست‌ها و پاسخ‌ها، که کش کردن در مرورگر و حافظه‌های پنهان مشترک را کنترل می‌کند، دارد.

هدرهای کنترل کش دارای دستورالعمل هایی هستند که با کاما از هم جدا شده اند و بسته به اینکه از چه استراتژی می خواهید استفاده کنید، چندین گزینه برای ارائه جدیدترین و بهینه ترین تجربه وجود دارد.

سفارش ساخت سایت در فریلنس پروژه
پاسخی که از سرور دریافت می‌کنید عمری تازه دارد، که تعیین می‌کند چه زمانی یک منبع کهنه شود. همانطور که قبلاً ذکر شد، مرورگر از هدر Last-Modified برای کش کردن فایل‌ها به عنوان مثال استفاده می‌کند. طول عمر تازگی اما طول عمر تازگی را می توان از طریق کنترل حافظه پنهان نیز تنظیم کرد: دستورالعمل حداکثر سن یا سربرگ Expires. اگر هیچ یک از اینها روی پاسخ تنظیم نشده باشد، مرورگر تازه بودن را از سرصفحه تاریخ و سربرگ آخرین تغییر محاسبه می کند.

Freshness Lifetime = (تاریخ - آخرین مرورگرها پیاده سازی ها و مواردی را که می توانید در دستگاه کاربر ذخیره کنید متفاوت است. اما مقدار آن معمولاً بر اساس فضای موجود در دستگاه است.

کروم و کروم به مرورگر اجازه می‌دهند تا حداکثر 80 درصد از فضای دیسک و تا 60 درصد از کل فضای دیسک را در هر مبدا استفاده کند.
فایرفاکس به مرورگر اجازه می دهد تا 50 درصد از فضای خالی دیسک را استفاده کند و در هر منبع تا 2 گیگابایت استفاده کند.
سافاری اجازه 1 گیگابایت را می دهد، اما کاربران را برای ذخیره سازی بیشتر و افزایش محدودیت در 200 مگابایت افزایش می دهد.

فضای ذخیره سازی در وب به دو دسته «بهترین تلاش» و «مداوم» تقسیم می شود. بهترین تلاش به این معنی است که در صورت نیاز، فضای ذخیره‌سازی می‌تواند توسط مرورگر پاک شود، بدون ایجاد مزاحمت برای کاربر، که باعث می‌شود ذخیره طولانی‌مدت داده‌ها ناخوشایند باشد. ذخیره سازی دائمی توسط کاربران در تنظیمات مرورگر به صورت دستی پاک می شود.
طراحی لوگو با بهترین طراحان لوگو

حافظه پنهان و داده‌های سایت در دسته بهترین تلاش قرار می‌گیرند، به این معنی که با گذشت زمان ممکن است فایل‌های کش شده را به دلیل فضای مورد نیاز در دستگاه از دست بدهید. مگر اینکه ذخیره سازی دائمی را درخواست کرده باشید

مرورگرهای مبتنی بر کروم و فایرفاکس زمانی که فضای مرورگر تمام شود شروع به حذف داده‌ها می‌کنند و همه داده‌های سایت را از مبداهایی که اخیراً استفاده شده‌اند پاک می‌کنند تا زمانی که مرورگر دوباره زیر حد مجاز شود.
سافاری یک سقف هفت روزه را بر روی تمام حافظه های قابل نوشتن اعمال کرده است.) / 10

طول عمر طراوت = (تاریخ - آخرین اصلاح) / 10

و سپس محاسبه زمان انقضا، به معنای تاریخی به آینده که در آن حافظه پنهان بیات خواهد شد.

زمان انقضا = زمان پاسخ + طول عمر تازگی - سن فعلی

با استفاده از هدر Cache-Control می‌توانید به مرورگر بگویید که چه مدت محتوا را در حافظه پنهان نگه دارد و وقتی حافظه پنهان از بین می‌رود چه کاری انجام دهد.

تنظیم دستورالعمل حداکثر سن به مرورگر می گوید که چه زمانی پاسخ پس از x ثانیه "قدیمی" شده است. این بدان معناست که مرورگر با درخواست بعدی از سرور یک نسخه جدید می خواهد. مشابه هدر Age که زمان ذخیره شده را در کش پروکسی ذخیره می کند.
دستورالعمل عدم فروشگاه به مرورگر می‌گوید که محتوا را کش نکند، و باعث می‌شود کاربر هر بار یک درخواست جدید و تازه دریافت کند.
دستورالعمل no-cache محتوا را ذخیره می کند اما از سرور می خواهد که هر درخواست را مجدداً تأیید کند.
دستورالعمل must-revalidate تا زمانی که هنوز یک درخواست جدید دارید، پاسخ را در حافظه پنهان نگه می‌دارد و وقتی پاسخ کهنه شد، دوباره اعتبار می‌دهد.
دستورالعمل تغییرناپذیر به مرورگر می‌گوید که پاسخ «این» تغییر نمی‌کند و نیازی نیست قبل از کهنه شدن پاسخ، تأیید اعتبار بخواهید.

یک روش مدرن این است که از آن با الگوی cache-busting استفاده کنید، جایی که شما یک شماره نسخه یا هش را در انتهای نام فایل اختصاص می‌دهید و URL منبع را تغییر می‌دهید. بنابراین فایل به روز می شود. استفاده از ETag روشی مشابه برای برچسب گذاری منابع شما با مقدار هش است و بررسی می کند که آیا فایل هنوز در سرور معتبر است یا خیر.

انجام پروژه متلب در فریلنس پروژه
فضایی برای کش شما

مرورگرها پیاده سازی ها و امکانات متفاوتی از میزان ذخیره سازی در دستگاه کاربر دارند. اما مقدار آن معمولاً بر اساس موجودی است

فضای خالی دستگاه

کروم و کروم به مرورگر اجازه می‌دهند تا حداکثر 80 درصد از فضای دیسک و تا 60 درصد از کل فضای دیسک را در هر مبدا استفاده کند.
فایرفاکس به مرورگر اجازه می دهد تا 50 درصد از فضای خالی دیسک را استفاده کند و در هر منبع تا 2 گیگابایت استفاده کند.
سافاری اجازه 1 گیگابایت را می دهد، اما کاربران را برای ذخیره سازی بیشتر و افزایش محدودیت در 200 مگابایت افزایش می دهد.

فضای ذخیره سازی در وب به دو دسته «بهترین تلاش» و «مداوم» تقسیم می شود. بهترین تلاش به این معنی است که در صورت نیاز، فضای ذخیره‌سازی می‌تواند توسط مرورگر پاک شود، بدون ایجاد مزاحمت برای کاربر، که باعث می‌شود ذخیره طولانی‌مدت داده‌ها ناخوشایند باشد. ذخیره سازی دائمی توسط کاربران در تنظیمات مرورگر به صورت دستی پاک می شود.

حافظه پنهان و داده‌های سایت در دسته بهترین تلاش قرار می‌گیرند، به این معنی که با گذشت زمان ممکن است فایل‌های کش شده را به دلیل فضای مورد نیاز در دستگاه از دست بدهید. مگر اینکه ذخیره سازی دائمی را درخواست کرده باشید

مرورگرهای مبتنی بر کروم و فایرفاکس زمانی که فضای مرورگر تمام شود شروع به حذف داده‌ها می‌کنند و همه داده‌های سایت را از مبداهایی که اخیراً استفاده شده‌اند پاک می‌کنند تا زمانی که مرورگر دوباره زیر حد مجاز شود.
سافاری یک سقف هفت روزه را برای تمام فضای ذخیره‌سازی قابل نوشتن اعمال کرده است.

چه فایل هایی را کش کنیم

زمانی که متوجه می‌شوید چه فایل‌هایی را در حافظه پنهان نگه دارید، ایده خوبی است که در نظر بگیرید چه فایل‌هایی برای تجربه کاربر مهم هستند. شما فضای ذخیره سازی نامحدودی ندارید، بنابراین عاقلانه است که مهم ترین قسمت ها را انتخاب کنید. به فایل‌های کش که کاربر دیگر هرگز نمی‌بیند مربوط نمی‌شود. در عوض، باید فایل‌هایی را که تجربه اصلی را ایجاد می‌کنند، کش کنید.

همچنین ممکن است مواردی مانند ترافیک وب سایت، زمان پاسخگویی سرور و نرخ درخواست را در نظر بگیرید. این معیارها اغلب با کش سمت سرور در نظر گرفته می شوند.

لیست مجریان نظام مهندسی اراک
ایجاد تجربه اصلی آنلاین یک چیز است، اما آفلاین کردن آن چیز دیگری است. آفلاین به اینترنت دسترسی ندارید، بنابراین نمی‌توانید موارد را در DOM به‌صورت ناهمزمان به‌روزرسانی کنید. ذخیره برنامه شما دسترسی آفلاین به آن را امکان پذیر می کند زیرا از قبل فایل ها را به صورت محلی در اختیار دارید و همچنین تجربه یکپارچه تری را برای کاربران با اتصال بد ایجاد می کند.

دسترسی به فایل‌ها به صورت آفلاین، بهبود تجربه آنلاین است و برنامه شما را قابل اعتمادتر می‌کند. به تدریج قابلیت های برنامه خود را افزایش دهید. پیشرفت های تدریجی ویژگی اصلی PWA هستند. با کش و یک سرویس کار (در حال حاضر فقط برای کروم و اندروید مورد نیاز است) می توانید قابلیت های برنامه خود را افزایش داده و آن را برای دسکتاپ و موبایل خود قابل نصب کنید.
نتیجه

اگر آن را کنترل نکنید، حافظه پنهان می تواند آزاردهنده باشد. بنابراین باید به این فکر کنید که چه چیزهایی برای تجربه اصلی کاربر مهم هستند و هدرهایی را متناسب با منابع تنظیم کنید. کنترل کش به این معنی است که شما کنترل بیشتری بر دید کاربران دارید زیرا یک کش قدیمی می تواند یک تجربه ناامید کننده باشد.

در دسترس قرار دادن برنامه شما به صورت آفلاین می تواند برای کاربرانی که اتصال اترنت بدی دارند یک مزیت باشد. این برنامه را قابل اطمینان تر می کند و می تواند با ویژگی PWA قابل نصب باشد.
انجام پروژه برنامه نویسی
تا كنون نظري ثبت نشده است
ارسال نظر آزاد است، اما اگر قبلا در رویا بلاگ ثبت نام کرده اید می توانید ابتدا وارد شوید.