خانه / شرکت طراحی سایت / ۱۶ راهکار برای افزایش سرعت وبسایت وردپرسی

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

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

افزایش سرعت وبسایت، راه‌حل تضمین شده‏‌ای برای بالا بردن میزان ترافیک سایت و افزایش میزان فروش است. گوگل در سال ۲۰۱۰ در گزارشی تایید کرد که سرعت سایت، یکی از ۲۰۰۰ شاخصی است که در رتبه‏‌بندی سایت تاثیر دارد. هرگاه سرعت بارگذاری صفحات سایت کم باشد، کاربران زمان کمتری را در آن خواهند گذراند و در نتیجه کارایی سایت کاهش می‏‌یابد.
حتی با دانستن این نکته هم، تعدادی کمی از ما به افزایش سرعت وبسایت‏مان اهمیت می‌‏دهیم. به عنوان مثال اگر بارگذاری صفحات سایت شما بیشتر از ۳ ثانیه زمان می‏‌برد یا اندازه صفحات آن بزرگ‏تر از ۲MB است، شما یک مشکل بزرگ دارید و از نظر مالی ضرر خواهید کرد. زیرا در این شرایط، بخاطر کم بازدید بودن سایت، فروش خوبی نخواهید داشت و از طرفی هزینه‏‌های زیادی بخاطر سرور پرداخت می‏‌کنید.

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

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

۱- استفاده از عملیات فشرده‌‏سازی

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

برای فشرده کردن فایل‏‌های استاتیک (تصاویر، CSS و جاوا اسکریپ)، کافیست فقط کدهای پایین را به فایل htaccess خود اضافه کنید.

</pre>
<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 دارند. برای تغییر اندازه تصاویر می‌‏توانید از فتوشاپ یا هر نرم‏‌افزار ویرایش دیگری استفاده کنید. پس از ویرایش، تصاویر را با کیفیت بالای ۶۰% ذخیره کنید.
همچنین می‌‏توانید از قابلیت 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- افزایش سرعت وبسایت

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

پلاگین‏‌های رایگانی مانند 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

image saved-افزایش سرعت وبسایت

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

دخیره شده به صورت PNG- افزایش سرعت وبسایت

 

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

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

در شکل زیر یک نمودار آبشاری دیده می‌‏شود که ردیف‌‏های قرمز نشان دهنده خطای ۴۰۴ هستند. همانطور که در شکل می‏‌بینید، این خطا زمان بارگذاری سایت را به میزان قابل ملاحظه‏‌ای افزایش داده است.

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

اگر چه گاهی وسوسه می‏‌شوید که میزان زیادی محتوا را در هر صفحه سایت قرار دهید؛ اما سعی کنید اندازه صفحات تا جایی که امکان دارد، کوچک (حداقل) نگه داشته شوند. این موضوع حتی برای کاربری که از موبایل استفاده می‏‌کند، حیاتی‌تر است. چون بارگذاری یک سایت ۲MB از طریق موبایل با اینترنت ۳G فاجعه است. این نکته را هم در نظر داشته باشید که کاربران دوست ندارند، برای باز شدن یک صفحه، بیشتر از دو یا سه ثانیه منتظر بمانند.
اگر تصویر جدیدی که می‏‌خواهید به سایت اضافه کنید، تاثیری در ارزش محتوای سایت ندارد، این کار را نکنید و سایت را مانند سایت زیر تا حد ممکن ساده نگه دارید.

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

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

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

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

مرورگرها قابلیت کش کردن اطلاعات را دارند. بدین معنی که چنانچه وارد وبسایتی شوید، فایل‏‌های موجود در آن صفحه مانند تصاویر، فایل‏های 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” به شما مواردی را پیشنهاد می‏‌کند که بهینه‌سازی آنها مهم است.

optimize- افزایش سرعت وبسایت

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

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

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

۱۶- استخدام متخصص

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

نتیجه‌گیری

زمانی که شما سرعت سایت خود را افزایش می‏‌دهید، فاکتورهای دیگری نیز بهبود داده می‏‌شوند. رتبه‌‏بندی سایت شما در گوگل بالاتر می‏‌رود، نرخ تبدیل سایت افزایش می‏‌یابد، کاربران از سایت رضایت بیشتری خواهند داشت و مدت زمان بیشتری را در سایت سپری خواهند کرد، مطالب غیرمفید سایت کم می‌‏شود و تمام این موارد باعث می‏‌شوند که از طریق سایت، فروش بیشتری داشته باشید.

ترجمه و تهیه توسط سرکار خانم سمیه زارع

نوشته ۱۶ راهکار برای افزایش سرعت وبسایت وردپرسی اولین بار در همیاروردپرس پدیدار شد.


منبع: همیار وردپرس

Check Also

چک لیست کامل سئوی وردپرس در سال ۱۳۹۷

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