ما کش مرورگر را در سمت کاربر فعال می کنیم. افزونه Super Cache وردپرس، از کش مرورگر استفاده کنید از کش مرورگر برای فایل های فردی استفاده کنید

صفحه اصلی / ترمز

"" برای بهینه سازی سایت طبق توصیه ابزار از Google Page Speedبینش ها هر صاحب وب سایتی با مشکل در کش کردن اسکریپت های js سایت های شخص ثالث مواجه شده است.

این یک شاخص مهم برای بهینه سازی نیست، در واقع عناصر CSS و JS از هدر سایت به فوتر منتقل می شوند، علاوه بر این، اگر به منابع گوگل نگاه کنید، آنها با این نقطه مشکل دارند.

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

حافظه پنهان مرورگر عناصر آن

ساخت کش برای اسکریپت های مختلف، نمونه برگرفته از وبلاگ Devaka ru (در زمان نگارش)
به عنوان مثال:

/assets/copyright.min.js (تاریخ انقضا مشخص نشده است)
/assets/i/566.jpg (بدون تاریخ انقضا مشخص شده است)
/assets/i/icons.png (بدون تاریخ انقضا مشخص شده است)
/i/postcomm-left.png (تاریخ انقضا مشخص نشده است)
/i/postcomm-right.png (بدون تاریخ انقضا مشخص شده است)



برای رفع مشکل اول به فایل .htaccess که در ریشه سایت قرار دارد بروید و این کد را در قسمت پایین وارد کنید:

# متن فشرده، html، جاوا اسکریپت، css، xml: AddOutputFilterByType DEFLATE text/html text/plain text/xml application/xml application/xhtml+xml text/css text/javascript application/javascript application/x-javascript# کش مرورگر ExpiresActive در # پیش‌فرض حافظه پنهان 5 ثانیه است ExpiresDefault "دسترسی به اضافه 1 روز" # فعال کردن ذخیره تصویر و فلش برای یک ماه ExpiresByType تصویر/x-icon "دسترسی به اضافه 1 ماه" ExpiresByType image/jpeg "دسترسی به اضافه 4 هفته" ExpiresByType image/png "دسترسی به علاوه 30 روز" ExpiresByType image/gif "دسترسی به علاوه 43829 دقیقه" ExpiresByType application/x-shockwave-flash "دسترسی به علاوه 2592000 ثانیه" # فعال کردن کش کردن css، javascript و فایل های متنیبرای یک هفته ExpiresByType text/css "access plus 604800 seconds" ExpiresByType text/javascript "access plus 604800 seconds" ExpiresByType application/javascript "access plus 604800 seconds" ExpiresByType Enterprise 4. فایل های htm برای یک روز ExpiresByType text/html "دسترسی به اضافه 43200 ثانیه" # فعال کردن کش فایل های xmlبه مدت ده دقیقه ExpiresByType application/xhtml+xml "دسترسی به اضافه 600 ثانیه" # فونت های غیر استاندارد سایت ExpiresByType application/x-font-ttf "دسترسی به اضافه 1 ماه" ExpiresByType font/opentype "دسترسی به اضافه 1 ماه" ExpiresByTy application/x-Type font-woff "دسترسی به اضافه 1 ماه" ExpiresByType image/svg+xml "دسترسی به اضافه 1 ماه" ExpiresByType application/vnd.ms-fontobject "دسترسی به اضافه 1 ماه"

نمونه هایی از اسکریپت های شخص ثالث

اگر در مرحله اول همه چیز را به درستی انجام دادید، باید چیزی شبیه به این را ببینید:

از کش مرورگر خود برای منابع زیر استفاده کنید


البته ممکن است مثلاً شما فقط چند URL برای معیارها و تحلیل ها داشته باشید، اما این چندان مهم نیست، دستورالعمل های اصلاح برای همه یکسان است.

حافظه پنهان عناصر شخص ثالث

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

هیچ راهی برای تأثیرگذاری بر زمان کش یک منبع شخص ثالث وجود ندارد، اما می توانید آن را در پروژه وب خود انجام دهید. صحیح ترین حرکت در این شرایط دانلود خودکار آخرین اسکریپت ها برای معیارها، تجزیه و تحلیل ها و غیره است. به وب سایت شما با استفاده از cron (اسکریپت موجود)

بیایید همه چیز را به ترتیب در حال حاضر!
مرحله 1. لیست تمام اسکریپت های اشاره شده توسط Google PageSpeed ​​را در یک دفترچه یادداشت یا مستقیماً از مرورگر کپی کنید.
مرحله 2. یک فایل روی هاست خود با پسوند php ایجاد کنید و کد زیر را در آن قرار دهید:

توجه! شما اجازه مشاهده متن مخفی را ندارید.

به عنوان مثال در کد 3 عدد وجود دارد، اما می توانید هر تعداد امتیاز را که نیاز دارید ایجاد کنید، فقط کافی است در زیر کپی و اضافه کنید یا موارد غیر ضروری را حذف کنید.


در این خط مقدار 3 را تغییر می دهیم:
از کش مرورگر برای Google PageSpeed ​​استفاده کنید
1. اسکریپتی که در وب سایت خود آپلود خواهیم کرد

توجه! شما اجازه مشاهده متن مخفی را ندارید.

2. مسیر ذخیره فایل:

Realpath("./js")

در این مثال پوشه js است، یعنی. مسیر دقیق www.site/js/ خواهد بود (شما باید پوشه را خودتان بسازید و روی آن تنظیم کنید حقوق CHMODبرای ضبط)

3. نام اسکریپت، اگر با پسوند js باشد، آنگاه آن را همراه با آن می نویسیم، اگر بدون آن یا با چیز دیگری، همه کارها را مانند مثال بالا انجام می دهیم. لطفا توجه داشته باشید که هیچ فایلی با نام مشابه وجود ندارد.

مرحله 3. فایل ویرایش شده را در سرور آپلود کنید

مرحله 4. فایل را روی cron for قرار دهید به روز رسانی خودکارفایل ها

برای جلوگیری از کار نادرست با سرویس ها، در صورت ایجاد تغییرات در اسکریپت ها، cron به طور خودکار وارد شده و آنها را در سرور خود به روز می کند.

به پنل هاست خود بروید و تب CRON را انتخاب کنید و دستور را وارد کنید و همچنین ساعت یک بار در روز یا هر زمان دیگری زمان را مشخص کنید.

Wget -q -O - /dev/null http://www..php >/dev/null 2>&1

فراموش نکنید که URL را تغییر دهید و شاید نحو دستور شما متفاوت باشد، به نمونه هایی از دستورات cron در راهنمای میزبانی نگاه کنید یا با پشتیبانی فنی تماس بگیرید.

مرحله 5. مسیر را به JS در شمارنده یا اسکریپت تغییر دهید

اگر مسیری در پیشخوان https://mc.yandex.ru/metrika/watch.js وجود داشت، آن را با یک مسیر در داخل سایت جایگزین کنید، به عنوان مثال http://www..js

همین، اکنون در لیست است PageSpeed ​​Insightsشما نباید هیچ پیامی در مورد تنظیم کش مرورگر خود داشته باشید.

دستورالعمل‌های «فعال کردن کش مرورگر برای Google PageSpeed» را در بایگانی دانلود کنید شما نمی توانید فایل ها را از سرور ما دانلود کنید
ما مقاله مفیدی را با عنوان "فعال کردن کش مرورگر برای Google PageSpeed" برای بهینه سازی سایت خود با توصیه ابزاری از Google PageSpeed ​​ارائه می دهیم - بهترین ها ما انجمن ها، هک ها، ماژول ها، قالب ها را داریم.

این دستورالعمل فقط در صورتی کار می کند که آپاچی فایل های استاتیک را پردازش کند (نصب شده به عنوان فرانت اند). اگر nginx جلوی آن باشد، همان اقدامات باید به روشی کاملاً متفاوت انجام شود.

ابتدا چند کلمه در مورد این موضوع - چرا ذخیره منابع وب سایت (تصاویر، css، فایل های html، آرشیو و سایر فایل های ثابت) ضروری است؟

هر بار که یک بازدیدکننده سایت شما را باز می کند، نه تنها کد html صفحه دانلود می شود، بلکه تمام فایل های همراهی که برای طراحی صفحه مورد نیاز است (تصاویر، سبک های css، اسکریپت های js و غیره) دانلود می شود.
در نتیجه، یک باز شدن یک صفحه فایل یک درخواست به سرور نیست، بلکه از ده تا صدها درخواست است! هر یک از این درخواست ها نه تنها یک بار روی سرور است (که مهم است)، بلکه زمان اضافی برای بارگذاری صفحه توسط کاربر (که به عنوان شاخصی از کیفیت سایت و سهولت کار کاربر با آن مهم است) است. .

به عنوان مثال، سرویس محبوب بررسی سایت از Google PageSpeed ​​Insights همیشه در این مورد هشدار می‌نویسد:

از کش مرورگر خود استفاده کنید
با تعیین تاریخ یا تاریخ انقضای منابع استاتیک در هدرهای HTTP، مرورگر منابع بازیابی شده قبلی را از دیسک محلی به جای اینترنت بارگیری می کند.
از کش مرورگر خود برای منابع زیر استفاده کنید:

//- لیست فایل های مشکل —//

فعال کردن کش نه تنها بار روی سرور را کاهش می دهد (تقریباً همه صفحات سایت دارای عناصر طراحی تکراری، اسکریپت های جاوا و غیره هستند) هنگامی که کاربر دوباره از سایت/صفحه بازدید می کند، بلکه زمان بارگذاری صفحه را نیز کاهش می دهد. از آنجایی که مرورگر تقریباً با سرعت رعد و برق فایل ها را از حافظه پنهان می گیرد، کاربر این احساس را پیدا می کند که صفحه تقریباً با سرعت رعد و برق بارگذاری شده است!

برای حل این مشکل، یک فایل در پوشه سایت با نام ایجاد کنید htaccess(با یک نقطه در ابتدا. این مهم است!) و این قوانین را به آن اضافه کنید. اگر فایل از قبل وجود دارد، به انتهای فایل موجود اضافه کنید:

# کش در مرورگر سمت کاربر ExpiresActive در Expiresپیش‌فرض "دسترسی 7 روز" ExpiresByType برنامه/جاوا اسکریپت "دسترسی به اضافه 1 سال" ExpiresByType متن/جاوا اسکریپت "دسترسی به اضافه 1 سال" ExpiresByType متن/css "دسترسی به اضافه 1 سال" ExpiresByType به علاوه text/html روز منقضی /x-javascript "access 1 year" ExpiresByType image/gif "access plus 1 year" ExpiresByType image/jpeg "access plus 1 year" ExpiresByType image/png "access plus 1 year" ExpiresByType image/jpg "access plus 1 year" ExpiresByType Expires تصویر/x-icon "دسترسی 1 سال" ExpiresByType برنامه / x-shockwave-flash "دسترسی 1 سال"# Cache-Control # 30 روز # 30 روز مجموعه هدر Cache-Control "max-age=2592000, public"# 2 روز مجموعه هدر Cache-Control "max-age=172800, public, must-revalidate"روز شماره 1 مجموعه هدر Cache-Control "max-age=172800, private, must-revalidate" # ارسال هدرهای HTTP Vary به مرورگرهای خانواده MSIE را ممنوع کنید BrowserMatch "MSIE" force-no-vary BrowserMatch "Mozilla/4.(2)" force-no-vary

پس از این، می توانید نتیجه را در اینجا بررسی کنید صفحه گوگل PageSpeed ​​Insights (اگر همه چیز درست باشد - پیام " از کش مرورگر خود استفاده کنید" با رنگ سبز مشخص می شود و در بخش "قوانین تکمیل شده: (جزئیات بیشتر)" قرار می گیرد)

کار نمیکنه چیکار کنم

اگر کش کار نمی کند، باید بررسی کنید که آیا ماژول ها نصب شده اند یا خیر. برای این کار باید یک فایل در پوشه سایت ایجاد کنید test.phpبا کد:

اگر mod_expires یا mod_headers در لیست نیست، دستورات زیر را در کنسول سرور (متصل) به نوبه خود اجرا کنید ( این mod_expires، mod_headers را نصب/فعال می کند):

هدرهای A2enmod a2enmod راه اندازی مجدد سرویس apache2 منقضی می شود

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

👁9 325 بازدید.

در این مقاله به بررسی چگونگی افزایش سرعت بارگذاری وب سایت می پردازیم. قبلا بحث کردیم امروز یاد خواهیم گرفت که چگونه کش مرورگر را در سمت کاربر با استفاده از فایل htaccess فعال کنیم.

چرا کش مرورگر را در سمت کاربر فعال کنید؟

اغلب، هنگام ایجاد یک وب سایت جدید، برنامه نویسان توجه زیادی به سرعت بارگذاری وب سایت در مرورگر نمی کنند. به خصوص اگر در شرایط مرجع توسعه سایت به این نکته توجه نشده باشد. و پس از انتشار یک ساخته جدید، یک متخصص وب که در توسعه و ترویج این پروژه نقش دارد می تواند با اسکن سایت برای سرعت بارگذاری در PageSpeed ​​Insights از گوگل، تصویر بسیار غم انگیزی را مشاهده کند.

دور از آن لیست کاملمشکلاتی که ممکن است با آن مواجه شویم که سرعت بارگذاری سایت را در سمت مرورگر کاربر کاهش می دهد:

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

حداقل دو دلیل برای این وجود دارد:

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

نحوه فعال کردن کش فایل در مرورگر سمت کاربر

اگر پروژه شما بر روی یک محبوب توسعه یافته است CMS وردپرس، یعنی افزونه های زیادی وجود دارند که می توانند مشکل کش را حل کنند. محبوب ترین آنها W3 Total Cache، WP Super Cache، هایپر کش. اما در این مقاله پیشنهاد می‌کنم به نظر من روشی مطمئن‌تر برای فعال کردن کش از طریق فایل htaccess. به طور مستقیم در هاست در نظر بگیریم.

لطفا توجه داشته باشید، که روش های پیشنهادی تنها در صورتی کار می کنند که نرم افزار آپاچی بر روی سرور ارائه دهنده هاست شما نصب شده باشد.

قبل از ایجاد هرگونه تغییردر فایل htaccess حتما آن را بسازید نسخه پشتیبانبه رایانه خود بروید تا اگر مشکلی پیش آمد بتوانید آن را بازیابی کنید.

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

فعال کردن کش مرورگر در سمت کاربر با استفاده از ماژول mod_headers

برای فعال کردن عملکرد کش، کد زیر باید در فایل htaccess. که در دایرکتوری ریشه سایت شما قرار دارد، وارد شود. برای جلوگیری از خطا، باید کد را قبل از خط # END وردپرس وارد کنید:

# تمام فایل های html و htm به مدت 12 ساعت در کش مرورگر ذخیره می شوند مجموعه هدر Cache-Control "max-age=43200"# همه فایل های css، جاوا اسکریپت و متن به مدت 7 روز در کش مرورگر ذخیره می شوند مجموعه هدر Cache-Control "max-age=604800"# تمامی فایل های فلش و تصاویر به مدت 31 روز در کش مرورگر ذخیره می شوند مجموعه هدر Cache-Control "max-age=2592000"# کش کردن php و سایر فایل های سرویس را غیرفعال کنید هدر Cache-Control را تنظیم نمی کند

# فعال کردن کش در مرورگرهای بازدیدکنندگان سایت

< ifModule mod_headers . c >

# تمام فایل های html و htm به مدت 12 ساعت در کش مرورگر ذخیره می شوند

< FilesMatch "\.(html|htm)$" >

مجموعه هدر کش - کنترل "max-age=43200"

< / FilesMatch >

# تمام فایل های css، جاوا اسکریپت و متن به مدت 7 روز در کش مرورگر ذخیره می شوند

< FilesMatch "\.(js|css|txt)$" >

مجموعه هدر کش - کنترل "max-age=604800"

< / FilesMatch >

# تمامی فایل های فلش و تصاویر به مدت 31 روز در کش مرورگر ذخیره می شوند

< FilesMatch "\.(flv|swf|ico|gif|jpg|jpeg|png)$">

مجموعه هدر کش - کنترل "max-age=2592000"

< / FilesMatch >

# کش php و سایر فایل های سرویس را غیرفعال کنید

< FilesMatch "\.(pl|php|cgi|spl|scgi|fcgi)$">

هدر Cache - Control را تنظیم نمی کند

< / FilesMatch >

< / IfModule >

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

فعال کردن کش مرورگر در سمت کاربر با استفاده از ماژول mod_expires

برای فعال کردن کش در مرورگر سمت کاربر با استفاده از ماژول mod_expires، کد زیر را در فایل htaccess. بنویسید:

ExpiresActive در حافظه پنهان #پیش‌فرض 30 ثانیه است ExpiresDefault "دسترسی به اضافه 30 ثانیه" # فعال کردن ذخیره تصویر و فلش برای 1 ماه ExpiresByType تصویر/x-icon "دسترسی به اضافه 1 ماه" ExpiresByType image/jpeg "دسترسی به اضافه 4 هفته" ExpiresByType "دسترسی به اضافه 30 روز" ExpiresByType image/gif "دسترسی به اضافه 43829 دقیقه" ExpiresByType application/x-shockwave-flash "دسترسی به اضافه 2592000 ثانیه" # فعال کردن کش فایل های css، جاوا اسکریپت و متن به مدت 7 روز ExpiresByTx. 604800 ثانیه" ExpiresByType text/javascript "access plus 604800 seconds" ExpiresByType application/javascript "access plus 604800 seconds" ExpiresByType application/x-javascript "access plus 604800 seconds texting of ExpiresTypes and htmlsire"# html "دسترسی به اضافه 43200 ثانیه" # فعال کردن کش کردن فایل های xml به مدت 10 دقیقه ExpiresByType application/xhtml+xml "دسترسی به اضافه 600 ثانیه"

< ifModule mod_expires . c >

منقضی می شود فعال است

حافظه پنهان #پیش فرض 30 ثانیه است

Expires پیش فرض "دسترسی به اضافه 30 ثانیه"

# ذخیره تصویر و فلش را به مدت 1 ماه فعال کنید

ExpiresByType image / x - نماد "دسترسی به اضافه 1 ماه"

ExpiresByType image / jpeg "دسترسی به اضافه 4 هفته"

ExpiresByType image / png "دسترسی به اضافه 30 روز"

ExpiresByType image / gif "دسترسی به اضافه 43829 دقیقه"

برنامه ExpiresByType / x - shockwave - فلش "دسترسی به اضافه 2592000 ثانیه"

# کش کردن فایل های css، جاوا اسکریپت و متن را به مدت 7 روز فعال کنید

ExpiresByType text/css "دسترسی به اضافه 604800 ثانیه"

ExpiresByType text/javascript "دسترسی به اضافه 604800 ثانیه"

ExpiresByType application/javascript "دسترسی به اضافه 604800 ثانیه"

img class=”aligncenter wp-image-2458 size-full” title=”نحوه فعال کردن کش مرورگر صفحات سایت” src=”http://about-windows.ru/wp-content/uploads/2014/07/How برای فعال کردن -browser-caching-of-site-pages.jpg” alt=”نحوه فعال کردن کش مرورگر صفحات سایت” width=”600″ height=”450″ />

چگونه می توانم کش مرورگر کاربر نهایی را در سایت خود فعال کنم؟

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

چگونه می توان کش مرورگر منابع سایت را در سرور آپاچی فعال کرد؟

ابتدا، بیایید بفهمیم که مرورگر چه منابعی را باید کش کند. اجازه دهید به شما یادآوری کنم که اگر مرورگر برخی از منابع را ذخیره کند، ممکن است آنها را کاملاً به روز نکند برای مدت طولانی. این وضعیت برای اجسام ساکن کاملاً مناسب است. چه منابعی را می توان به عنوان اشیاء ثابت طبقه بندی کرد؟

  1. فایل های CSS
  2. فایل های JS
  3. تصاویر.
  4. ویدیو.
  5. موسیقی.

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


منقضی می شود فعال است
Expires پیش فرض "دسترسی 7 روز"
ExpiresByType application/javascript "دسترسی به اضافه 1 سال"
ExpiresByType text/javascript "دسترسی به اضافه 1 سال"
ExpiresByType text/css «دسترسی به اضافه 1 سال»
ExpiresByType text/html «دسترسی به اضافه 7 روز»
ExpiresByType text/x-javascript "دسترسی 1 ساله"
ExpiresByType image/gif "دسترسی به اضافه 1 سال"
ExpiresByType image/jpeg "دسترسی به اضافه 1 سال"
ExpiresByType image/png "دسترسی به اضافه 1 سال"
ExpiresByType image/jpg "دسترسی به اضافه 1 سال"
ExpiresByType image/x-icon «دسترسی ۱ سال»
برنامه ExpiresByType/x-shockwave-flash "دسترسی 1 ساله"

این کد باید در فایل وارد شود htaccess، که در پوشه ریشه سایت قرار دارد که آپاچی به عنوان سرور برای آن خدمت می کند. پس از این، مرورگر تمام اشیاء فوق را برای مدت زمان مشخص شده کش خواهد کرد. این بدان معناست که اگر در طی یک سال از همان سایت بازدید کنید (همانطور که در مثال نشان داده شده است)، فایل های زیادی از رایانه خود دریافت خواهید کرد، مگر اینکه در این مدت حافظه پنهان رایانه خود را پاک کرده باشید.

  • کش htaccess محتوای یک صفحه وب را در آن ذخیره می کند کامپیوتر محلیهنگامی که کاربر از آن بازدید می کند؛
  • استفاده از حافظه پنهان مرورگر – مدیر وب سایت به مرورگرها آموزش می دهد که چگونه با منابع رفتار کنند.

هنگامی که مرورگر یک صفحه وب را ارائه می کند، باید لوگو، فایل CSS و سایر منابع را بارگیری کند:


حافظه پنهان مرورگر منابعی را که مرورگر قبلا دانلود کرده است «به خاطر می آورد». هنگامی که یک بازدید کننده به صفحه دیگری در سایت، لوگو، فایل های CSS و غیره می رود. نباید دوباره دانلود شود زیرا مرورگر قبلاً آنها را "به خاطر آورده" (ذخیره کرده است). به همین دلیل است که بارگذاری صفحه وب در اولین بازدید شما بیشتر از بازدیدهای تکراری طول می کشد.

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

نحوه فعال کردن کش مرورگر

  • هدر درخواست منبع را برای استفاده از کش تغییر دهید.
  • استراتژی ذخیره سازی خود را بهینه کنید.

تغییر سرصفحه درخواست

برای اکثر مردم، تنها راه برای کش کردن htaccess یک سایت، افزودن کد به فایل .htaccess در سرور وب است.

فایل htaccess بسیاری را کنترل می کند تنظیمات مهمبرای وب سایت شما

کش مرورگر از طریق فایل htaccess

کد زیر به مرورگر می گوید که چه چیزی را در حافظه پنهان نگه دارد و چه مدت باید آن را به خاطر بسپارد. باید به ابتدای فایل htaccess اضافه شود:

## در حافظه پنهان منقضی می شود ## ExpiresActive در ExpiresByType تصویر/jpg "دسترسی 1 سال" ExpiresByType تصویر/jpeg "دسترسی 1 سال" ExpiresByType تصویر/گیف "دسترسی 1 سال" ExpiresByType تصویر/png "دسترسی 1 سال" ExpiresByType text/cs html "دسترسی 1 ماهه" ExpiresByType برنامه/pdf "دسترسی 1 ماه" ExpiresByType متن/x-javascript "دسترسی 1 ماه" ExpiresByType برنامه/x-shockwave-flash "دسترسی 1 ماه" ExpiresByType تصویر/x-icon "دسترسی 1 سال" Expires پیش فرض "دسترسی 1 ماهه"## در حافظه پنهان منقضی می شود ##

فایل htaccess. را ذخیره کنید و سپس صفحه وب را بازخوانی کنید.

نحوه تنظیم زمان کش برای انواع مختلف فایل

کد بالا فواصل زمانی را مشخص می کند. به عنوان مثال، 1 سال (1 سال) یا 1 ماه (1 ماه). آنها به انواع فایل مربوط می شوند. کد بالا بیان می کند که فایل های jpg (تصاویر) باید به مدت یک سال ذخیره شوند.

اگر می‌خواهید این مورد را طوری تغییر دهید که تصاویر JPG نیز به مدت یک ماه در کش ذخیره شوند، به سادگی «1 سال» را با «1 ماه» جایگزین کنید. مقادیر کش htaccess بالا برای اکثر صفحات وب بهینه هستند.

روش ذخیره سازی جایگزین برای htaccess

روشی که در بالا توضیح داده شد " منقضی می شود"، به اکثر مبتدیان در کش کردن کمک می کند. هنگامی که با کش راحت شدید، می توانید روش دیگری به نام Cache-Control را امتحان کنید که گزینه های بیشتری در اختیار شما قرار می دهد.

این امکان وجود دارد که روش Expires روی سرور شما کار نکند، در این صورت ممکن است بخواهید از Cache-Control استفاده کنید.

Cache-Control

این روش به شما این امکان را می دهد که کنترل بیشتری بر روی کش کردن صفحه در مرورگر به دست آورید، اما بسیاری از افراد می توانند یکبار همه تنظیمات را مشخص کنند.

مثال استفاده در فایل htaccess.

# 1 ماه برای اکثر دارایی های ثابت مجموعه هدر Cache-Control "max-age=2592000, public"

کد بالا هدر Cache-Control را بسته به نوع فایل تنظیم می کند.

Cache-Control چگونه کار می کند؟

خط بالا از ذخیره کد در مرورگر htaccess را در نظر بگیرید:

# 1 ماه برای اکثر دارایی های ثابت

این خط فقط یک یادداشت است. فایل .htaccess خطوطی که با کاراکتر # شروع می شوند را نادیده می گیرد. این یادداشت توصیه می شود زیرا ممکن است چندین مجموعه داده مختلف به عنوان راه حل ذخیره فایل خود داشته باشید:

خط ذکر شده در بالا می گوید که " اگر فایل یکی از این نوع باشد، ما کاری با آن انجام می دهیم...»

مهمترین چیز در مورد این خط این است که لیست می کند انواع مختلففایل ها ( CSS, JS, JPEG, PNGو غیره ) و اینکه دستورالعمل های کش باید برای این انواع فایل اعمال شود. به عنوان مثال، اگر نمی خواهید فایل های JPG برای مدت زمان مشخصی در حافظه پنهان ذخیره شوند، می توانید " را حذف کنید. JPG". اگر می خواهید HTML اضافه کنید، باید در این خط نشان دهید " HTML«:

مجموعه هدر Cache-Control "max-age=2592000, public"

خط ذکر شده در بالا هدرها و مقادیر واقعی را تنظیم می کند:

  • قسمت " مجموعه هدر Cache-Control» - عنوان را تنظیم می کند.
  • متغیر " حداکثر سن = 2592000"—نشان می دهد که فرآیند ذخیره سازی (در چند ثانیه) چقدر طول می کشد. در این حالت یک ماه (2592000) ثانیه کش می کنیم.
  • قسمت " عمومی» گزارش می دهد که برای عموم در دسترس است.

© 2024 ermake.ru -- درباره تعمیر رایانه شخصی - پورتال اطلاعاتی