نحوه استفاده از کش مرورگر در وردپرس (گام به گام) | پی تاپ

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

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

1. یک افزونه کش را نصب و فعال کنید
2. از فایل های پیکربندی برای افزودن کدهای دستی استفاده کنید

1. یک افزونه کش را نصب و فعال کنید ????

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

چندین پلاگین کش برای انتخاب وجود دارد. برخی از محبوب ترین آنها WP Rocket، W3 Total Cache، WP Super Cache، WP Fastest Cache و Comet Cache هستند.

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

ما راهنماهایی در مورد افزونه‌های WP Super Cache و W3 Total Cache داریم. مطمئن شوید که آنها را چک کرده اید.

2. از فایل های پیکربندی برای افزودن کدهای دستی استفاده کنید ????‍????

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

وب سرور خود را تعیین کنید

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

• وب سایت خود را در یک تب جدید باز کنید، کلیک راست در هر نقطه از صفحه، و انتخاب کنید بازرسی کنید گزینه
• در پنل Inspect، به شبکه → همه → نام
• هر یک از عناصر را انتخاب کنید زیر نام و سپس به قسمت بروید سرتیتر گزینه
• به پایین بروید تا زمانی که آن را پیدا کنید نام سرور شما

هدرهای کنترل کش را اضافه کنید یا سرصفحه های منقضی شده را اضافه کنید

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

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

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

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

سرور Nginx

کاربران Nginx باید وارد سرور میزبان خود شوند، سرور خود را باز کنند فایل پیکربندی، و قطعه کد زیر را برای افزودن وارد کنید هدرهای کنترل کش:

location ~* \.(js|css|png|jpg|jpeg|gif|svg|ico)$ {

 expires 7d;

 add_header Cache-Control "public, no-transform";

}

با این کار دوره انقضا برای انواع فایل های مشخص شده به هفت روز تنظیم می شود. می توانید تعداد روزها را تغییر دهید و انواع فایل را از قطعه کد اضافه یا حذف کنید.

در همان بلوک سرور، موارد زیر را برای افزودن کپی پیست کنید سرصفحه منقضی می شود:

location ~* \.(jpg|jpeg|gif|png|svg)$ {

  expires 365d;

}

location ~* \.(pdf|css|html|js|swf)$ {

  expires 3d;

}

همانطور که می بینید، این قطعه کد دوره های انقضا را برای انواع مختلف فایل تنظیم می کند.

با خیال راحت کد را مطابق با نیاز خود سفارشی کنید.

???? توجه داشته باشید: اگر نمی‌دانید چگونه به فایل پیکربندی Nginx دسترسی پیدا کنید، به دنبال یک سند راهنما از سرور میزبان خود باشید یا برای کمک با تیم پشتیبانی هاست خود تماس بگیرید.

سرور آپاچی

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

⌛ مهم حتماً آن را قبل از «#BEGIN WordPress» یا بعد از «#END WordPress» اضافه کنید.

<filesMatch ".(ico|pdf|flv|jpg|jpeg|png|gif|svg|js|css|swf)$">

        Header set Cache-Control "max-age=172800, public"

</filesMatch>

کد دوره انقضای کش را 172800 ثانیه یا دو روز تنظیم می کند.

برای اضافه کردن سرصفحه منقضی می شود در سرور آپاچی خود، قطعه کد زیر را در فایل htaccess. وارد کنید:

## EXPIRES HEADER CACHING ##

<IfModule mod_expires.c>

ExpiresActive On

ExpiresByType image/jpg "access 1 year"

ExpiresByType image/jpeg "access 1 year"

ExpiresByType image/gif "access 1 year"

ExpiresByType image/png "access 1 year"

ExpiresByType image/svg "access 1 year"

ExpiresByType text/css "access 1 month"

ExpiresByType application/pdf "access 1 month"

ExpiresByType application/javascript "access 1 month"

ExpiresByType application/x-javascript "access 1 month"

ExpiresByType application/x-shockwave-flash "access 1 month"

ExpiresByType image/x-icon "access 1 year"

ExpiresDefault "access 2 days"

</IfModule>

## EXPIRES HEADER CACHING ##

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

می توانید هر دو کد را به هر آنچه که مناسب است تغییر دهید.

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

آیا همچنان هشدار حافظه پنهان مرورگر اهرمی را می بینید؟

اگر ابزار سرعت سایت همچنان اخطار کش مرورگر اهرمی را به شما نشان می‌دهد، احتمالاً به دلیل Google Analytics (GA) است.

با اجرای وب سایت خود می توانید بررسی کنید که آیا GA مقصر واقعی است یا خیر PageSpeed ​​Insight گوگل. همه نتایج حسابرسی را گسترش دهید و به دنبال آن باشید اسکریپت های گوگل آنالیتیکس. اگر GA مقصر باشد، ابزار Page Insight به شما پیشنهاد می‌کند که «از کش مرورگر برای منبع قابل ذخیره زیر استفاده کنید».

برای استفاده از کش مرورگر برای GA، باید از یک پلاگین قسمت سوم به نام استفاده کنید مجموعه بهینه سازی تجزیه و تحلیل کامل (CAOS).

اما قبل از شروع نصب افزونه در وب سایت وردپرسی خود، لطفاً بدانید که این روش است توسط گوگل پشتیبانی نمی شود و اینکه افزونه CAOS با بسیاری از افزونه های Google Analytics سازگار نیست.

نتیجه گیری ????

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

اگر در مورد کش کردن مرورگر اهرمی وردپرس سؤالی دارید، در بخش نظرات زیر با ما در میان بگذارید.