SHET22

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

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

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

قبل از شروع یادتون باشه که هیچ تنظیم جادویی برای همه سایت‌ها وجود نداره. فروشگاه ووکامرسی، وبلاگ و سایت شرکتی هرکدوم شرایط متفاوتی دارن. پس از سایتتون بکاپ بگیرید، هر بار فقط یک تغییر انجام بدید و بعد نتیجه رو دوباره آزمایش کنید. هدف فقط گرفتن امتیاز بالا نیست؛ سایت باید برای کاربر واقعی سریع، پایدار و قابل‌استفاده باشه.

آنچه در این مقاله می‌خوانید

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

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

  • تجربه بهتر کاربر: بازدیدکننده سریع‌تر به محتوا، محصول یا فرم موردنظرش می‌رسه.
  • کمک به فروش: مسیر دیدن محصول تا پرداخت روان‌تر می‌شه و وقفه‌های آزاردهنده کمتر می‌شن.
  • کمک به سئو: سرعت و Core Web Vitals، یعنی معیارهای گوگل برای سنجش کیفیت بارگذاری و کارکرد صفحه، بخشی از تجربه صفحه هستن. بااین‌حال، محتوای مفید و مرتبط همچنان اهمیت اصلی رو داره.
  • مصرف کمتر منابع: بهینه‌سازی درست فشار روی سرور و حجم دانلود کاربر رو کمتر می‌کنه.

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

قبل از شروع، سرعت سایتتون رو درست بررسی کنید

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

تست سرعت با PageSpeed Insights

برای تست سرعت با PageSpeed Insights وارد PageSpeed Insights بشید، نشانی کامل صفحه رو وارد کنید و روی دکمه تحلیل بزنید. نتیجه موبایل و دسکتاپ رو جدا ببینید. بخش Opportunities چند پیشنهاد برای بهبود می‌ده، ولی لازم نیست همه پیشنهادها رو بدون بررسی اجرا کنید.

تست سرعت با PageSpeed Insights
تست سرعت با PageSpeed Insights

تفاوت داده آزمایشگاهی با تجربه واقعی کاربر

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

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

آشنایی ساده با معیارهای LCP، INP و CLS

  • LCP: مدت‌زمانی رو نشون می‌ده که طول می‌کشه بخش اصلی قابل‌دیدن صفحه، مثل تصویر شاخص یا تیتر بزرگ، نمایش داده بشه.
  • INP: بررسی می‌کنه صفحه بعد از کلیک، لمس یا تایپ کاربر با چه سرعتی واکنش نشون می‌ده.
  • CLS: میزان جابه‌جایی ناگهانی اجزای صفحه موقع بارگذاری رو می‌سنجه. پریدن دکمه یا متن نمونه‌ای از همین مشکل هست.

این سه مورد با نام Core Web Vitals شناخته می‌شن. توضیح کامل و معیارهای فعلی اون‌ها توی راهنمای رسمی گوگل درباره Core Web Vitals در دسترسه.

بررسی TTFB و زمان پاسخ سرور

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

ثبت نتیجه اولیه برای مقایسه بعد از بهینه‌سازی

نشانی صفحه، تاریخ، نتیجه موبایل و دسکتاپ، LCP، INP یا زمان مسدودشدن در آزمایش، CLS و TTFB رو یادداشت کنید. هر تست رو چند بار انجام بدید و نتیجه معمول رو نگه دارید. بعد از هر تغییر، همون صفحه رو با دستگاه و موقعیت مشابه دوباره آزمایش کنید.

قبل از هر تغییری از سایت نسخه پشتیبان بگیرید

تنظیم کش، حذف جدول‌های پایگاه داده یا تغییر روش بارگذاری JavaScript ممکنه روی ظاهر و امکانات سایت اثر بذاره. قبل از شروع یک بکاپ کامل از فایل‌ها و پایگاه داده بگیرید. مطمئن بشید روش بازیابی بکاپ رو هم بلدید؛ داشتن فایل پشتیبان بدون امکان برگردوندن اون کافی نیست.

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

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

نشونه‌های کند بودن هاست

اگه TTFB بیشتر صفحه‌ها بالاست، پیشخوان بدون دلیل مکث می‌کنه، خطاهای کمبود منابع می‌بینید یا سایت در ساعت‌های شلوغ کند می‌شه، هاست می‌تونه یکی از علت‌ها باشه. قبل از جابه‌جایی، گزارش مصرف CPU، حافظه، فضای ذخیره‌سازی و تعداد پردازش‌ها رو از پشتیبانی هاست بگیرید.

ویژگی‌های مهم یک هاست مناسب وردپرس

هاست مناسب باید منابع کافی، فضای ذخیره‌سازی سریع، نسخه پشتیبانی‌شده PHP، گواهی SSL، بکاپ منظم و پشتیبانی آشنا با وردپرس داشته باشه. محل سرور هم بهتره به بیشتر بازدیدکننده‌های سایتتون نزدیک باشه. برای شناخت مدل‌های مختلف میزبانی، راهنمای انتخاب هاست مناسب برای سایت رو ببینید.

موقع ارتقای هاست به چه چیزهایی توجه کنید؟

فقط به عبارت‌هایی مثل فضای نامحدود تکیه نکنید. محدودیت CPU، حافظه، تعداد پردازش هم‌زمان، نوع فضای ذخیره‌سازی، امکانات کش، محل دیتاسنتر، شرایط بکاپ و کیفیت پشتیبانی رو بررسی کنید. بعد از انتقال هم سرعت، ایمیل‌ها، فرم‌ها، پرداخت و وظایف زمان‌بندی‌شده رو آزمایش کنید.

کش وردپرس چیه و چطور سرعت سایت رو بیشتر می‌کنه؟

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

کش صفحه، کش مرورگر و کش سرور به زبان ساده

  • کش صفحه: نسخه آماده HTML صفحه رو نگه می‌داره.
  • کش مرورگر: فایل‌هایی مثل تصویر، فونت و CSS رو مدتی روی دستگاه کاربر نگه می‌داره.
  • کش سرور: بخشی از پردازش‌ها یا نتیجه درخواست‌ها رو نزدیک‌تر به لایه سرور ذخیره می‌کنه.
  • Object Cache: نتیجه بعضی درخواست‌های پایگاه داده رو نگه می‌داره تا وردپرس مجبور نباشه اون‌ها رو مرتب تکرار کنه.

انتخاب افزونه کش مناسب

اول ببینید شرکت هاست چه سیستم کشی داره. بعضی هاست‌ها افزونه یا تنظیمات اختصاصی خودشون رو پیشنهاد می‌کنن. اگه چنین امکانی ندارید، افزونه‌ای انتخاب کنید که با سرور، قالب و ووکامرس سایتتون سازگار باشه. مقاله بهترین افزونه افزایش سرعت وردپرس برای مقایسه گزینه‌ها کمکتون می‌کنه.

راه‌اندازی کش با W3 Total Cache یا WP Super Cache

W3 Total Cache تنظیمات گسترده‌ای داره و برای کاربرهایی مناسبه که می‌خوان بخش‌های مختلف کش رو کنترل کنن. WP Super Cache برای ساخت نسخه کش‌شده صفحه‌ها گزینه ساده‌تریه.

افزونه موردنظرتون رو از بخش «افزونه‌ها ← افزودن» نصب کنید. اول فقط کش صفحه رو فعال کنید، کش رو پاک کنید و صفحه‌های مهم رو در حالت ناشناس مرورگر ببینید. بعد قابلیت‌های دیگه مثل کش مرورگر یا کوچک‌سازی فایل‌ها رو یکی‌یکی امتحان کنید.

چرا نباید چند افزونه کش مشابه رو هم‌زمان فعال کنید؟

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

کش اختصاصی هاست و افزونه Speed Optimizer

اگه سایتتون روی SiteGround میزبانی می‌شه، افزونه Speed Optimizer با کش و امکانات اختصاصی همین سرویس هماهنگه. بعضی قابلیت‌ها مثل کش پویا و Memcached فقط روی زیرساخت SiteGround کار می‌کنن. برای هاست‌های دیگه از ابزار پیشنهادی همون میزبان استفاده کنید.

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

افزونه رخش
افزونه رخش

رخش، افزونه افزایش سرعت وردپرس، به‌دست تیم میهن وردپرس طراحی شده و در حال حاضر روی سایت میهن وردپرس هم ازش استفاده می‌کنیم. این افزونه فقط یک ابزار کش ساده نیست؛ قابلیت‌های مربوط به کش، تصاویر، فایل‌های CSS و JavaScript، ووکامرس، CDN و پایش سرعت رو توی یک پنل فارسی کنار هم میاره.

وجود این همه گزینه به این معنی نیست که باید همه اون‌ها رو یک‌جا روشن کنید. بهتره اول از سایتتون بکاپ بگیرید، نتیجه فعلی سرعت رو ثبت کنید و هر قابلیت رو جدا فعال و آزمایش کنید. بعضی امکانات پیشرفته هم به سرویس یا تنظیم مناسب روی هاست نیاز دارن.

کش سریع و سازگار با صفحه‌های پویا

رخش می‌تونه نسخه کامل و آماده HTML صفحه‌ها رو کش کنه. عمر کش هم قابل تنظیمه و کش مرورگر با مقدار max-age، کش جداگانه موبایل، فشرده‌سازی Gzip و کش PHP رو در اختیارتون می‌ذاره. بعد از پاک‌سازی کش هم قابلیت گرم‌سازی خودکار و خزنده نقشه سایت کمک می‌کنن صفحه‌ها دوباره از قبل آماده بشن.

  • کش کامل صفحه با HTML استاتیک و پاک‌سازی دستی یا خودکار
  • تنظیم عمر کش، کش مرورگر، کش جداگانه موبایل و فشرده‌سازی Gzip
  • کش PHP و گرم‌سازی صفحه‌ها با خزنده نقشه سایت
  • مستثناکردن آدرس‌ها، کوکی‌ها، کاربران واردشده و صفحه‌های میهن‌پنل
  • عبور خودکار صفحه‌های حساس ووکامرس مثل سبد خرید، تسویه‌حساب و ورود از کش

بهینه‌سازی تصاویر، CSS و JavaScript

در بخش تصاویر می‌تونید فایل‌های JPG، PNG، GIF و BMP رو به WebP یا AVIF تبدیل کنید، کیفیت خروجی رو کنترل کنید و اطلاعات اضافی EXIF و IPTC رو بردارید. رخش ابعاد تصاویر رو هم به‌صورت خودکار اضافه می‌کنه و برای تصاویر، آی‌فریم‌ها و ویدیوهای دارای پیش‌نمایش قابلیت بارگذاری تنبل داره.

برای فایل‌های سایت هم امکان کوچک‌سازی CSS، JavaScript و HTML فراهم شده. حذف CSS بلااستفاده، بارگذاری تأخیری CSS و JavaScript، تأخیر jQuery یا اجرای JavaScript بعد از تعامل کاربر هم در دسترسه. قابلیت font-display: swap کمک می‌کنه متن موقع دریافت فونت مخفی نمونه. چون این تنظیم‌ها ممکنه با قالب یا بعضی افزونه‌ها تداخل پیدا کنن، بعد از فعال‌کردن هرکدوم منوها، فرم‌ها، اسلایدرها و پرداخت رو بررسی کنید.

امکانات پیشرفته، ووکامرس و پایش سرعت

رخش برای کم‌کردن درخواست‌های غیرضروری می‌تونه گراواتار، فونت‌های گوگل، ایموجی وردپرس، oEmbed، فایل comment-reply.js و CSS بلاک‌های گوتنبرگ رو غیرفعال کنه. تنظیم Heartbeat، پیش‌بارگذاری فونت، dns-prefetch، preconnect و پیش‌واکشی لینک با هاور هم توی همین بخش قرار دارن. این اصطلاح‌ها در عمل به مرورگر می‌گن بعضی اتصال‌ها یا فایل‌های مهم رو زودتر آماده کنه.

  • CDN: یکپارچگی با Cloudflare و بازنویسی آدرس فایل‌ها برای CDN
  • ووکامرس: بهینه‌سازی فایل‌ها، غیرفعال‌سازی ردیابی و فایل‌های بلاک و مدیریت کش صفحه‌های فروشگاه
  • سرور و پایگاه داده: کش آبجکت با Redis، گرم‌کردن OPcache موقع فعال‌سازی و بهینه‌سازی زمان‌بندی‌شده پایگاه داده
  • عیب‌یابی: تشخیص وب‌سرور، پنل بررسی کش، پایش کوئری‌های کند و کنترل ارتباط‌های خروجی
  • گزارش‌ها: داشبورد آمار، PageSpeed، تحلیل ساختاری سایت و گزارش Core Web Vitals
  • تنظیم سرور: تولید خودکار قوانین nginx و .htaccess و امکان مسدودکردن هاست‌های کند یا دارای تایم‌اوت

پنل مدیریت رخش به‌صورت بومی کار می‌کنه و برای بازشدن پنل به CDN وابسته نیست. بااین‌حال، قابلیت‌هایی مثل Redis، OPcache، قوانین nginx یا .htaccess به نوع وب‌سرور و امکانات هاستتون بستگی دارن. قبل از فعال‌کردن این گزینه‌ها، سازگاری سرور رو بررسی کنید یا از پشتیبانی هاست کمک بگیرید.

رخش رو چطور با خیال راحت راه‌اندازی کنید؟

  1. از فایل‌ها و پایگاه داده سایتتون بکاپ کامل بگیرید.
  2. افزونه‌های کش یا بهینه‌سازی مشابه رو بررسی کنید تا یک قابلیت از دو جا فعال نباشه.
  3. اول کش صفحه رو فعال کنید و صفحه‌های عمومی، ورود، سبد خرید و تسویه‌حساب رو آزمایش کنید.
  4. بهینه‌سازی تصاویر و فایل‌ها رو یکی‌یکی روشن کنید و بعد از هر تغییر ظاهر و امکانات سایت رو ببینید.
  5. در پایان، تست PageSpeed Insights رو دوباره انجام بدید و نتیجه رو با تست اولیه مقایسه کنید.

می‌تونید آموزش گام‌به‌گام راه‌اندازی رخش رو در مقاله «آموزش تنظیمات افزونه رخش» ببینید.

بهینه‌سازی تصاویر برای بارگذاری سریع‌تر

انتخاب اندازه درست قبل از آپلود

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

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

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

انتخاب بین WebP، AVIF، JPEG و PNG

  • WebP: برای خیلی از عکس‌ها و تصویرهای وب حجم مناسبی می‌ده و پشتیبانی مرورگر خوبی داره.
  • AVIF: در بعضی تصاویر حجم کمتری می‌ده، ولی زمان تبدیل و نتیجه کیفیت باید آزمایش بشه.
  • JPEG: برای عکس‌هایی که شفافیت نمی‌خوان انتخاب شناخته‌شده‌ایه.
  • PNG: برای تصویر شفاف یا بعضی گرافیک‌ها مناسبه، ولی عکس‌های PNG ممکنه خیلی حجیم بشن.

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

تصاویر واکنش‌گرا و کاربرد srcset

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

بارگذاری تنبل تصاویر خارج از صفحه

Lazy Load یا بارگذاری تنبل یعنی تصویر پایین صفحه وقتی دانلود بشه که کاربر به نزدیکی اون می‌رسه. این کار حجم بارگذاری اولیه رو کمتر می‌کنه. تصویر اصلی بالای صفحه رو تنبل نکنید؛ چون ممکنه نمایش مهم‌ترین محتوای صفحه دیرتر بشه.

تعیین width و height برای جلوگیری از جابه‌جایی صفحه

وقتی عرض و ارتفاع تصویر مشخص باشه، مرورگر قبل از دانلود تصویر فضای اون رو کنار می‌ذاره. در نتیجه متن و دکمه‌ها کمتر جابه‌جا می‌شن و CLS بهتر می‌شه. تصویرهای درج‌شده با ابزار استاندارد وردپرس معمولاً این اطلاعات رو دارن.

کاهش حجم CSS و JavaScript بدون خراب شدن سایت

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

قالب و افزونه‌ها ممکنه فایل‌هایی رو در همه صفحه‌ها بارگذاری کنن، حتی وقتی قابلیت مربوط به اون فایل استفاده نمی‌شه. گزارش PageSpeed Insights و ابزار Coverage در DevTools مرورگر سرنخ می‌دن، ولی حذف کد فقط بر اساس درصد گزارش خطرناکه. اول مشخص کنید فایل به کدوم افزونه یا بخش قالب مربوطه.

کوچک‌سازی فایل‌های CSS و JavaScript

Minify یا کوچک‌سازی، فاصله‌ها و بخش‌های غیرضروری فایل رو حذف می‌کنه تا حجم دانلود کمتر بشه. این قابلیت رو برای CSS و JavaScript جدا فعال کنید و بعد منو، اسلایدر، فرم، جست‌وجو و پرداخت رو آزمایش کنید. اگه مشکلی دیدید، قابلیت رو غیرفعال کنید یا فایل مشکل‌دار رو از بهینه‌سازی کنار بذارید.

بارگذاری دیرتر اسکریپت‌های غیرضروری

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

Critical CSS چیه و چه کمکی می‌کنه؟

Critical CSS یعنی بخش کوچکی از CSS که برای نمایش قسمت بالای صفحه لازمه. این کد زودتر بارگذاری می‌شه و بقیه استایل‌ها بعداً می‌رسن. تولید نادرست اون ممکنه باعث نمایش لحظه‌ای صفحه بدون استایل بشه، پس چند نوع صفحه رو بعد از فعال‌سازی ببینید.

چرا ترکیب همه فایل‌ها همیشه انتخاب خوبی نیست؟

توی اتصال‌های جدید مثل HTTP/2، مرورگر چند فایل رو روی یک اتصال دریافت می‌کنه. ترکیب همه فایل‌ها ممکنه یک فایل بزرگ بسازه که حتی برای صفحه‌های ساده هم دانلود بشه. حذف کد بدون استفاده و بارگذاری فقط فایل‌های لازم هر صفحه معمولاً از یکی‌کردن کورکورانه همه فایل‌ها منطقی‌تره.

بررسی دوباره ظاهر و امکانات سایت بعد از هر تغییر

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

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

شناسایی افزونه‌های سنگین و تکراری

تعداد افزونه به‌تنهایی معیار دقیقی نیست. یک افزونه ضعیف ممکنه از چند افزونه سبک فشار بیشتری بسازه. دنبال قابلیت‌های تکراری بگردید؛ مثلاً دو افزونه کش، چند ابزار آمار یا چند افزونه امنیتی با بررسی‌های مشابه. افزونه مشکوک رو اول در سایت آزمایشی غیرفعال کنید و نتیجه رو بسنجید.

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

افزونه غیرفعال سرعت صفحه عمومی رو لزوماً کم نمی‌کنه، ولی نگه‌داشتن ابزارهای بی‌استفاده سطح نگهداری و ریسک امنیتی رو بیشتر می‌کنه. افزونه‌ها و قالب‌هایی رو که واقعاً لازم ندارید حذف کنید. قبل از حذف، تنظیمات یا داده‌ای رو که بعداً لازم دارید ذخیره کنید و یک قالب پیش‌فرض سالم رو برای عیب‌یابی نگه دارید.

جایگزینی قابلیت‌های سنگین با گزینه‌های سبک‌تر

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

کاهش اسکریپت‌های تبلیغاتی، آماری و شبکه‌های اجتماعی

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

بهینه‌سازی پایگاه داده وردپرس

پاک‌سازی رونوشت نوشته‌ها، پیش‌نویس‌ها و داده‌های موقت

وردپرس رونوشت نوشته‌ها، پیش‌نویس خودکار، دیدگاه‌های هرزنامه و داده‌های موقت یا Transient ذخیره می‌کنه. پاک‌سازی کنترل‌شده این موارد حجم پایگاه داده رو کمتر می‌کنه، ولی قرار نیست هر روز انجام بشه. قبل از پاک‌سازی بکاپ بگیرید و موارد انتخاب‌شده رو دقیق بخونید.

حذف جدول‌های باقی‌مونده از افزونه‌های قدیمی

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

زمان‌بندی پاک‌سازی بدون آسیب به اطلاعات سایت

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

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

CDN چیه و چه زمانی به کارتون میاد؟

CDN یا شبکه توزیع محتوا، نسخه‌ای از فایل‌های ثابت سایت مثل تصویر، CSS و JavaScript رو روی چند سرور نگه می‌داره. کاربر فایل رو از موقعیت نزدیک‌تری می‌گیره و فشار روی سرور اصلی کمتر می‌شه. اگه کاربرهاتون در چند منطقه پراکنده هستن یا فایل‌های زیادی دارید، CDN بیشتر به کارتون میاد.

معیارهای انتخاب CDN مناسب

  • موقعیت کاربران و نقاط حضور سرویس
  • هماهنگی با هاست و گواهی SSL
  • روش پاک‌کردن کش و مدیریت فایل‌های تازه
  • امکانات امنیتی و محدودیت مصرف
  • کیفیت پشتیبانی و هزینه متناسب با ترافیک

برای بررسی انتخاب‌های مناسب داخل و خارج ایران می‌تونید مقاله از کدام CDN استفاده کنیم؟ رو هم بخونید.

راه‌اندازی CDN با Cloudflare، Bunny CDN یا سرویس هاست

Cloudflare از راه تغییر DNS جلوی سایت قرار می‌گیره و قابلیت‌های CDN و امنیتی ارائه می‌ده. Bunny CDN معمولاً با ساخت Pull Zone و وصل‌کردن نشانی فایل‌ها راه‌اندازی می‌شه. بعضی شرکت‌های هاست هم CDN داخلی دارن که از پنل میزبانی فعال می‌شه.

مراحل دقیق هر سرویس فرق داره. قبل از تغییر DNS، مقدارهای فعلی رو ذخیره کنید. بعد از راه‌اندازی، بازشدن سایت با HTTPS، فایل‌های تصویر، ورود وردپرس و صفحه پرداخت رو بررسی کنید.

پاک کردن کش CDN بعد از تغییر فایل‌ها

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

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

کاهش تعداد فونت‌ها و وزن‌های غیرضروری

هر خانواده و وزن فونت می‌تونه فایل جداگانه‌ای داشته باشه. اگه فقط وزن معمولی و بولد استفاده می‌کنید، فایل‌های نازک، خیلی ضخیم یا ایتالیک رو بارگذاری نکنید. فونت آیکون بزرگ رو هم با آیکون‌های SVG لازم جایگزین کنید؛ البته قبلش سازگاری با قالب رو بسنجید.

استفاده درست از فونت محلی و preload

فونت محلی از سرور یا CDN خودتون بارگذاری می‌شه و کنترل بیشتری بهتون می‌ده. فقط فونتی رو preload کنید که در بخش ابتدایی صفحه واقعاً استفاده می‌شه. Preload یعنی مرورگر اون فایل رو زودتر از حالت معمول دریافت کنه. پیش‌بارگذاری تعداد زیادی فایل نتیجه برعکس می‌ده و منابع مهم‌تر رو عقب می‌اندازه.

جلوگیری از مخفی موندن متن موقع بارگذاری فونت

ویژگی font-display: swap اجازه می‌ده متن اول با یک فونت جایگزین دیده بشه و بعد فونت اصلی جاش رو بگیره. فونت جایگزین رو از نظر اندازه و فاصله نزدیک به فونت اصلی انتخاب کنید تا جابه‌جایی متن کمتر بشه.

فعال‌سازی فشرده‌سازی و قابلیت‌های سریع‌تر سرور

فشرده‌سازی Brotli و Gzip به زبان ساده

Brotli و Gzip فایل‌های متنی مثل HTML، CSS و JavaScript رو قبل از ارسال فشرده می‌کنن. مرورگر فایل رو دریافت و باز می‌کنه. معمولاً هاست یا CDN این قابلیت رو فعال می‌کنه. فعال‌کردن دوباره اون در چند لایه فایده‌ای نداره؛ با ابزار بررسی پاسخ سرور مطمئن بشید یکی از روش‌ها کار می‌کنه.

بررسی نسخه PHP و تنظیمات سرور

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

استفاده از Object Cache برای سایت‌های پربازدید

Object Cache پایدار با ابزارهایی مثل Redis نتیجه بعضی درخواست‌های تکراری پایگاه داده رو نگه می‌داره. این قابلیت برای فروشگاه‌ها، سایت‌های عضویتی و سایت‌های پربازدید مفیدتره. راه‌اندازی اون به پشتیبانی سرور نیاز داره و نصب یک افزونه بدون سرویس سمت سرور کافی نیست.

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

پیدا کردن افزونه‌ها و درخواست‌های کند

کش صفحه معمولاً پیشخوان رو سریع نمی‌کنه؛ چون این بخش برای هر کاربر پویاست. اگه پیشخوان کنده، وضعیت منابع هاست، خطاهای PHP، درخواست‌های پایگاه داده و ارتباط افزونه‌ها با سرویس‌های بیرونی رو بررسی کنید. غیرفعال‌کردن آزمایشی افزونه‌ها رو روی سایت آزمایشی انجام بدید.

کنترل کارهای زمان‌بندی‌شده و Heartbeat وردپرس

WP-Cron کارهایی مثل انتشار زمان‌بندی‌شده و بعضی پاک‌سازی‌ها رو اجرا می‌کنه. Heartbeat هم ارتباط دوره‌ای صفحه مدیریت با سرور رو نگه می‌داره. محدودکردن نادرست اون‌ها ممکنه ذخیره خودکار، سفارش‌ها یا کارهای افزونه‌ها رو خراب کنه. اگه بازدید زیادی دارید، با کمک مدیر سرور اجرای WP-Cron رو بررسی کنید. راهنمای کنترل Cron Job وردپرس نکته‌های بیشتری داره.

بهینه‌سازی فروشگاه ووکامرسی و صفحات پویا

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

چک‌لیست مرحله‌به‌مرحله افزایش سرعت لود وردپرس

  1. گرفتن بکاپ و ثبت نتیجه تست اولیه: چند صفحه مهم رو در موبایل و دسکتاپ آزمایش کنید.
  2. بررسی هاست و زمان پاسخ سرور: TTFB، منابع و خطاهای سرور رو ببینید.
  3. راه‌اندازی یک سیستم کش اصلی: اول کش صفحه رو فعال و نتیجه رو بررسی کنید.
  4. بهینه‌سازی تصاویر و فونت‌ها: اندازه، فرمت، فشرده‌سازی و فایل‌های غیرضروری رو اصلاح کنید.
  5. کاهش کدها و افزونه‌های غیرضروری: هر تغییر CSS و JavaScript رو جدا آزمایش کنید.
  6. پاک‌سازی پایگاه داده: فقط داده‌های شناخته‌شده رو بعد از بکاپ پاک کنید.
  7. راه‌اندازی CDN در صورت نیاز: موقعیت کاربران و امکانات هاست رو در نظر بگیرید.
  8. تست دوباره و مقایسه نتیجه‌ها: هم عددها و هم کارکرد واقعی سایت رو بررسی کنید.

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

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

صحبت آخر

برای افزایش سرعت لود وردپرس از تست و بکاپ شروع کنید. بعد TTFB و هاست رو بررسی کنید، یک سیستم کش اصلی راه بندازید و سراغ تصاویر برید. این سه مرحله معمولاً نقطه شروع روشن و کم‌ریسک‌تری دارن. بعد از اون می‌تونید CSS، JavaScript، فونت‌ها، پایگاه داده و CDN رو بر اساس گزارش واقعی سایت بهینه کنید. تمامی مراحلی که توی این مقاله گفتیم رو می‌تونید با نصب افزونه رخش انجام بدید و تنظیمات بهینه‌سازی سایتتون رو از یک پنل فارسی مدیریت کنید.

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

سؤال‌های پرتکرار

سرعت مناسب برای یک سایت وردپرسی چقدره؟

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

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

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

آیا افزونه کش به‌تنهایی مشکل سرعت رو حل می‌کنه؟

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

آیا CDN برای همه سایت‌ها لازمه؟

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

چرا امتیاز سرعت موبایل از دسکتاپ کمتره؟

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

چرا بعد از فعال‌کردن کش، تغییرهای سایت دیده نمی‌شن؟

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

چطور بفهمید کدوم افزونه سایتتون رو کند کرده؟

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

نظر شما در این مورد چیه؟

  1. U15031۱۵ آذر ۱۳۹۹

    لطفا راهنمایی میکنید که برای اینکه تمام فایل های css,html,js همه ی پلاگین ها در همه صفحهات تکرار نشه باید چه کنیم؟
    منظورم اینه که مثل انگولار صفحه هات رو lazy کنیم تا هر کامپوننت فقط در همان صفحه ایی که استفاده شده فایل هاش بارگزاری شود.
    پلاگین WP Plugin Manager – Deactivate plugins per page رو با جستجو در گوگل پیدا کردم، ولی خواستم نظر کارشناسی شما رو بدونم که یا روش دستی ایی هست یا پلاگین قوی تر و حرفه ای تر تو این زمینه هست؟

    • تیم پشتیبانیتیم پشتیبانی۱۵ آذر ۱۳۹۹

      سلام
      این مورد در دوره افزایش سرعت سایت به صورت کامل توضیح داده شده

  2. U13199۱۵ مرداد ۱۳۹۷

    سلام
    خسته نباشید . من یه مشکلی دارم میشه کمک کنید لطفا
    من برای وب سایت خودم از سرویس cloud flare استفاده کردم اما کاربران با موبایل اکثرا سایت براشون لود نمیشه در صورتی که توسط desktop لود میشه سایت . و سایت های دیگه که Cloud flare ندارند این مشکل رو ندارند .!!!

  3. کاربر مهمان۶ بهمن ۱۳۹۶

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

    • تیم پشتیبانیتیم پشتیبانی۷ بهمن ۱۳۹۶

      درود به شما. ممنون از نظرتان.
      موفق باشید.

  4. کاربر مهمان۲۲ آبان ۱۳۹۵

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

    • رضا راد۲۲ آبان ۱۳۹۵

      سلام متشکرم. بصورت اختصاصی توسط خودمان طراحی شده

      • کاربر مهمان۳ آذر ۱۳۹۵

        سلام چطوری میشه طراحی کرد؟

        • رضا راد۳ آذر ۱۳۹۵

          باید طراحی قالب وردپرس رو یاد بگیرید

پشتیبانپشتیبانپشتیبانپشتیبانپشتیبان
تیم میهن وردپرس
پشتیبانپشتیبانپشتیبانپشتیبانپشتیبان
تیم میهن وردپرسآنلاین و پاسخگوی شما هستیم.آنلاین

در حال بارگذاری...

هر سوالی دارید بپرسید.پاسخگوی شما هستیم.