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

چرا دموی سریع، تضمین سرعت نیست؟

سه دلیل که در همهٔ پروژه‌ها تکرار می‌شود:

  • سرور سازنده: دموی قالب روی سرور پرقدرت و نزدیک به بازدیدکننده اجرا می‌شود. سایت شما روی هاست معمولی و با ping بالاتر.
  • محتوای تمیز: دمو بدون افزونه‌های شما، بدون داده‌های واقعی، بدون کوکی‌های کاربر اجرا می‌شود.
  • تصاویر بهینه‌شده: تصاویر دمو، خروجی بهینه‌شدهٔ خود سازنده است؛ تصاویر شما معمولاً با ابعاد بزرگ‌تر و فشرده‌سازی کمتر.

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

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

سه دستهٔ قالب محبوب

در بحث سرعت، قالب‌های محبوب را در سه دسته می‌بینم:

دستهنمونهویژگی سرعت
مینیمالHello، GeneratePress، Neveسبک، کم‌بایت، DOM تخت
فیچر-محورAstra، OceanWP، Blocksyتعادل، به شرط خاموش بودن ماژول‌های اضافه
صفحه‌ساز-محورDivi، قالب‌های المنتوروابسته به استفاده، سبک تا سنگین

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

معیارهای مقایسه

پنج عددی که در مقایسه ثبت می‌کنم:

  1. TTFB: پاسخ سرور.
  2. مجموع بایت CSS/JS: استاتیک‌های قالب.
  3. تعداد درخواست: فایل‌های قالب.
  4. عمق DOM: تعداد نودها در صفحهٔ ساده.
  5. LCP موبایل: روی موبایل و اینترنت سلفون.

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

قالب‌های مینیمال: Hello، GeneratePress، Neve

این سه، از نظر سرعت در یک سطح‌اند و تفاوت‌هایشان جزئی است:

  • Hello Elementor: عمداً خالی است. تقریباً هیچ استایل و اسکریپت اضافه‌ای ندارد. برای طراحی با المنتور، بهترین بستر. با گوتنبرگ هم کار می‌کند اما نیاز به CSS سفارشی دارد.
  • GeneratePress: مینیمال ولی با تنظیمات کافی برای شروع بدون کد. سبک و پایدار.
  • Neve: در همان خانواده، کمی بصری‌تر و با ویژگی‌های بیشتر در نسخهٔ رایگان.

تفاوت این‌ها در عمل ناچیز است؛ انتخاب را به بقیهٔ نیازها واگذار کنید. مقایسهٔ دقیق دو نمونه در Hello در برابر Neve آمده و مقایسهٔ سرعت GeneratePress و Astra در آسترا در برابر جنریت‌پرس.

قالب‌های فیچر-محور: Astra، OceanWP، Blocksy

این خانواده، محبوب‌ترین قالب‌های بازارند و برای اکثر سایت‌ها تعادل خوبی دارند:

  • Astra: سریع در نسخهٔ پایه، به شرط خاموش‌بودن ماژول‌های اضافه. بهینه برای ووکامرس.
  • OceanWP: تنظیمات بیشتر، ولی حجم بیشتر در نسخهٔ پایه.
  • Blocksy: تعادل خوب، پنل تنظیمات مدرن، مناسب سایت‌های محتوایی.

نکتهٔ مهم: Astra با همهٔ ماژول‌هایش روشن، از Hello سنگین‌تر می‌شود. این یعنی قالب به‌تنهایی سریع نیست؛ «قالب با تنظیمات شما» سریع است. نقد Astra را در نقد قالب آسترا و Blocksy را در بررسی Blocksy آورده‌ام.

قالب‌های صفحه‌ساز-محور: Divi، قالب‌های المنتور

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

  1. DOM عمیق: صفحه‌سازها نودهای زیادی می‌سازند. روی موبایل‌های میان‌رده، همین DOM عمیق به لگ محسوس تبدیل می‌شود.
  2. خروجی CSS/JS: صفحه‌سازها استایل و اسکریپت اختصاصی خودشان را به صفحه تزریق می‌کنند که اغلب با کش و بهین‌سازی قابل‌جبران است ولی حذف‌کردنی نیست.

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

در قالب‌های صفحه‌ساز-محور، سرعت سایت را طراح می‌سازد، نه قالب.

حکم مقایسه بر اساس سناریو

در عمل، این جدول تصمیم من در پروژه‌هاست:

سناریوانتخاب
وبلاگ محتوایی سئومحورGeneratePress یا Neve
فروشگاه ووکامرسAstra یا Blocksy با ماژول‌های کم
طراحی با المنتورHello به‌عنوان بستر خالی
پروژهٔ آژانسی با دموی آمادهAstra یا OceanWP با دموی سبک
طراحی منحصربه‌فرد بصریصفحه‌ساز با قالب سبک

نکتهٔ مهم: اگر انتخاب شما در یک ستون این جدول با ستون دیگر جابه‌جا شود، تصمیم اشتباه است. مثلاً انتخاب Astra برای یک وبلاگ محتوایی و پرکردنش با همهٔ ماژول‌ها، ضعیف‌تر از GeneratePress ساده عمل می‌کند.

نگاه نهایی

مقایسه سرعت قالب‌های محبوب وردپرس، اگر بر اساس دموهای تبلیغاتی انجام شود، به نتیجهٔ اشتباه می‌رسد. آن‌چه در عمل مهم است، رفتار قالب روی هاست واقعی، با محتوای واقعی و تنظیمات شماست. سه قاعدهٔ عملی برای پایان: اول، قالب را با معیارهای عددی بسنجید، نه دمو؛ دوم، انتخاب را به دستهٔ قالب و نوع پروژه بسپارید، نه محبوبیت؛ سوم، بیشتر از هر چیز، به سراغ قالب سبک بروید. اگر تجربهٔ جالبی از مقایسهٔ سرعت قالب‌های محبوب در پروژهٔ خودتان دارید — به‌خصوص اگر نتیجه با انتظار عمومی متفاوت بود — در دیدگاه‌ها بنویسید؛ همین تجربه‌ها این فهرست را دقیق‌تر می‌کند. ⚖️