چگونه سرعت وب‌سایت وردپرس خود را افزایش دهیم؟

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

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

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

  1. افزونه‌های بدون استفاده را حذف کنید.
  2. سرویس‌دهنده‌های DNS‏ به Cloudflare تبدیل کنید.
  3. یک افزونه Cache نصب کنید.
  4. کدهای خود را فشرده کنید.
  5. فایل‌های CSSو JavaScript را ترکیب کنید.
  6. عوامل مسدود کننده‌ی رندر شدن را حذف کنید.
  7. از لود تنبل برای تصاویر و ویدیو‌ها استفاده کنید.
  8. فونت‌های گوگل را بهینه کنید.
  9. قابلیت پیش بارگذاری را فعال کنید.
  10. از CDN استفاده کنید.
  11. تصاویر خود را بهینه کنید.

 نکته مهم:

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

 

قدم اول.  افزونه‌های بدون استفاده را حذف کنید.

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

 

قدم دوم. سرویس دهنده‌های DNS  را به Cloudflare تغییر دهید.

وبسایت‌ها فایل‌هایی روی هارد درایو هستند که به اینترنت متصل‌اند. هر دستگاهی که به اینترنت متصل باشد یک آدرس IP دارد.

از آنجایی که آدرس‌های IP به سختی قابل حفظ کردن هستند نام دامنه با استفاده از DNS یا Domain Name System به آدرس‌های IP اختصاص داده می‌شود. چیزی شبیه دفتر تلفن برای وب سایت‌ها. هرگاه نام یک دامنه را در مرورگر خود جستجو کنید ‏DNS سرور آدرس IPآن را پیدا خواهد کرد.

اکثر افراد از سرویس دهنده‌های DNS رایگان برای ثبت دامنه‌های خود استفاده می‌کنند که معمولاً سرعت پایینی دارند.

اگر این مسئله در مورد شما صدق می‌کند سرویس دهنده  DNS سریعتری مانند Cloudflare انتخاب کنید.

برای این کار یک اکانت رایگان Cloudflare ایجاد کنید.  بر روی گزینه “Add a site” کلیک کرده و نام دامنه خود را وارد کنید.

سرویس دهنده‌های DNS  را به Cloudflare تغییر دهید

 

“Free Plan” را انتخاب کرده و روی “Confirm Plan” کلیک کنید.  در این مرحله به شما این امکان را می‌دهد تا تنظیمات DNS خود را پیش از ادامه دادن بررسی کنید. اگر هشدار خاصی مشاهده نمی کنید می‌‌توانید ادامه دهید.

در آخر باید نام سرور خود را با ثبت دامنه عوض کنید. روش انجام این کار برای ثبت‌های مختلف متنوع است بنابراین  در صورت عدم اطمینان از روش انجام کار از پشتیبانی  کمک بخواهید.

آموزش نحوه افزایش سرعت وردپرس

قدم سوم.  افزونه Cache نصب کنید.

Caching فرآیندی است که فایل‌ها را به صورت موقت ذخیره میکند تا ارائه آنها به بازدیدکننده بهتر صورت گیرد که دو نوع اصلی دارد:

  • Caching مرورگر: فایل‌های رایج را مانند لوگو‌ها بر روی هارد درایو کاربر ذخیره می‌کند تا نیاز به دانلود مجدد آن‌ها در بازدیدهای بعدی نباشد.
  • Caching سرور: نسخه ساختاریافته و ثابتی از صفحه را بر روی سرور ذخیره می‌کند تا نیازی به بازسازی مجدد آن هر بار که یک بازدیدکننده جدید درخواست می‌دهد نباشد.

WPRocket فعال کردن قابلیت Caching را آسان‌تر میکند.  تنها باید این نرم افزار را بخرید نصب کنید و فعال کنید.Caching  پایه (مرور گر و سرور) به صورت پیش فرض فعال است.  اگر سایت شما پاسخگوست به تنظیمات Cache رفته و گزینه “Caching for mobile devices” را فعال کنید.

افزونه Cache نصب کنید

راهکار رایگان: استفاده‌ از W3 Total Cache

قدم چهارم.  کدهای خود را فشرده کنید.

فشرده کردن کد‌ها منجر به کاهش Whitespace  و کامنت‌های کد میشود. بدین شکل حجم فایل‌ها کاهش می‌یابد. حجم کمتر فایل‌ها منجر به بارگذاری سریع‌تر آنها می‌شود.

که البته این نکته در سئو سایت فروشگاهی ذکر شده است

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

اگر از WPRocket استفاده می‌کنید گزینه‌های مرتبط با فشرده کردن CSS و JavaScript را در قسمت تنظیمات فعال کنید.

چطور باید سرعت وردپرس را بیشتر کرد؟

اگر از WPRocket استفاده نمی‌کنید، Autoptimize را نصب و فعال کنید.

به خاطر داشته باشید که باید همیشه افزونه‌های جدید قبل از اضافه کردن به سایت اصلی آزمایش کنید.  در بسیاری از موارد مخصوصا در JavaScript فشرده کردن کد می‌تواند منجر به کدهای اشتباه شود.

 

 

قدم پنجم. فایل‌های CSS و JavaScript را ترکیب کنید.

بیشتر وب سایت‌های وردپرس فایل‌های متعدد CSS و JavaScript را شامل می‌شوند. برخی از آنها مربوط به تم و برخی مربوط به افزونه‌ها هستند.

ترکیب کردن این فایل‌ها می‌تواند باعث افزایش سرعت شود. البته این بستگی به تنظیمات سرور شما دارد.

در HTTP/1.1  فایل‌های CSS و JavaScript به شکل متوالی بارگذاری می‌شوند. این به این معنی که یک فایل باید به طور کامل بارگذاری شود  تا بارگذاری فایل بعدی شروع شود.

در HTTP/2 فایل‌ها به صورت همزمان و یکجا بارگذاری می‌شوند. این به این معنی است که بارگذاری فایل‌های متعدد CSS و JavaScript میتواند به صورت همزمان شروع شود.

اگر سرور شما از HTTP/1.1 استفاده می‌کند، ترکیب کردن فایل‌ها می‌تواند منجر به افزایش سرعت قدرت شود. زیرا فایل‌های کمتری نیاز به بارگذاری دارند. اگر از HTTP/2 استفاده می‌کند ترکیب کردن فایل‌ها ضرورتا تغییری ایجاد نخواهد کرد. زیرا فایل‌ها به هر حال به صورت همزمان بارگذاری شوند.

برای اینکه ببینید سایت شما از کدام نسخه استفاده می‌کند دامنه خود را در Key DNS’s tester وارد کنید.

فایل‌های CSS و JavaScript را ترکیب کنید

اگر توسط HTTP/2 پشتیبانی نمی شود، ترکیب کردن فایل‌های CSS و JavaScript می‌تواند موثر باشد.

برای انجام این کار در WPRocket گزینه “Combine JavaScript files”  و “Combine CSS files” را در قسمت تنظیمات فعال کنید.

مراحل افزایش سرعت وردپرس

اگر از Autoptimize استفاده می‌کنید، دو گزینه برای فشرده کردن فایل‌ها وجود دارد.  توجه کنید این کار ممکن است در برخی از موارد منجر به بروز اشکالاتی در سایت شما شود. بنابراین بهتر است مجدداً سایت خود و عملکردهای آن را پس از انجام تغییرات چک کنید. همچنینCache  را  از قبل پاک نموده و تغییرات را در یک پنجره ناشناس چک کنید. در غیر این صورت ممکن است تغییرات برای شما نمایش داده نشود.

قدم ششم. عوامل مسدود کننده‌ی رندر شدن را حذف کنید.

رندر شدن فرآیند تبدیل کد به صفحه وب سایت قابل مشاهده است. کلمه کلیدی در اینجا “قابل مشاهده” است زیرا لازم نیست یک صفحه وب  به شکل کامل بارگذاری شود تا قابل مشاهده باشد. اولویت بارگذاری با محتواهای بالای صفحه یا “Above the fold” می‌باشد.

می‌توانید این کار را از طریق تاخیر انداختن بارگذاری فایل‌های CSS و JavaScript که اصلی نبوده و برای محتواهای پایین صفحه هستند انجام دهید.

برای انجام این کار در WPRocket گزینه‌های “Load JavaScript deferred” و “Optimize CSS delivery.” را فعال کنید.

عوامل مسدود کننده‌ی رندر شدن را حذف کنید

اگر از WPRocket استفاده نمی‌کنید به دو افزونه نیاز دارید: Autoptimize  و Async JavaScript

در قسمت تنظیمات Autoptimize گزینه “Inline and Defer CSS.” را فعال و سپس در تنظیمات Async JavaScript گزینه “Enable Async JavaScript را  انتخاب کنید.

اگر در PageSpeed Indights خطای “eliminate render-blocking resources”  دریافت کرده‌اید با انجام این کارها احتمالا مشکل برطرف خواهد شد.

افزونه‌های مرتبط برای افزایش سرعت وردپرس

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

بارگذاری تنبل سرعت را با به تعویق انداختن بارگذاری تصاویر و ویدیو‌ها تا زمانی که در صفحه نمایش دیده شود بهبود می‌بخشد.‌ اگر از WordPress 5.5+ استفاده می‌کنید بارگذاری تنبل برای تصاویر به صورت پیش فرض فعال است. اما برای ویدیو‌ها اینگونه نیست.

اگر از  WPRocket استفاده می‌کنید این مسئله را با فعال کردن گزینه “Enable for iframes and videos” در قسمت تنظیمات بارگذاری تنبل برطرف کنید.

از لود تنبل برای تصاویر و ویدیو‌ها استفاده کنید

اگر از WPRocket استفاده نمی کنید افزونه رایگان  Lazy Load for Videos همین کار را برای شما انجام می‌دهد.

 

 

قدم هشتم. فونت‌های گوگل را بهینه کنید.

بسیاری از تم‌ها از فونت‌های گوگل استفاده می‌کنند. این فونت‌ها با هر بازدید از وبسایت شما باید از سرورهای گوگل دانلود شوند.  این می‌تواند یک فرایند زمان بر باشد. زیرا سرور شما باید درخواست http بدهد یک فایل CSS را دانلود کند. سپس فونت را از موقعیت ذکر شده در Stylesheet دانلود کند.  این کار باید برای هر فونت مورد استفاده در صفحه انجام شود.

اگر از WPRocket استفاده می‌کنید به صورت خودکار درخواست‌های فونت‌های گوگل را بهینه می‌سازد. در غیر این صورت  استفاده از Swap Google Fonts Display می‌تواند راهکار خوبی باشد.

قدم نهم. قابلیت پیش بارگذاری را فعال کنید.

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

برای مثال در نظر بگیرید که شما کد شبیه به کد زیر دارید:

<html>

<head>

<script type=”text/javascript” src=”somefile.js”></script>

<link rel=”stylesheet” href=”/style.css”>

</head>

<body>

Content

</body>

</html>

فایل‌های JavaScript باید با توجه به سلسله مراتب زودتر بارگذاری شود که مطلوب نیست. زیرا فایل‌های CSS  معمولا از اهمیت بیشتری نسبت به فایل‌های JavaScript برخوردارند.

راحت ترین راه برای حل این مسئله اضافه کردن یک خط کد مانند خط زیر است:

<link rel=”preload” href=”/style.css” as=”style”>

این کار باعث می‌شود تا مرورگر‌ها فایل‌های CSS را  علیرغم سلسله مراتب نسبت به فایل‌های JavaScript در اولویت قرار دهند.

می‌شود attribute‌های پیش بار گذاری را به صورت دستی با ویرایش کد اضافه کرد. اما این کار می‌تواند پیچیده باشد. مگر اینکه به کار خود تسلط داشته باشید. نصب WPRocket که به صورت خودکار این کار را انجام می‌دهد بسیار راحت‌تر است.

 

قدم دهم‌. از یک‌ CDN استفاده کنید تا سرعت وردپرس افزایش یابد

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

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

سرویس دهنده‌های CNS بسیاری وجود دارند. بنابراین تنها کاری که باید انجام دهید انتخاب یکی از آن‌هاست. سپس آن را در WPRocket فعال کرده و CNAME را وارد کنید.

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

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

بارگذاری تنبل بسیاری از مشکلات مرتبط با تصاویر را را برطرف می‌کند. اما کمکی به تصاویری که در قسمت بالای صفحه بارگزاری می‌شوند نمی کند. هرچقدر این تصاویر بزرگتر باشند تاثیر منفی بیشتری بر زمان بارگذاری می‌گذارند.

تصاویر خود را با استفاده از افزونه‌ای مانند Shortpixel فشرده کنید. آن را نصب کنید و وارد کنید. در ادامه در قسمت تنظیمات کد API خود را وارد کنید. سپس بر روی “Save and Go to Bulk Process” و “Restart optimizing.” کلیک کنید.‌

بهینه سازی تصاویر برای افزایش سرعت وردپرس

اگر کیفیت تصاویر بسیار کاهش پیدا کرد به قسمت تنظیمات رفته و فشرده سازی را به glossy یا lossless تغییر دهید.

فشرده سازی تصاویر

سخن آخر

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

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

 

چه قدر این پست برای شما مفید بوده؟

بر روی ستاره ها جهت رای دادن کلیک کنید!

متوسط امتیاز 5 / 5. تعداد رای: 3

اولین نفر در رای دادن باشید

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

تماس بگیرید!