سلام

W3 Total Cache چیست؟

W3 Total Cache سریعترین و کاملترین افزونه برای بالا بردن سرعت و کارایی سایت وردپرس شماست.سایت های بزرگی که از این افزونه استفاده می کنند،گویای این مطلب است.سایت هایی مثل :mashable.com, smashingmagazine.com, yoast.com, WPBeginner و fotolia.ir 😉 .افزونه W3 Total Cache کارایی سایت را بالا می برد،همه اجزا سایت را کش (Cache) می کند،سرعت دانلود را کاهش می دهد و امکان استفاده یکپارچه از سیستم CDN یا همان Content Delivery Network را فراهم می کند،پس نتیجه نهایی برای کاربر،بالا بودن سرعت سایت خواهد بود.

۱.نصب W3 Total Cache در وردپرس

قبل از نصب W3 Total Cache،باید مطمئن شویم که هیچ افزونه کش کننده دیگری (مثل WP Super Cache) فعال نباشد.در غیر این صورت ممکن است بمحض فعال سازی آن،خطا داده شود.برای نصب افزونه می توانید به طریق زیر عمل کنید:

به مدیریت وردپرس رفته و روی Plugins » Add New کلیک کنید.حالا عبارت “W3 Total Cache” را جستجو کنید.نتیجه باید شبیه شکل زیر باشد:

حالا افزونه را نصب و فعال کنید.اگر می خواهید با FTP این کار را انجام دهید،می توانید آنرا دانلود کرده و سپس در مسیر /wp-content/plugins/ آپلود کنید.به محض فعال شدن این افزونه،یک منو بنام “Performance” به منوهای مدیریت اضافه می شود.با کلیک بر روی آن،وارد تنظیمات می شوید.

۲.تنظیمات و پیکربندی W3 Total Cache

W3 Total Cache افزونه ای است بسیار قدرتمند(به قول دوستان فرنگی،Powerfull!)،بنابراین انبوهی از تنظیمات مختلف دارد که می خواهیم جز به جز آنها را بررسی کنیم ولی قبل از هر چیز و بر اساس یک قانون نانوشته،باید از تنظیمات عمومی دیدن کنیم.

تنظیمات عمومی

برای دسترسی به این بخش می توانیم از دو راه زیر وارد شویم:

اول شما گزینه ای را برای فعال یا غیر فعال کردن حالت پیش نمایش(Preview) می بینید.فعال بودن پیش نمایش به معنی تقریبا غیرفعال بودن افزونه است پس باید آن را غیرفعال کنید تا افزونه فعال شده و از حالت صرفا نمایشی به حالت کار درآید.مثل شکل زیر:

گزینه دیگر این صفحه،بخش Page Cache است.این بخش مثل افزونه WP Super Cache کار می کند.وظیفه این قسمت از سیستم ما،ایجاد صفحه ایستای کش از هر صفحه ای است که بارگذاری می شود،بنابراین لازم نیست موقع load صفحات برای هر کاربر،صفحه به صورت داینامیک(تعامل با پایگاه داده) از نو بارگذاری شود.با فعال بودن این گزینه،سرعت بازگذاری شما تا حد قابل توجهی افزایش می یابد.

برای سرورهای اشتراکی که کابران زیادی از آن استفاده می کنند،گزینه Disk (Enhanced) شدیدا پیشنهاد می شود.نتیجه مطابق شکل زیر خواهد بود:

بعد از Page Cache می توانی Minify یا همان خرد کردن را ببینیم.Minify یک تکنیک مشهور برای کاهش حجم فایل های CSS,JS,HTML,پست ها،صفحات و فیدهای RSS می باشد.مبنای کار آن نیز حذف محتویات غیر ضروری است که کاربران نیازی به دیدن آنها ندارند.مثلا توضیحات فایل های شیوه نامه که برای توسعه دهندگان مورد نیاز است،نه کاربران شما.یا فاصله ها را که با حذف آنها ،حجم فایل ها کم شده و می تواند سرعت بارگذاری را تا ۱۰% افزایش دهد.Disk تنها بهترین گزینه برای سرورهای اشتراکی است.نتیجه کار باید به این شکل باشد:

گزینه بعدی Database Cache است.این می تواند بسیار تعیین کننده باشد زیرا پایه کار وردپرس بر اساس تعامل دائمی با پایگاه داده است.اکثر اوقات ارتباط زیاد با دیتابیس و ارسال پرس و جوهای مختلف،علت اصلی کاهش سرعت سایت هاست که می تواند تا داون شدن و بعد از کار افتادن و خرابی سایت در ترافیک های بالا هم پیش برود.Database cache پرس و جو (Query) ها را کش کرده و می تواند سرعت سایت را ۱۰۰ برابر افزایش دهد.

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

حالا می رسیم به گزینه CDN یا همان Content Delivery Network که در آینده از آن زیاد خواهیم شنید.در این رابطه W3 Total Cache از سرویس های MaxCDN,NetDNA, Amazon S3, Rackspace Cloud, و Amazon Cloud Front پشتیبانی می کند.همانطور که واضح است،این بخش بدرد افرادی می خورد که یا از CDN استفاده می کنند و یا قصد استفاده از آن را دارند.مثلا اگر از MaxCDN استفاده کنیم،تنظیمات به این صورت خواهد بود:

گزینه بعدی و آخرین بخش از تنظیمات عمومی افزونه،کش مرورگر یا Browser Cache است.این گزینه محتویات با فشرده سازی کرده و برای اشیاء سایت نیز تاریخ انقضا در نظر می گیرد.هر موقع کاربری از سایت شما بازدید می کند،مرورگر وی یک کپی از سایت شما را در رایانه او ذخیره می کند تا اگر دوباره از سایت شما بازدید کرد،نیازی به بارگذاری دوباره نباشد[مخصوصا مرورگر opera که از این طریق سرعت خود را فوق العاده افزایش می دهد].اما هر مرورگر در یک بازه مشخص کش خود را خالی می کند.حالا با فعال کردن این گزینه،سایت شما به مرورگر می فهماند که هر شی را تا چه مدتی در کش خود حفظ کند.برای مثال شما ممکن است favicon خود را تا ماه ها نیز تغییر ندهید.پس این یکی از چیزهایی است که می توان تا یک ماه بدون تغییر از آن استفاده کرد.

حالا تنظیمات عمومی به پایان رسیدند و می خواهیم با هم به سراغ هر یک از تنظیمات برویم و نگاه دقیق تری به جزئیات شان بیندازیم

جزئیات گزینه Page Cache

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

و حالا گزینه های زیر را خواهید دید

اگر توجه داشته باشید در تصویر بالا می بینیم که Page Cache فعال است.اگر این گونه نبود لطفا با رفتن به تنظیمات عمومی،آن را فعال نمایید.پایین تر که می آییم ،گزینه ای را می بینیم که با استفاده از آن می توانیم کش را خالی کنیم.هنگامی که خطایی را در سایت خود مشاهده می کنید یا کاربران مشکلی را به شما گزارش دادند می توانید با خالی کردن کش ،تا حدوددی مشکلات را رفع کنید .زیرا نسخه جدید سایت دوباره فعال شده و در جای کش قدیمی را می گیرد.می رسیم به گزینه های بعدی که به صورت چک باکس هستند.اولین آنها گزینه ای است که کش صفحه را برای کاربران وارد شده مانند مدیران غیرفعال می کند.دلیلش نیز مشخص است.زیرا مدیر باید قادر باشد تغییراتی را که در سایت اعمال می کند به صورت فوری ببیند و برای این کار باید کش صفحه غیرفعال باشد. تنظیم بعدی مربوط به کش صفحه اول یا همان home page خودمان است.با توجه به اینکه در اکثر سایت ها،صفحه اول پربازدیدترین صفحه سایت است،فعال کردن این گزینه می تواند ایده خوبی باشد.گزینه بعدی ،کش کردن فیدها،نظرات ،دسته بندی ها و … است و با توجه به اینکه روزانه بازدید زیادی مربوط به این بخش های می شود،فعال کردن آن می تواند سرعت را بالا ببرد.گزینه های بعدی را نیز انتخاب نکردیم زیرا نیازی به آنها نبود ولی شاید برای بعضی از سایت ها لازم باشد.

حالا به تنظیمات پیشزفته Page Cache نیز نگاهی می اندازیم.

اگر دقت کنید ما تنظیمات این بخش را تغییر نداده ایم.هر چه باشد تنظیمات پیشرفته هستند دیگر ! 🙂 در بخش اول شما می توانید طول عمر کش صفحه را بر حسب ثانیه تعیین کنید که در اینجا ۳۶۰۰ ثانیه است.البته اگر سایت پرترافیک و شلوغی دارید.گزینه بعدی مربوط به user agent ها و کوکی ها ردی می باشد.مثلا شما می توانید تعیین کنید که صفخات کش به Google Bot ارسال نشوند،گرچه توصیه نمی شود.همچنین می توانید صفحاتی را که نمی خواهید کش شوند،تعیین کنید.

جزئیات گزینه Minify

تنظیمات minify می توانند از سایتی به سایت دیگر متفاوت باشند،ولی بعضی چیزها مشترک است.ابتدا مطمئن شوید که این گزینه فعال است.

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

جزئیات گزینه Database Cache

ما هیچ تنظیمی را در کش دیتابیس تغییر ندادیم.شما نیز تا زمانی که نیاز به تغییرات اضافی بر روی سایت نداشتید،لزومی ندارد تنظیمات را تغییر دهید.مهمترین بخش این قسمت،never cache the following pages است.برای مثال اگر صفحه ای فشار زیادی به پایگاه داده وارد می کند،می توانید آن را در این جا ذکر کنید.

جزئیات Object Cache

همه چیز در حالت پیش فرض روی اکثر سایت ها جواب می دهد.اگر خواستید گزینه به خصوصی را تغییر دهید،می توانید آنرا اجرا کنید.

جزئیات تنظیمات Browser Cache

به صورت پیش فرض فقط فشرده سازی Gzip و W3 Total Cache header فعال هستند.ولی می خواهیم پا را فراتر بگذاریم.ما Set Expires Header و Set Entity Tag یا (etag) را نیز فعال کردیم و احتمالا برای سایت شما نیز بهتر است این کار را انجام دهید.البته قبل از این کار بهتر است کمی در مورد هر کدام از آنها مطالعه داشته باشید تا بهترین نتیجه دلخواه شما حاصل شود.در کل سایت ها انواع مختلفی دارند و نیاز هایشان نیز متفاوت است.ممکن است سایت شما گزینه ای نیاز داشته باشد ولی سایت ما خیر.

تنظیمات CDN در W3 Total Cache

این بخش کمی جانب دارانه است زیرا ما فقط نحوه استفاده از MaxCDN و سرویس با کیفیتش را به شما نشان خواهیم داد.البته چاره ای نیز نبود زیرا فقط به این سرویس دسترسی داشتیم.برای ادامه این بخش نیاز است که استفاده از CDN را فعال کرده باشید و MaxCDN را نیز به عنوان سرویس دهنده برگزیده باشید(فقط اگر حساب کاربری MaxCDN دارید!)

همانطور که می بینید ما هر چهار گزینه بخش عمومی تنظیمات CDN افزونه W3Total Cache را انتخاب کرده ایم.Host wp-include files برای اینکه اگر قالب سایت شما به کتابخانه هایی مثل jQuery از طریق پوشه wp-includes وردپرس دسترسی دارد،از این پس با استفاده از سرویس CDN حاضر و سرو شود.گزینه Theme files برای این انتخاب شده است که تمام فایل های قالب ها،از طریق CDN سرو شوند.Host minified CSS and JS files برای این تیک خورده است که افزونه بتواند فایل های css را فشرده کرده و سرو کند .وگزینه آخر نیز مربوط به انتقال فایل های سفارشی از طریق CDN است.معمولا اکثر وبلاگ نویسان فایل های مجزایی مثل بنر های تبلیغاتی یا … بر روی هاست خود دارند که از این طریق می توانند آنها را نیز وارد شبکه تحویل محتوا(CND) کنند.

نحوه تنظیم W3 Total Cache بر روی سرویس MaxCDN برای وردپرس

گام بعدی که باید انجام دهیم،پیکربندی افزونه با توجه به سرویس دهنده CDN می باشد که ما در اینجا به شما نحوه انجامش را برای سرویس MaxCDN نشان خواهیم داد.در اینجا به یک حساب CDN که دارای “Origin Pull” باید،نیاز داریم.Rackspace Cloud, و Amazon cloud front این گزینه را در اختیار قرار نمی دهند و از این لحاظ MaxCDN در جایگاه بالاتری قرار می گیرد.استفاده از Origin Pull بسیار ساده و شفاف است و به نام آینه یا mirror cdn نیز شناخته می شود(با کمی جستجو در اینترنت می توانید اطلاعات بیشتری در مورد آن پیدا کنید).

۱.ابتدا به حساب خود در سایت MaxCDN وارد شوید(اگر ندارید یکی ایجاد کنید).

۲.در بخش مدیریت خود در داشبورد،روی گزینه “Manage Zones” کلیک کنید و سپس روی “Create Pull Zone” کلیک نمایید.درست مانند شکل زیر:

۳.در صفحه بعدی شما باید اطلاعات مهمی را برای ایجاد Pull Zone وارد نمایید:

• Pull Zone Name:این بخش می تواند هر چیزی غیر از فضای خالی داشته باشد و نیز باید بیشتر از ۳ کاراکتر باشد.فکر کنید این همان نام کاربری شماست !
• Origin Server URL:اینجا آدرس وبلاگ خود را وارد نمایید.حتما می بایست دارای (//:http) در اول و اسلش (/) در انتها باشد.
• Custom CDN Domain:این گزینه اختیاری است ولی پیشنهاد می کنیم از آن استفاده کنید.مثلا می توانید یک زیر دامنه به آن اختصاص دهید.مثل :cdn.wpbeginner.com
• Lable:کار این فیلد هم مثل فیلد توضیحات است یعنی می تواند توضیحات دلخواه را در آن قرار دهید.
• Compression:پیشنهاد می کنیم این گزینه را نیز فعال کنید تا در مصرف پهنای پاندتان صرفه جویی شود.

همانطور که می بینید ما فرم را به شکل زیر پر کردیم:

به محض ایجاد،یک صفحه را مشاهده خواهید کرد که لینک CDN شما را نمایش می دهد.اگر Custom CDN Domain را انتخاب کرده باشید به شما می گوید که باید یک رکورد CNAME برای دامنه خود ایجاد کنید.پس برای ایجاد CNAME در هاست هایی که دارای cPanel هستند می توانیم به این شکل عمل کنیم.بعد از ورود به پنل،به پایین صفحه می رویم و در بخش Domains روی گزینه Simple DNS Zone Editor کلیک می کنیم.

همانطور که می بینید،باید دو ورودی را تکمیل کنید:Name و CNAME.

• Name : مقدار این بخش همان نامی خواهد بود که در MaxCDN Pull Zone و در قسمت Custom CDN Domain قرار دادیم.اگر عکس بالا را مشاهده کنید می بینید که Custom CDN Domain ما cdn.wpbeginner.com بود.پس ما “cdn” را در این بخش قرار می دهیم.
• CNAME : مقدار این گزینه همان آدرسی خواهد بود که سایت MaxCDN بعد از ایجاد Pull Zone در اختیارتان قرار داد(یادتان هست دیگه :)).

مثلا ما به این شکل پر کردیم:

حالا که CNAME مربوطه ایجاد شد،اجازه دهید پیکربندی را ادامه دهیم.اگر یادتان باشد قبلا در تنظیمات عمومی افزونه ،گزینه Content Delivery Network را فعال کردیم و آن را روی NetDNA/MaxCDN قرار دادیم.بنابراین وقتی که به صفحه CDN Settings بروید،تنظیماتی را برای CDN می بینید.W3 Total Cache از شما می خواهد که API ID و API Key را وارد نمایید.این مشخصات را می توانید در داشبورد MaxCDN و در آدرس Manage Account » API پیدا کنید.هر دو را کپی کرده و در جای خودش قرار دهید.برای تکمیل باید گزینه “Replace site’s hostname with:” را نیز وارد کنید که در حقیقت همان CNAME است که ایجاد کردیم.برای مثال ما cdn.wpbeginner.com را وارد کرده ایم:

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

اگر به تصویر بالا نگاهی بیندازید،بعضی فیلد ها را می بینید که از قبل تکمیل شده اند.مهمترین بخش در این قسمت ،لیست فایل های سفارشی (Custom file list) می باشد.بعد از فعال کردن CDN در سایت مان دیدیم که اکثر فایل ها از طریق همین CDN سرو می شوند به جز استثناهایی مثل فایل های بعضی از افزونه ها و … .مانند افزونه های OIO Publisher, SyntaxHighlighter و … .بنابراین تصمیم گرفتیم فایل های این افزونه های را به صورت دستی به لیست اضافه کنیم.OIO Publisher افزونه ای است که اجازه مدیریت تبلیغات در سایت را به ما می دهد.هنگام افزودن تبلیغ جدید در این افزونه،می توانیم عکسی از آن را آپلود کنیم که در پوشه مربوطه در خود افزونه ذخیره می شود.بنابراین همانطور که در عکس بالا می بینید،آدرس این بخش را به لیست فایل های سفارشی اضافه کردیم تا تصاویر تبلیغات نیز از طریق CDN سرو شوند.همینطور Syntax Highlighter که تعدادی فایل js به انتهای صفحه اضافه می کند.در حالت معمولی این فایل ها مستقیما آورده می شوند ولی با افزون آدرس آن در لیست بالا،این فایل ها نیزبا CDN مورد دسترسی قرار می گیرند.

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

اگر با دقت به عکس بالا نگاه کرده باشید متوجه قسمتی می شود تا حاوی فایل های مردود می باشد.یعنی فایل هایی که نمی خواهیم در دسترس CDN قرار بگیرند.مثلا افزونه contact form 7 که نمی خواهیم فایل های تصویری ضد ربات آن از طریق CDN باز شوند.

حالا دیگر تنظیمات CDN ما (همون سایت ما) به پایان رسیده است ولی کلاغه به خونش نرسید.حالا اگر سایت خود را دوباره بارگذاری کنید متوجه می شوید که آدرس تصاویر به جای آدرس اصلی به آدرس همان زیر دامنه CDN منتقل شده است،مثل:

http://www.fotolia.ir/wp-content/themes/fotolia/images/logo.jpg

تبدیل شده است به:

https://fotolia.ir/cdn/wp-content/themes/fotolia/images/logo.jpg

پس نتیجه می گیریم که W3 Total Cache Plugin تان مثل ساعت کار می کند و باید سرعت سایت نیز سریعتر شده باشد.برای امتحان می توانید از YSlow استفاده کرده و قبل و بعد از استفاده CDN را مقایسه کنید.البته YSlow نمی تواند زیر دامنه اختصاصی شما را شناسایی کند و باید از طریق ایــــن آدرس نحوه افزودن آدرس CDN خود به لیست مرورگر را یاد بگیرید.

حالا که همه تنظیمات انجام شده و به پایان رسیده است،پیشنهاد می کنیم از کل تنظیمات افزونه یک نسخه پشتیبان تهیه کنید.برای اینکار باید به صفحه تنظیمات عمومی بازگشته و در بخش Import / Export Settings روی دکمه Download کلیک کنید.

حالا اگر سایت تان خراب شد یا تنظیمات ناخودآگاه ریست شدند،به راحتی می توانید به حالت قبل باز گردید.امیدواریم که این مقاله برای شما مفید بوده باشد و از آن لذت برده باشید.اگر بخواهیم برای کاربرانی که با CDN آشنایی ندارند،در یک جمله آن را تعریف کنیم می توان گفت که CDN با هاست سایت برای کاهش لود سرور و افزایش سرعت بارگذاری سایت همکاری می کند.اگر قصد راه اندازی CDN را داشتید می توانید همین MaxCDN را انتخاب کنید و با کپن “wpbeginner” از ۲۵% تخفیف نیز برخوردار شوید.

منبع