Posted on: مارس 14, 2020 Posted by: مدیر سایت Comments: 0

راهکارهای افزایش سرعت سایت وردپرس

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

گوگل در سال ۲۰۱۰ در گزارشی تایید کرد که سرعت سایت، یکی از ۲۰۰۰ شاخصیه که در رتبه‏ بندی سایت تاثیر داره. یکی از پیشنهاد هایی که واسه بروزرسانی جدید هسته گوگل در سال ۲۰۱۸ هم به اون اشاره شده افزایش سرعت سایته.

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

حتی با دونستن این نکته هم، تعدادی کمی از ما به افزایش سرعت سایت‏مون اهمیت می ‏بدیم. مثلا اگه بارگذاری صفحات سایت شما بیشتر از ۳ ثانیه زمان می‏ برد یا اندازه صفحات اون بزرگ‏تر از ۲MBه، شما یه مشکل بزرگ دارین و از نظر مالی ضرر می کنین.

چون در این شرایط، بخاطر کم بازدید بودن سایت، فروش خوبی دارید و از طرفی هزینه‏ های زیادی بخاطر سرور پرداخت می‏ کنین.

سرفصل محتوا

  • افزایش سرعت سایت
    • ۱- هاستینگ خود رو عاقلانه انتخاب کنین
    • ۲٫ از قالب ساده و سبک استفاده کنین
    • ۳- به کار گیری عملیات فشرده ‏سازی
    • ۴- بهینه ‏سازی تصاویر
    • ۵- انتقال فایل‏ های جاوا اسکریپت به پانوشت صفحه (فوتر)
    • ۶- مطمئن شید که KeepAlive فعاله
    • ۷- ترکیب فایل‏ های CCS و فراخوانی Inline فایل‏ های CCS
    • ۸- فعال کردن کَش
    • ۹- به کار گیری یه شبکه انتقال داده (CDN)
    • ۱۰- به کمترین حد ممکن رسوندن درخواست‏ های HTTP
    • ۱۱- انتخاب نوع فایل درست واسه تصاویر
    • ۱۲- اصلاح خطای ۴۰۴
    • ۱۳- مراقب اندازه سایت خود باشین
    • ۱۴٫ کنترل کردن تعداد نسخه های ارسالی
    • ۱۵٫ غیر فعال سازی pingbacks و trackbacks
    • ۱۶- تغییر اندازه تصاویر
    • ۱۷٫ لود کردن تصاویر تا اسکرول صفحه
    • ۱۸- کَش مرورگر
    • ۱۹- بهینه‏ سازی پایگاه‏ داده (دیتابیس)
    • ۲۰٫ غیر فعال کردنا لینکینگ و به کار گیری مطالب سایت شما
    • ۲۱ – اضافه کردن هدر انقضاء به آیتمای استاتیک صفحه
    • کلام آخر

افزایش سرعت سایت

وسایل آنلاین رایگانی مانند Pingdom، WebPageTest، GTmetrix و Google PageSpeed Insights وجود دارن که به شما کمک می کنن تا دلیل کند بودن سرعت بارگذاری سایت خود رو تشخیص بدید به افزایش سرعت سایت کمک کنین.

در ادامه مواردی رو میگیم که واسه بهبود کارکرد سایت‏تون باید در نظر داشته باشین.

۱- هاستینگ خود رو عاقلانه انتخاب کنین

صفحه هاست رو متناسب با نیازای سایت‏تون انتخاب کنین. بعضی وقتا شرکت‏ها واسه کاهش هزینه از هاست اشتراکی استفاده می‏ کنن.

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

قیمت

۲٫ از قالب ساده و سبک استفاده کنین

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

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

معمولا قالبای سبک و ساده وردپرس تاثیر بسیار مثبتی روی سئو سایت شما دارن.

۳- به کار گیری عملیات فشرده ‏سازی

فشرده کردن فایل‏ های CSS و جاوا اسکریپ، به مرورگر کمک می‏ کنه تا این فایل‏ ها رو سریع ‏تر دانلود کنه. با به کار گیری فشرده ‏سازی Gzip به آسونی می ‏تونید اندازه فایل‏ های بزرگ‏تر از ۲۰۰KB (غیر فشرده) رو به کمتر از ۴۰KB (فشرده) کم کنین.

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

موبایل

واسه فشرده کردن فایل‏ های استاتیک (تصاویر، CSS و جاوا اسکریپ)، کافیه فقط کدهای پایین رو به فایل htaccess خود اضافه کنین.
<pre>BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4.0[678] no-gzip
BrowserMatch bMSIE !no-gzip !gzip-only-text/html
Header append Vary User-Agent</pre>
<pre>
–>

۴- بهینه ‏سازی تصاویر

تصاویر، دلیل اصلی کند بودن سرعت سایت‏ ها هستن. همیشه تصاویر رو قبل از بارگذاری در سایت، بهینه کنین. به خاص اگه اندازه‏ ای بزرگ‏تر از ۵۰KB دارن.

واسه تغییر اندازه تصاویر می ‏تونید از فتوشاپ یا هر نرم‏ افزار ویرایش دیگری استفاده کنین. پس از ویرایش، تصاویر رو با کیفیت بالای ۶۰% ذخیره کنین. هم اینکه از  Picture Office manager هم می تونین استفاده کنین.

هم اینکه می ‏تونید از توانایی progressive واسه فایل ‏های JPG استفاده کنین. این ویژگی، تصاویر رو قشنگ تر کرده و به کاربر حس ملایم‏ تری رو منتقل می‏ کنه.

۵- انتقال فایل‏ های جاوا اسکریپت به پانوشت صفحه (فوتر)

هر چند جاوا اسکریپت هایی مثل jQuery، Mootools و Prototype باحال هستن و کارکرد سایت شما رو بهبود می‏ بدن، اما می‏ تونن بارگذاری صفحه سایت رو دچار مشکل کنن.

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

واسه حل این مشکل، تموم فایل ‏های جاوا اسکریپی که بودنشون در زمان بارگذاری صفحه لازم نیس رو به پایین صفحه منقل کنین. اگه شما از وردپرس استفاده می‏ کنین، فایل‏ های اسکریپ غیرضروری رو از header.php به footer.php منتقل کنین.

۶- مطمئن شید که KeepAlive فعاله

آپاچی (Apache) یکی از عادی ‏ترین و محبوب‏ترین وب سرورهای HTTP در دسترس شما هستش. یکی از توانایی‏ های این وب سرور، امکان فعال سازی KeepAliveه.

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

مطمئن شید که KeepAlive در هاستینگ سایت شما فعاله. بدین منظور، اگه به فایل httpd.conf دسترسی دارین، فایل رو باز کنین و مطمئن شید که KeepAlive به صورت On در اون ثبت شده.

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

<!–

</pre>
<pre><ifModule mod_headers.c>
Header set Connection keep-alive
</ifModule></pre>
<pre>

–>

۷- ترکیب فایل‏ های CCS و فراخوانی Inline فایل‏ های CCS

مرورگرها تعداد زیادی HTTP رو به صورت هم زمان مدیریت می کنن. اما وقتی که تعدادشون از حدی بیشتر شه، تعدادی از فایل‏ ها منتظر می‏ مانند تا بقیه دانلود شن. پس وجود تعداد زیادی فایل، باعث کاهش سرعت بارگذاری سایت می شه. واسه رفع این مشکل، تموم فایل‏ های CSS رو ترکیب کنین.

علاوه بر ترکیب فایل‏ ها، فراخوانی فایل ‏ها هم در افزایش سرعت سایت تاثیر دارن. فایل ‏های CCS رو می ‏توان با سه روش inline ، internal و External در سایت اضافه کرد. اگه محتوای فایل ‏ها کمتر از ۲KBه، بجای ایجاد یه فایل Extra HTTP، اونا رو به صورت خطی (inline) فراخوانی کنین.

وردپرس پلاگین‏ هایی مانند Autoptimize و Better WordPress Minify داره، که می‏ تونه به شما کمک کنه تا فایل‏ ها رو ترکیب کنین یا حتی اونا رو به سبک inline فراخوانی کنین.

۸- فعال کردن کَش

فعال کردن کش شدیدا سرعت بارگذاری سایت رو افزایش می‏ دهد. کش کردن به روش‏ هایی گفته می ‏شه که باعث ذخیره کردن محتوای تکراری موجود تو یه سایت در سیستم کاربر می‏ شه.

به کار گیری کش به این دلیله که هروقت سایت شما به وسیله کاربری بارگذاری شه، محتوای سایت به صورت کش ذخیره شده و عناصر و بخش‏ های ثابت اون درصورت مراجعه دوباره کاربر دوباره بارگذاری نمی‏ شن.

در این حالت کاربر تجربه بهتری از سایت شما داره و سرور هم میتونه ترافیک بیشتری رو مدیریت کنه.

پلاگین‏ های رایگانی مانند W3 Total Cache، WP Super Cache و WP Fastest Cache واسه کش کردن سایت در وردپرس هست. که این پلاگین‏ ها توانایی های جور واجور مانند کش کردن صفحات و نوشته‏ ها و دیتابیس وردپرس رو دارن.

۹- به کار گیری یه شبکه انتقال داده (CDN)

وقتی که از یه سیستم مدیریت محتوا (CMS) مثل وردپرس، Joomla، Magento، Drupal یا سایت‏ های PHP یا HTML استفاده می ‏کنین، به شما پیشنهاد می شه که از یه شبکه انتقال داده استفاده کنین تا سرعت سایت خود رو خیلی بالا ببرین.

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

۱۰- به کمترین حد ممکن رسوندن درخواست‏ های HTTP

هر چی تعداد درخواست ‏های HTTP بیشتر باشه، زمان بیشتری صرف رد و بدل کردن اطلاعات بین سرور و مرورگر می‏ شه. این درخواست ‏ها شامل عکس‏ ها، فایل‏ های جاوا اسکریپ و فایل ‏های CSS هستن که تعداد زیاد اون‏ها باعث کاهش سرعت بارگذاری سایت می‏ شه.

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

۱۱- انتخاب نوع فایل درست واسه تصاویر

فرمت JPG کوچیک ‏ترین و سریع ‏ترین نوع فایل واسه بارگذاریه. پس به عنوان پیش فرض واسه تصاویر از این فرمت استفاده کنین. تنها وقتی که به یه پیش‏ زمینه شفاف نیاز دارین یا تصاویرتان نوشته دارن از PNG استفاده کنین. چون فرمت JPG با تغییراتی که روی متن اعمال می‏کنه، باعث می‏شه که متن تار شه.

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

دو تصویری که در ادامه نشون داده شده به نظر برابر هستن، اما فرق بزرگی بین اوناس. شکل اول  ۹۹ KBه و به صورت PNG دخیره شده، در حالی که شکل دوم با اندازه ۱۸KB یعنی ۶ برابر کوچیک‏تر و با فرمت یه فایل JPGه.

ذخیره شده به صورت PNG

ذخیره شده به صورت JPG

۱۲- اصلاح خطای ۴۰۴

هروقت کاربر صفحه‏ ای از سایت شما رو درخواست کنه، اما صفحه در سایت شما موجود نباشه، خطای ۴۰۴ رخ می‏ دهد، که این خطا باعث کاهش سرعت بارگذاری سایت می ‏شه.

همیشه سایت‏تون رو چک کنین تا مطمئن شید خطای ۴۰۴ ظاهر نمی‏ شه. وسایل مختلفی واسه تست سرعت سایت هست. یکی از این روش ‏ها واسه آزمایش سرعت سایت، بررسی تک تک درخواست‏ ها هستش که به اون روش آبشاری (waterfall) گفته می‏ شه. وسایل مختلفی هم واسه آزمایش آبشاری سایت هست.

۱۳- مراقب اندازه سایت خود باشین

هر چند بعضی وقتا وسوسه می‏ شید که اندازه زیادی محتوا رو در هر صفحه سایت بذارین؛ اما تلاش کنین اندازه صفحات تا جایی که امکان داره، کوچیک (دست کم) نگه داشته شن.

این موضوع حتی واسه کاربری که از موبایل استفاده می‏ کنه، حیاتی تره. چون بارگذاری یه سایت ۲MB از راه موبایل با اینترنت ۳G فاجعه س.

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

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

۱۴٫ کنترل کردن تعداد نسخه های ارسالی

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

می تونین ار پلاگین Revision Control واسه کنترل نسخه های قدیمی یه نوشته استفاده کنین و بدین روش حجم دیتابیس خود رو کم کنین.

۱۵٫ غیر فعال سازی pingbacks و trackbacks

به طور پیش فرض ورد پرس با سایتای pingbacks و trackbacks در ارتباطه.

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

۱۶- تغییر اندازه تصاویر

هیچوقت تصاویر رو با به کار گیری HTML کوچیک نکنین. با تغییر اندازه عکس با این روش، مدیریت محتوا یا کد‏های قالب، نمی ‏تونن حجم عکس رو کم کنن.

این مورد روی سرعت و حجم سایت تاثیر بسیار زیادی داره. قبل از قرار دادن عکس ‏ها در سایت، اندازه تموم تصاویر رو به اندازه ‏ای که متناسب با سایته، تغییر بدید و بعد در سایت بارگذاری کنین.

مثلا فرض کنین تصویری با اندازه ۱۲۰۰×۶۷۵ پیکسل داریم و می‏ خواهیم تصویری با اندازه ۴۸۰×۲۷۰ پیکسل در سایت بذاریم. اول اندازه عکس رو با نرم ‏افزارهای ویرایش تغییر می ‏بدیم و عکس با اندازه مناسب رو در سایت بارگذاری می‏ کنیم.

۱۷٫ لود کردن تصاویر تا اسکرول صفحه

این یه تکنیکه واسه اینکه تا وقتی که اسکرول صفحه به تصویری نرسیده تصویر مورد نظر لود نشه.

این روش باعث کاهش مصرف پهنای باند شما هم می شه چون تصاویر اضافی واسه کاربر لود نمی شه.

جهت فعال سازی این مورد پلاگین jQuery Image Lazy Load رو نصب کنین.

۱۸- کَش مرورگر

مرورگرها توانایی کش کردن اطلاعات رو دارن. یعنی اگر وارد سایتی شید، فایل‏ های موجود در اون صفحه مانند تصاویر، فایل‏های HTML،CSS و جاوا اسکریپ در حافظه کش مرورگر ذخیره می‏ شن.

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

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

با اضافه کردن کدهای زیر در فایل htaccess. مدت زمان کش مرورگر رو تنظیم کنین.

<!–

<ifmodule mod_expires.c>
ExpiresActive On
ExpiresByType text/html “access plus 7200 seconds”
ExpiresByType image/gif “access plus 864000 seconds”
ExpiresByType image/jpg “access plus 864000 seconds”
ExpiresByType image/png “access plus 864000 seconds”
ExpiresByType text/css “access plus 864000 seconds”
ExpiresByType text/javascript “access plus 864000 seconds”
ExpiresByType application/javascript “access plus 864000 seconds”
</ifmodule>

–>

۱۹- بهینه‏ سازی پایگاه‏ داده (دیتابیس)

وقتی که یه سایت بر اساس پایگاه داده (وردپرس و بقیه سیستم ‏های مدیریت محتوا) دارین، باید پایگاه ‏داده سایت رو بهینه کنین. مخصوصا اگه سایتی با ترافیک بالا یا اندازه بازدید زیاد دارین.

پس به طور دوره ‏ای پایگاه داده ‏های سایت رو بررسی کنین و با بهینه سازی و کاهش حجم داده‏ ها، سرعت اون رو زیاد کنین.

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

هر چند بهینه سازی پایگاه داده ‏ها کاری وقت‏ گیر و بعضی وقتاً مشکله… اما بهترین روش به کار گیری phpMyAdminه. با وارد شدن در کنترل پنل هاست سی پنل، از بخش دیتابیس گزینه phpMyAdmin رو انتخاب کنین.

پس از ورود به محیط phpMyAdmin، دیتابیسی که می‏ خواهید بهینه شه رو انتخاب کنین. phpMyAdmin به وسیله گزینه “optimizing your tables” به شما مواردی رو پیشنهاد می‏ کنه که بهینه سازی اونا مهمه.

۲۰٫ غیر فعال کردنا لینکینگ و به کار گیری مطالب سایت شما

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

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

کد زیر رو در فایل .htaccess خود درج کنین:

disable hotlinking of images with forbidden or custom image option
RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
[RewriteCond %{HTTP_REFERER} !^http(s)?://(www.)?sparringmind.com [NC
[RewriteCond %{HTTP_REFERER} !^http(s)?://(www.)?google.com [NC
[RewriteCond %{HTTP_REFERER} !^http(s)?://(www.)?feeds2.feedburner.com/sparringmind [NC
[RewriteRule .(jpg|jpeg|png|gif)$ – [NC,F,L

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

۲۱ – اضافه کردن هدر انقضاء به آیتمای استاتیک صفحه

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

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

کد چون رو در فایل .htaccess کپی کنین:

ExpiresActive On
ExpiresByType image/gif A2592000
ExpiresByType image/png A2592000
ExpiresByType image/jpg A2592000
ExpiresByType image/jpeg A2592000

زمانای بالا واسه یه ماه هستن می تونین مقدار اون رو تغییر بدید.

کلام آخر

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

رتبه ‏بندی سایت شما در گوگل بالاتر می‏ رود، اندازه تبدیل سایت افزایش می‏ یابد، کاربران از سایت رضایت بیشتری دارن و مدت زمان بیشتری رو در سایت می گذرونن، مطالب غیرمفید سایت کم می ‏شه.

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

منبع: hamyarwp.com – radzad.com

Categories: