آموزش بهینه سازی و افزایش کارایی WordPress

بهینه سازی و افزایش کارایی WordPress

در این مبحث با ارائه ی تعدادی نکته ی آموزشی ساده، چگونگی بهبود سرعت وب سایت WordPress را به شما آموزش می دهیم. داشتن یک وب سایت کارآمد با سرعت اجرای بالا در جذب کاربر به سایت و بالا قرار گرفتن آن در نتایج موتورهای جستجو نظیر Bing و Google (که سرعت بارگذاری سایت را در نظر می گیرند) نقش اساسی ایفا می کند. این آموزش موضوعات زیر را پوشش می دهد:

1. فعال سازی امکان ذخیره ی موقتی اطلاعات صفحات داینامیک (Dynamic Caching)
2. فعال سازی امکان فشرده سازی gZIP
3. استفاده از یک CDN (شبکه تحویل محتوا)
4. Minify (کوچک) کردن فایل های جاوا اسکریپت و CSS
5. تنظیم و بهینه سازی قابلیت CACHING مرورگر
6. بهینه سازی پایگاه داده ی WordPress

فعال سازی امکان ذخیره ی موقتی اطلاعات صفحات داینامیک (Dynamic Caching)

افزودن قابلیت caching صفحات داینامیک به سایت WordPress تاثیر چشم گیری بر روی سرعت سایت می گذارد. برای این منظور سرویس های متعددی نظیر Varnish و APC وجود دارد که می توان مورد استفاده قرار داد. اما برای کار با آن ها بایستی سرور و برنامه را پیکربندی کرد. توصیه می شود از ابزاری به نام SuperCacher استفاده نمایید. با SuperCharger کافی است یک افزونه ی ساده نصب کرده و با تنها یک کلیک قابلیت caching را فعال سازی نمایید.

فعال سازی امکان فشرده سازی Gzip

به منظور کاهش حجم داده هایی که بین سرویس دهنده (server) و سرویس گیرنده ها رد و بدل می شود و نیز افزایش سرعت تبادل اطلاعات، کافی است فایل های تصویری، فایل های جاوا اسکریپت و CSS را با فعال سازی امکان Gzip فشرده سازی نمایید. در پی این کار، امکان نام برده محتویات مورد نظر را پیش از انتقال (از طریق اینترنت) به مرورگر فشرده می کند. مرورگر نیز محتویات انتقالی را پیش از نمایش (render) از حالت فشرده خارج می سازد. با بهره گیری از این قابلیت، حجم اطلاعات مورد انتقال کاهش یافته و به دنبال آن زمان لازم برای بارگذاری صفحات وب سایت شما به شکل قابل توجهی کاهش می یابد.
آسان ترین روش برای فعال سازی امکان فشرده سازی gZIP برای کاهش حجم فایل های تصویری، css و جاوا اسکریپت، افزودن کدهای زیر به فایل .htaccess در فولدر ریشه ی WordPress می باشد:

## ENABLE GZIP COMPRESSION ##
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript
## ENABLE GZIP COMPRESSION ##

استفاده از یک CDN

یک شبکه بزرگ از سرویس دهنده هایی است که در چندین نقطه دنیا مستقر بوده و بر اساس مناطق جغرافیای توزیع شده‌اند. با استفاده از CDN محتوا با توجه به موقعیت جغرافیایی کاربر از طریق نزدیک‌ترین سرور به کاربر ارائه داده می‌شود. این سرویس در افزایش سرعت تحویل محتوا و پهنای باند در وب سایت‌های با ترافیک بالا و وب سایت‌های جهانی مانند گوگل، یاهو، فیس بوک و …بسیار تاثیرگذار است.
به عبارتی دیگر، CDN سرویس دهنده گانی هستند که از طریق شبکه به هم متصل بوده و سایت شما را در تمامی گره های شبکه (در نقاط جغرافیایی مختلف) clone می کنند. بنابراین هنگامی که کاربران سایت شما را درخواست می کنند، بجای سرویس دهنده ی اصلی و میزبان واقعی سایت (decanter)، نزدیکترین سرویس دهنده از نظر موقعیت جغرافیایی صفحه ی مورد درخواست را ارائه و اجرا می کند.

بهینه سازی تصاویر

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

1. از تصاویر با اندازه یا حجم مناسب استفاده کنید. از بارگذازی تصاویر با حجم سنگین و سپس مقیاس دهی آن ها به وسیله ی HTML خودداری نمایید. همچنین می بایست اطمینان حاصل کنید تصاویر و عکس هایی که بار گذاری می کنید از اندازه ای که فایل های ذکر شده را در آن نمایش می دهید، بزرگتر نیستند.
2. فایل های تصویری خود را smush کنید. smushing تمامی اطلاعات اضافی بر سازمان نظیر تاریخ ایجاد، دوربین مورد استفاده برای تهیه ی عکس، مختصات gps و غیره ... را از آن حذف می کند. برای این منظور، افزونه ی کارآمدی وجود دارد که این عملیات را برای شما انجام می دهد (WP Smush.it).
3. در صورت امکان، از Sprite ها برای پوسته های سایت خود استفاده کنید. بهره گیری از sprite ها یک تکنیک در CSS است که از یک تصویر کوچک برای نمایش چندین المان طراحی بر روی صفحه ی استفاده می کند (در حقیق چندین تصویر را در دل یک تصویر واحد گنجانده و نمایش می دهد). با این تکنیک، بجای بارگذاری چندین تصویر و عکس کوچک (به ازای هر کدام یک درخواست http به سرور)، سایت شما یک عکس واحد را نمایش می دهد. لازم به ذکر است که sprite را بایستی در زمان طراحی پوسته (تم) درنظر داشته باشید (از تمی استفاده کنید که sprite را پشتیبانی می کند).

Minify کردن فایل های جاوا اسکریپت و CSS

کوچک سازی یا به اصطلاح minify کردن فایل های CSS و JavaScript بدین معنا است که تمامی اطلاعات غیر ضروری همچون space اضافی، خط های تهی، توضیحات را از آن ها به وسیله ی ابزار آنلاین حذف کرده و بدین وسیله حجم آن ها کاهش دهید و به تبع سرعت بارگذاری را بهینه نمایید. همچنین در صورت استفاده از افزونه ی W3 Total Cache، جالب است بدانید امکانی وجود دارد که به صورت خودکار فایل های js و css پوسته ی سایت را minify می کند.

تنظیم و بهینه سازی قابلیت CACHING مرورگر

تنظیم امکان caching بدین معنا است که می توان مشخص کرد مرور کاربر تا چه مدت تصاویر، فایل های CSS، JS و Flash را در حافظه ی نهان خود ذخیره نگه دارد (cache کند). اگر هر یک از این محتویات موقتا ذخیره شود، سرویس دهنده ی شما به مرورگر کاربران یا بازدیدکنندگان سایت اطلاع رسانی کرده و محتوای ذخیره شده هر بار با محتویات جدید جایگزین می شود. می توانید با افزودن کدهای زیر به فایل .htaccess، این قابلیت را فعال سازی نمایید:

## LEVERAGE BROWSER 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 text/css "access 1 month"
ExpiresByType application/pdf "access 1 month"
ExpiresByType application/x-javascript "access 1 month"
ExpiresByType application/javascript "access 1 month"
ExpiresByType application/x-shockwave-flash "access 1 month"
ExpiresByType image/x-icon "access 1 year"
ExpiresDefault "access 2 days"
</ifmodule>
## LEVERAGE BROWSER CACHING ##

بهینه سازی پایگاه داده ی WordPress

توصیه می کنیم پایگاه داده ی خود را به طور منظم بهینه سازی نمایید. پروسه ی بهینه سازی پایگاه داده از جهاتی شبیه به defragment کردن هارد دیسک می باشد.