آموزش افزایش سرعت سایت وردپرس: ۲۵ تکنیک عملی [۱۴۰۵]

برای افزایش سرعت سایت وردپرسی باید همزمان چهار بخش را اصلاح کنید: زیرساخت میزبانی، نحوه تولید صفحه در وردپرس، حجم فایل‌های فرانت اند و ترتیب بارگذاری منابع. نصب یک افزونه کش به تنهایی کافی نیست؛ ابتدا باید با PageSpeed Insights و ابزارها، گلوگاه هر صفحه را پیدا کنید و سپس متناسب با آن اقدام نمایید. در این آموزش افزایش سرعت سایت وردپرس، ۲۵ تکنیک عملی از کاهش TTFB و بهینه‌سازی تصاویر تا پاک‌سازی دیتابیس، کنترل افزونه‌ها، Redis و رفع منابع مسدودکننده رندر را مرحله به مرحله بررسی می‌کنیم؛ به گونه‌ای که بتوانید زمان لود، تجربه موبایل، سئو و نرخ تبدیل را به صورت قابل اندازه‌گیری بهبود دهید.

سرعت مناسب لود سایت چند ثانیه است؟

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

بر اساس معیارهای Core Web Vitals، بهتر است LCP یا زمان نمایش بزرگ‌ترین محتوای صفحه حداکثر ۲.۵ ثانیه، INP یا تاخیر تعامل حداکثر ۲۰۰ میلی ثانیه و CLS یا میزان جابجایی چیدمان حداکثر ۰.۱ باشد. این ارزیابی باید برای حداقل ۷۵ درصد بازدیدهای واقعی، به صورت جداگانه در موبایل و دسکتاپ برقرار باشد.

شاخص	چه چیزی را اندازه می‌گیرد؟	محدوده مناسب
LCP	سرعت نمایش محتوای اصلی صفحه	حداکثر ۲.۵ ثانیه
INP	سرعت پاسخ صفحه به کلیک و تعامل	حداکثر ۲۰۰ میلی ثانیه
CLS	ثبات بصری و نداشتن پرش چیدمان	حداکثر ۰.۱
TTFB	زمان دریافت اولین بایت از سرور	ترجیحا حداکثر ۰.۸ ثانیه
TBT	مدت مسدود بودن پردازش اصلی در تست آزمایشگاهی	هرچه کمتر، بهتر

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

آموزش افزایش سرعت سایت وردپرس با ۲۵ تکنیک عملی

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

1. TTFB را پیش از هر بهینه سازی دیگری بررسی کنید

ابتدا باید بگوییم که TTFB چیست؟ این شاخص فاصله زمانی ارسال درخواست کاربر تا دریافت نخستین بایت پاسخ از سرور را اندازه می‌گیرد. اگر TTFB بالا باشد، مرورگر دیرتر HTML را دریافت می‌کند و در نتیجه بارگذاری CSS، جاوا اسکریپت، فونت و تصویر اصلی نیز دیر شروع می‌شود.

عدد کمتر از ۰.۸ ثانیه یک هدف مناسب عمومی است، هرچند نوع سایت و نحوه تولید محتوا نیز در تفسیر آن اثر دارد. برای کاهش TTFB موارد زیر را بررسی کنید:

• توان CPU و RAM هاست
• محدودیت Entry Process و I/O
• نسخه PHP و فعال بودن OPcache
• کوئری‌های کند دیتابیس
• کش صفحه و کش سمت سرور
• تعداد ریدایرکت‌ها
• فراخوانی APIهای خارجی
• افزونه‌های سنگین
• فاصله جغرافیایی سرور تا کاربران

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

2. هاست را متناسب با مدل کسب و کار انتخاب کنید

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

برای بهینه سازی هاست سی پنل برای وردپرس، بخش Resource Usage را بررسی کنید. رسیدن مکرر CPU، رم، I/O یا Entry Processes به سقف مجاز، نشانه کمبود منابع یا پردازش‌های غیرعادی است. فعال بودن LiteSpeed به تنهایی کافی نیست؛ تنظیمات PHP، کش، دیتابیس و ظرفیت واقعی پلن نیز اهمیت دارد. هنگام انتخاب هاست، این موارد را بسنجید:

• منابع واقعی و نه صرفا فضای دیسک
• استفاده از حافظه NVMe
• امکان فعالسازی Redis
• پشتیبانی از HTTP/2 یا HTTP/3
• نسخه‌های پشتیبانی شده PHP
• بکاپ‌گیری منظم
• مانیتورینگ و پشتیبانی فنی
• موقعیت دیتاسنتر نسبت به بازار هدف
• کیفیت شبکه و دسترسی کاربران ایرانی

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

3. PHP، وردپرس، قالب و افزونه ها را به روز نگه دارید

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

1. سازگاری قالب و افزونه‌ها با نسخه جدید PHP
2. عملکرد فرم‌ها و درگاه پرداخت
3. نمایش صفحات ساخته شده با صفحه ساز
4. اجرای کرون‌جاب‌ها
5. خطاهای PHP و JavaScript
6. سرعت قبل و بعد از به‌روزرسانی

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

4. کش صفحه را فعال و درست پیکربندی کنید

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

اما کش سمت سرور چیست؟ در این روش، خروجی پیش از رسیدن درخواست به پردازش کامل وردپرس، در لایه‌هایی مانند LiteSpeed Cache، لایه Nginx FastCGI Cache، لایه Varnish یا کش میزبان ارائه می‌شود. مستندات وردپرس نیز توضیح می‌دهد که ارائه فایل‌های استاتیک کش شده، بار پردازشی سرور را به طور محسوسی کاهش می‌دهد. در سایت فروشگاهی، صفحات زیر را از کش عمومی مستثنا کنید:

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

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

5. کش مرورگر و هدرهای Cache-Control را تنظیم کنید

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

برای فایل‌های نسخه‌گذاری شده می‌توان زمان انقضای طولانی‌تری در نظر گرفت. هر بار که فایل تغییر می‌کند، نام یا Query String نسخه آن نیز باید عوض شود تا کاربر فایل قدیمی را مشاهده نکند. هدرهای مهم عبارتند از:

• Cache-Control
• max-age
• Expires
• ETag
• Last-Modified

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

6. Gzip یا Brotli را برای فایل های متنی فعال کنید

فعال کردن gzip در وردپرس باعث فشرده شدن HTML، فایل‌های CSS، جاوا اسکریپت، JSON و فایل‌های متنی هنگام انتقال می‌شود. Brotli نیز الگوریتم جدیدتری است که در بسیاری از سرورها و CDNها قابل استفاده است.

فشرده‌سازی را برای تصاویر JPEG، فرمت WebP، فرمت AVIF، ویدیو و فایل ZIP دوباره اعمال نکنید؛ زیرا این فایل‌ها از قبل فشرده‌اند و پردازش مجدد معمولا سودی ندارد. MDN توصیه می‌کند فشرده‌سازی HTTP برای فایل‌های متنی فعال باشد و از Gzip یا Brotli بر اساس پشتیبانی مرورگر و سرور استفاده شود. پس از فعالسازی، در Network مرورگر مقدار Content-Encoding را بررسی کنید. وجود br یا gzip نشان می‌دهد پاسخ فشرده ارسال شده است.

7. از HTTP/2 یا HTTP/3 استفاده کنید

ابتدا باید بگوییم که HTTP/2 و HTTP/3 چیست. این پروتکل‌ها نسخه‌های جدیدتر ارتباط مرورگر و سرور هستند که مدیریت همزمان درخواست‌ها، سربار ارتباط و انتقال فایل‌ها را بهبود می‌دهند. HTTP/3 بر پایه QUIC کار می‌کند و در شبکه‌های ناپایدار یا موبایل می‌تواند مزیت بیشتری داشته باشد. فعال بودن این پروتکل‌ها به این معنا نیست که دیگر نباید فایل‌های اضافی را حذف کنید. سایتی با ۲۰۰ درخواست غیرضروری، حتی روی HTTP/3 نیز سبک محسوب نمی‌شود.

برای بررسی نسخه پروتکل، ستون Protocol را در تب Network مرورگر فعال کنید. مقادیر h2 و h3 به ترتیب نشان‌دهنده HTTP/2 و HTTP/3 هستند. برای بهره‌مندی از این قابلیت، گواهی SSL، وب سرور، CDN و تنظیمات شبکه باید با یکدیگر سازگار باشند.

8. تصاویر را پیش از بارگذاری بهینه کنید

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

1. تصویر را دقیقا متناسب با محل نمایش برش دهید.
2. برای عکس‌های معمولی از WebP یا AVIF استفاده کنید.
3. PNG را بیشتر برای شفافیت یا گرافیک‌های خاص نگه دارید.
4. کیفیت خروجی را متناسب با نوع تصویر تنظیم کنید.
5. متادیتای غیرضروری را حذف کنید.
6. برای تصاویر قدیمی نسخه بهینه تولید کنید.

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

9. ابعاد تصاویر و ویژگی های width و height را مشخص کنید

بارگذاری تصویری با عرض ۲۵۰۰ پیکسل در فضایی که فقط ۵۰۰ پیکسل عرض دارد، مصرف پهنای باند را بدون افزایش کیفیت واقعی بالا می‌برد. وردپرس می‌تواند اندازه‌های مختلف تصویر تولید کند، اما قالب باید از srcset و sizes به درستی استفاده کند.

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

• نسخه موبایل
• نسخه تبلت
• نسخه دسکتاپ
• تصویر بندانگشتی
• تصویر زوم محصول
• تصویر شبکه دسته‌بندی

تولید چند نسخه فقط زمانی مفید است که قالب متناسب با اندازه صفحه، فایل درست را انتخاب کند.

10. Lazy Load را هدفمند اجرا کنید

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

اما تصویر اصلی بالای صفحه یا عنصر LCP را Lazy Load نکنید. گوگل تاکید می‌کند که بارگذاری تنبل تصویر LCP، شروع دریافت آن را به تاخیر می‌اندازد و به LCP آسیب می‌زند. روش درست این است:

• لوگو و تصویر Hero را عادی بارگذاری کنید.
• برای تصویر LCP از fetchpriority=”high” استفاده کنید.
• تصاویر پایین صفحه را Lazy Load کنید.
• فاصله شروع بارگذاری را طوری تنظیم کنید که کاربر تصویر خالی نبیند.
• پس از فعالسازی، CLS و Waterfall را دوباره بررسی کنید.

11. ویدیوها و iframeها را تا زمان تعامل کاربر بارگذاری نکنید

یک ویدیوی Embed شده ممکن است پیش از پخش، چندین فایل JavaScript، تصویر، فونت و درخواست رهگیری ایجاد کند. بارگذاری تنبل ویدیو در وردپرس بهتر است با نمایش یک تصویر کاور و دکمه پخش انجام شود؛ iframe واقعی نیز پس از کلیک کاربر ساخته شود.

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

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

12. حجم صفحه اصلی را کاهش دهید

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

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

• اسلایدرهای چند اسلایدی
• ویدیوی پس زمینه
• چندین فونت و وزن فونت
• فید اینستاگرام
• نقشه تعاملی
• لوگوی ده‌ها مشتری با ابعاد نامناسب
• انیمیشن‌های سنگین
• پاپ آپ‌های متعدد
• نمایش تعداد زیادی محصول یا مقاله

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

13. اسلایدرهای سنگین را حذف یا سبک سازی کنید

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

به عنوان جایگزین سبک اسلایدر رولوشن، می‌توانید از یک Hero ثابت با تصویر بهینه، تیتر روشن، توضیح کوتاه و یک کال تو اکشن استفاده کنید. اگر نمایش چند پیام ضروری است، از یک Carousel ساده مبتنی بر CSS یا اسکریپت کم حجم استفاده کنید. در صورت حفظ اسلایدر، اقدامات زیر را به کار بگیرید:

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

14. فونت ها و آیکون ها را بهینه کنید

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

• فقط وزن‌های واقعا استفاده شده را نگه دارید.
• فایل‌ها را با فرمت WOFF2 ارائه کنید.
• فونت را روی دامنه خود میزبانی کنید.
• مجموعه حروف را در صورت امکان Subset کنید.
• برای فونت اصلی از Preload محدود استفاده کنید.
• font-display: swap یا گزینه متناسب با طراحی را تنظیم کنید.

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

15. منابع مسدود کننده رندر را اصلاح کنید

مرورگر پیش از نمایش صفحه باید CSSهای ضروری را پردازش کند. بعضی فایل‌های JavaScript نیز اجرای ساخت صفحه را متوقف می‌کنند. رفع خطای Render Blocking Resources به معنای حذف کورکورانه تمام CSS و JS نیست؛ باید منابع حیاتی و غیرفعال از یکدیگر جدا شوند. برای رفع خطای Eliminate Render Blocking، این اقدامات را انجام دهید:

1. CSS ضروری بالای صفحه را مشخص کنید.
2. Critical CSS را به صورت محدود در HTML قرار دهید.
3. فایل‌های غیرضروری CSS را با تاخیر بارگذاری کنید.
4. اسکریپت‌های مستقل را با defer اجرا کنید.
5. اسکریپت‌های کاملا غیرضروری را تا تعامل کاربر به تعویق بیندازید.
6. وابستگی فایل‌ها و ترتیب اجرای آنها را تست کنید.

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

16. CSS و JavaScript را Minify کنید

Minify کردن CSS و JS وردپرس با حذف فاصله‌ها، توضیحات و نویسه‌های غیرضروری، حجم فایل را کاهش می‌دهد. این تکنیک مفید است، اما معمولا اثر آن از حذف کدهای بلااستفاده کمتر است. ترکیب همه فایل‌ها نیز همیشه بهترین انتخاب نیست. در HTTP/2 و HTTP/3 ممکن است تقسیم منطقی فایل‌ها و کش مستقل آنها نتیجه بهتری ایجاد کند. به جای فعال کردن یک باره تمام گزینه‌ها:

• ابتدا Minify CSS را فعال و تست کنید.
• سپس Minify JavaScript را بررسی کنید.
• Combine را فقط در صورت بهبود واقعی نگه دارید.
• فایل‌های مشکل‌ساز را مستثنا کنید.
• کش CDN و افزونه را پس از تغییر پاک کنید.

هدف، کوچک‌تر کردن و درست‌تر بارگذاری شدن فایل‌هاست؛ نه صرفا کاهش تعداد آنها در گزارش افزونه.

17. CSS و JavaScript بلااستفاده را حذف کنید

حذف CSS و JS اضافی وردپرس یکی از موثرترین اما حساس‌ترین مراحل در آموزش افزایش سرعت سایت وردپرس است. قالب‌ها و صفحه‌سازها ممکن است استایل و اسکریپت تمام ابزارک‌ها را در همه صفحات بارگذاری کنند؛ حتی اگر فقط در یک صفحه استفاده شده باشند.

از بخش Coverage در Chrome DevTools برای مشاهده درصد کدهای استفاده نشده کمک بگیرید. سپس مشخص کنید فایل متعلق به کدام قالب یا افزونه است. نمونه‌های رایج عبارتند از:

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

حذف فایل با دستکاری مستقیم قالب اصلی توصیه نمی‌شود. از Child Theme، کدنویسی کنترل شده یا ابزار مدیریت Asset استفاده کنید.

18. اسکریپت های اضافی را در هر صفحه غیرفعال کنید

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

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

• Handle دقیق فایل را پیدا کنید.
• وابستگی آن به فایل‌های دیگر را بررسی کنید.
• نسخه موبایل و دسکتاپ را تست کنید.
• کاربران واردشده و مهمان را جداگانه بررسی کنید.
• صفحات آرشیو، جستجو و خطای ۴۰۴ را فراموش نکنید.

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

19. درخواست های HTTP و سرویس های خارجی را کاهش دهید

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

• ابزارهای آمارگیری
• چت آنلاین
• نقشه
• فونت خارجی
• ویدیو
• تبلیغات
• پیکسل‌های بازاریابی
• کپچا
• شبکه‌های اجتماعی
• تگ‌های متعدد Google Tag Manager

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

20. Preload، امکان Preconnect و DNS Prefetch را محدود و هدفمند استفاده کنید

Preload کردن منابع در وردپرس به مرورگر اعلام می‌کند یک فایل برای نمایش اولیه اهمیت بالایی دارد. این قابلیت برای تصویر LCP، فونت اصلی یا فایل CSS واقعا ضروری مفید است. اما Preload بیش از حد، منابع کم اهمیت را وارد صف اول می‌کند و می‌تواند عملکرد را بدتر کند.

گوگل توصیه می‌کند عنصر LCP زود در HTML قابل کشف باشد و در صورت نیاز با Preload یا fetchpriority=”high” اولویت بگیرد. کاربرد هر Hint متفاوت است:

• Preload: دریافت سریع یک منبع ضروری در همین صفحه
• Preconnect: آماده‌سازی ارتباط با یک دامنه خارجی مهم
• DNS Prefetch: انجام زودتر جستجوی DNS
• Prefetch: دریافت منبعی که احتمالا در صفحه بعد لازم می‌شود

فقط دامنه‌ها و منابعی را اولویت دهید که در Waterfall واقعا روی LCP یا تجربه اولیه اثر دارند.

21. قالب و صفحه ساز را سبک سازی کنید

قالب زیبا لزوما قالب سریع نیست. دموهای آماده معمولا شامل ابزارک‌ها، انیمیشن‌ها و قابلیت‌هایی هستند که سایت واقعی به آنها نیاز ندارد. برای ارزیابی قالب، موارد زیر را بسنجید:

• حجم DOM
• تعداد فایل‌های سراسری
• وابستگی به jQuery
• تعداد فونت و آیکون
• نحوه بارگذاری CSS
• عملکرد Header و Mega Menu
• امکانات غیرفعال شدنی
• سازگاری با کش و PHP جدید

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

22. تعداد و کیفیت افزونه ها را مدیریت کنید

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

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

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

23. دیتابیس وردپرس و ووکامرس را پاک سازی کنید

بهینه سازی دیتابیس وردپرس باید با بکاپ کامل آغاز شود. پیش‌نویس‌ها، بازنگری‌ها، نظرات اسپم، داده‌های نشست، Transientهای منقضی، جداول افزونه‌های حذف شده و گزینه‌های Autoload می‌توانند به مرور انباشته شوند.

اما Transient چیست؟ Transient روشی برای ذخیره موقت داده‌ها با زمان انقضا است. مشکل زمانی ایجاد می‌شود که داده‌های منقضی پاک نشوند یا افزونه‌ها تعداد زیادی Transient بسازند. برای پاکسازی دیتابیس وردپرس بدون افزونه می‌توان از WP-CLI و phpMyAdmin یا کوئری‌های کنترل شده استفاده کرد؛ اما اجرای دستورات آماده اینترنتی بدون شناخت ساختار جداول خطرناک است.

حذف نسخه های بازنگری وردپرس نیز باید همراه با تعیین سقف برای ذخیره Revisionهای آینده باشد. توسعه‌دهندگان وردپرس به کاهش Revisionها، پاک‌سازی دیتابیس و کنترل گزینه‌های Autoload به عنوان بخش‌هایی از بهینه‌سازی اشاره می‌کنند. در بهینه سازی اسکیوال دیتابیس ووکامرس، جداول سفارش‌ها، Sessionها، Action Scheduler، لاگ‌ها و شاخص‌های دیتابیس باید جداگانه بررسی شوند.

24. Redis و Object Cache را برای سایت های پویا فعال کنید

Object Cache وردپرس نتیجه کوئری‌ها و داده‌های پرتکرار را در حافظه نگه می‌دارد تا وردپرس مجبور نباشد در هر درخواست دوباره به دیتابیس مراجعه کند. Redis برای وردپرس در فروشگاه‌ها، سایت‌های عضویتی و وبسایت‌های پربازدید می‌تواند فشار دیتابیس و TTFB را کاهش دهد.

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

• سرویس روی سرور واقعا فعال است.
• حافظه کافی اختصاص یافته است.
• افزونه فقط اتصال را مدیریت می‌کند، نه اینکه Redis را شبیه‌سازی کند.
• Prefix سایت‌ها متفاوت است.
• سیاست حذف داده و Maxmemory مناسب تنظیم شده است.
• پس از تغییر، Hit Ratio و خطاهای اتصال مانیتور می‌شوند.

25. پردازش های پس زمینه و قابلیت های غیرضروری وردپرس را کنترل کنید

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

Heartbeat را به طور کامل غیرفعال نکنید؛ فاصله درخواست‌ها را افزایش دهید یا آن را فقط در بخش‌های غیرضروری محدود کنید. همچنین WP-Cron را در سایت‌های پرترافیک با Cron واقعی سرور جایگزین کنید تا وظایف زمان‌بندی‌شده در هر بازدید بررسی نشوند. قابلیت‌های کوچک نیز در مجموع اثرگذارند. غیرفعال کردن ایموجی وردپرس، حذف Embedهای غیرضروری، محدود کردن Revisionها و حذف اسکریپت‌های قدیمی می‌تواند چند درخواست و پردازش اضافه را کم کند. پس از این تغییرات، فرایندهای زیر را تست کنید:

• ذخیره خودکار نوشته
• انتشار زمان‌بندی‌شده
• ایمیل‌های ووکامرس
• پاک‌سازی Session
• بکاپ‌گیری
• همگام‌سازی موجودی
• وب‌هوک‌ها
• به‌روزرسانی فید یا API

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

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

نوع سایت	اولویت‌های اصلی
سایت شرکتی	هاست، کش صفحه، تصویر Hero، فونت و فرم‌ها
فروشگاه ووکامرسی	TTFB، دیتابیس، Redis، فیلترها، سبد خرید و تصاویر محصول
سایت خبری	کش سرور، CDN، تصاویر، تبلیغات، صفحه اصلی و دیتابیس
سایت آموزشی	ویدیو، اسکریپت پلیر، صفحات کاربری و پردازش‌های عضویت
سایت خدماتی	LCP صفحات فرود، فرم، اسکریپت‌های تبلیغاتی و تجربه موبایل
سایت چند زبانه	فونت‌ها، افزونه ترجمه، کش نسخه‌های زبان و ساختار دیتابیس

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

ارتباط سرعت سایت و سئو، فروش و نرخ تبدیل

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

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

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

چه زمانی به بهینه سازی تخصصی نیاز دارید؟

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

• تغییر افزونه کش نتیجه پایداری ایجاد نمی‌کند.
• سایت پس از فعال کردن Delay JavaScript خراب می‌شود.
• TTFB صفحات مختلف اختلاف زیادی دارد.
• پیشخوان وردپرس بسیار کند است.
• صفحات کاربران واردشده کش نمی‌شوند.
• مصرف CPU بدون افزایش ترافیک بالا می‌رود.
• ووکامرس در ساعات شلوغ کند یا ناپایدار می‌شود.
• گزارش PageSpeed پس از هر تست تغییر شدیدی دارد.
• CLS فقط در موبایل یا پس از نمایش پاپ آپ رخ می‌دهد.
• اسکریپت‌های تبلیغاتی و رهگیری قابل حذف نیستند.

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

کلام آخر

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

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

سوالات متداول