بهینه سازی وردپرس ۲
بیشتر صاحبان سایت امروزه WordPress را به دیگر CMSها و پلتفورمهای مدیریت وبلاگ ترجیح میدهند. با توجه به پلاگینها و افزونههای فراوان و جالبی که برای این سیستم در دسترس است، ساخت یک سایت کامل به همراه تمام امکانات مورد نیاز کار آسانی خواهد بود. اما این پلاگینها گاها CSSها و فایلهای JavaScript خودشان را به هدر شما اضافه خواهند کرد که ممکن است پارامترهای کیفیت سنجی سایت شما (مثل سرعت) را کاهش دهد.
امروز، در دومین بخش از مقالات بهینه سازی سیستم وردپرس، با پلاگینهای جدید و توضیحاتی پیرامون آنها در خدمت شما هستیم. (مشاهده قسمت اول مقاله)
شروع به کار
توجه: تعدادی از دوستان در کار با پلاگینهای مقاله قبل دچار مشکل شدند و متاسفانه در عملکرد سایتشان اختلال ایجاد شد. همانطور که در مقاله قبل گفته شد، ممکن است هاستینگ شما برخی امکانات را برای شما غیرفعال کرده باشد، بنابر این ممکن است برخی از تنظیمات برای شما ممکن نباشد پس هرگونه مشکلات ناشی از بیاحتیاطی در استفاده از این آموزشات بر عهده ما نخواهد بود.
قدم اول) پلاگین Autoptimize را دانلود و اجرا کنید.
Autoptimize پلاگینی برای سرعت بخشیدن به سایت شماست و همچنین به صرفه جویی در مصرف پهنای باند شما کمک شایانی خواهد کرد.
این پلاگین تمامی کدهای شما را ذخیره و خلاصه سازی میکند، تاریخ انقضا به آنها اضافه میکند (عنصر تقریبا مهمی در سئو)، از آنها کش میگیرد و کدهای مربوط به استایل شما را به قسمت head قالب شما و کدهای جاوای شما را به قسمت footer سایت جهت افزایش هرچه بیشتر سرعت سایتتان منتقل میکند. این پلاگین حتی کد HTML قالب شما را نیز برای هرچه سریعتر شدن سایتتان فشرده میکند.
الف) از بخش Setting (تنظیمات) به زیربخش Autoptimize بروید.
در این بخش میتوانید گزینههای بهینه سازی HTML، CSS و JavaScript را فعال کنید. اما ممکن است در کار با برخی از بخشها دچار مشکل شوید که مجبور به غیرفعال کردن آنها خواهید شد.
در صورتی که مایل به فشرده سازی کد HTML قالب خود هستید تیک گزینه Optimize HTML Code را بزنید.
در صورتی که مایل هستید که کد های Comment در قالب شما باقی بمانند تیک گزینه Keep HTML comments را بزنید. کد های Comments توضیحاتی در قالب شما هستند که بودن و نبودن آنها هیچ تاثیری در نمایش سایت شما نخواهند داشت و فقط توضیحاتی پیرامون بخش های مختلف سایت به کسانی که می خواهند سورس سایت را مشاهده کنند می دهد.
ب) تنظیمات بخش JavaScript Options
برای بهینه سازی کدهای JavaScript موجود در سایت خود تیک گزینه Optimize JavaScript Code، و اگر از تعداد زیادی کد جاوا در سایتتان استفاده میکنید تیک گزینه دوم، یعنی Look for scripts only in head را بزنید.
در صورتی کدهای شما به خاطر پیام خطا با مشکل مواجه شدند میتوانید از روش معروف Try… Catch استفاده کنید. (توضیحات در این خصوص را در مقالات بعدی خواهیم داشت) که این عمل با فعال کردن تیک گزینه Add try-catch wrapping صورت خواهد پذیرفت. (به طور مثال در سایتی که ما مورد بررسی قرار میدهیم، فعال کردن این گزینه الزامی بود)
در صورتی که کدهای جاوا و تابع PHP موسوم به shell_exec در سرور شما فعال است میتوانید از روش فشرده سازی YUI استفاده کنید. بدین جهت فایل Yuicompressor. jar را که میتوانید از این لینک دانلود کنید را در فولدر /yui/ در پوشه پلاگین بریزید و تیک این گزینه را بزنید.
پ) تنطیمات بخش CSS Options
تمامی تنظیمات این بخش مشابه بخض قبل است بجز مورد Generate data: URIs for images که فعال سازی آن موجب شامل شدن تصاویر در خود CSS خواهد شد.
ت) تنظیمات بخش CDN Options
با اینکه معدود صاحبان سایت از CDN برای سایت خود استفاده میکنند، اما اگر شما برای سایت خود امکان CDN را تهیه کردهاید. میتوانید با تیک زدن موارد این بخش و نوشتن آدرس دامنه و یا زیردامنه CDN خود (که در صورتی که CDN را فعال کرده باشید، آن را از هاست خود خواهید ساخت) این امکان را فعال، و آدرس فایلهای فشردهتان را به دامنه و یا زیردامنه CDN خود منتقل کنید.
در نهایت نیز در بخش Cache Info با تیک زدن گزینه Do not compress cache files میتوانید فایلهای بوجود آمده را با استفاده از WebServer خود فشرده سازی کنید.
ذخیره کنید… بله! تمام شد! در صورت مواجه شدن با مشکل در هر یک از بخشها، تنظیمات مربوط به آن بخش را تغییر دهید.
قدم دوم) پلاگین WP HTTP Compression را دانلود و اجرا کنید.
این پلاگین به سایت شما اجازه میدهد که با فرمت gzip در صورتی که مرورگر فرد، از این فرمت پشتیبانی کند، فشرده سازی شود.
فشرده سازی HTTP در واقع به معنای فشرده سازی ۶۰-۸۰% در صفحات شما و استفاده از پهنای باند شماست. همچنین سرعت دانلود صفحات شما را ۳ تا ۴ برابر خواهد کرد.
همانطور که متوجه شدید، این پلاگین تنطیمات خاصی ندارد. اما ممکن است با برخی از پلاگین هایی که جهت گرفتن کش از سایت، استفاده می شوند با این پلاگین دچار مشکل شوند. (که البته تا بحال برای خود ما چنین مشکلی پیش نیامده)
شما همچنین میتوانید با مراجعه به سایت Is My Blog Working از عملکرد این پلاگین مطمئن شوید. بدین صورت که پس از ارسال آدرس سایت خود، در بخش گزارشات در این بخش، تیک خوردن گزینه Page Gzip گواه فعال بودن این امکان خواهد بود.
همچنین در بخش سمت چپ، روبروی عبارت Bandwidth saved by compression میتوانید درصد فشرده سازی سایتتان (و ذخیره شده پهنای باندتان) را مشاهده کنید. در سایتی که ما در آن از این پلاگین استفاده کردیم، شاهد نزدیک به ۸۰% صرفه جویی در پهنای باند بودهایم.
همین! کار سختی بود؟ با استفاده از همین تکنیک های بسیار مفید که برای شما آماده می کنیم می توانید سرعت و کیفیت سایت خود را تا حد بسیار زیادی بالا ببرید.
این مطلب توسط سئوموز نوشته شده و هرگونه کپی برداری بدون درج نام و لینک سئوموز غیرمجاز است.
سلام
تشکر بابت آموزش
فقط یک نکته …؟!
بنده افزونه Autoptimize را نصب کردم بعد از مدتی حجم سایتم خیلی بالا رفت پس از چک کردن متوجه این شدم؟!
بعد که وارد خود فولدر در هاست شدم اینو دیدم
یک عالم فایل های پی اچ پی و فایلهای ناخوانا!
از اونجایی که شنیدم نباید به محتویات کش و تمپ در هاست دست زد و از جایی که این افزونه را پاک کردم اما اینا پاک نشد ؟!؟
میتونم خودم این فایلارو پاک کنم حجمش 153 مگ هست؟
ممنون میشم راهنمایی کنید؟!
تشکر
ببینید در واقع بخشی از ساز و کار این پلاگین بدین صورت هست که هرگونه فاصله و حروف اضافی که توی کد ها استفاده میشه رو حذق می کنه که در خیلی از مواقع کدها ناخوانا به نظر می رسن ولی درواقع اینا همون کدای شما هستن که حجمشون حداقل شده
اگر شما پلاگین رو حذف کردین، می تونین با داشتن یه بک آپ این فایل ها رو هم حذف کنید
ممنون سینا خان و دیگر دوستان و مدیران سئو موز
واقعا کاربردی و راحت بود
بی صبرانه منتظر مطالب بعدی تون هستیم
امیدوارم موفق باشید
سلام و ممنون بابت آموزش عالی، فقط من وقتی اولی رو نصب کردم کلا دیگه سایت بالا نیومد البته وقتی تیک ها رو زدم، اگه راهنمایی ام کنید ممنون میشم
برمیگرده به قالب.بسته به نوع قالب ها این تنظیمات متفاوت میشوند
@AmirSina, ممنون
خواهش میکنم
سلام
ببخشید شما توی وردپرس سایت تون برای این قسمت مطالب مرتبط پایین پستهاتون از چه افزونه وردپرسی استفاده می کنید ؟
WordPress Related Posts
خودتون از Autoptimize استفاده نمیکنید؟!!!!
قبلا استفاده میکردیم
مرسی بابت مطلب مفید وخوبی که منتشر کردید. من از افزونه Autoptimize استفاده میکنم. افزونه خوبیه فقط نمی دونم چرا وقتی می خوام از داخل مدیریت وردپرسم (وردپرس فارسی) سایتم رو ببینم نوار مدیرتی که بالای سایت هستش جابه جا میشه تقریبا مثل زمانی که یک افزونه ناسازگار با وردپرس فارسی نصب شده باشه!! البته داخل خود وردپرس نوار مدیریت خوبه.
این مربوط به کدوم قسمت این افزونه است که درست کنم مرسی
مال قسمت css هستش چطور میشه این قسمت فعال باشه ولی نوار مدیریت هم درست نمایش داده بشه؟ آقای زمانیان لطفا راهنمایی کنید
امیر جان فقط نظرات رو تایید میکنی!
سلام اگه از Autooptimize استفاده کنیم نباید از W3c total استفاده کنیم ؟
w3c تکمیل شدهی Auto Optimize هست.
اگه کناره autooptimize از W3c استفاده کنیم مشکلی پیش میاد ؟
بهتر هست استفاده نکنید.
آقا یه سوال این باعث افزایش cache سایت میشه درسته؟؟؟ برای رفع این مشگل چیکار باید کرد؟
با تشکر از مطالب خوبتون
سلام
بنده بعد از نصب، سایتم بالا نمیاد و خطای زیر رو میده!! چرا!؟؟!
503
Service Unavailable
The server is temporarily busy, try again later!
سلام افزونه رو غیر فعال کنید . در صورت تمایل میتوانید به بخش پشتیبانی تیکت کنید که سایت شما بررسی بشه.