آیا سایت المنتوری شما کُند است؟ در این پروژه عملی ۵ ترفند موشکی برای افزایش سرعت سایت را یاد بگیرید + دانلود کدهای آماده htaccess برای بهبود Core Web Vitals و جهش رتبه در گوگل
✅ کابوس چرخش بی‌پایان لودینگ!
📋 تصور کنید کمپین تبلیغاتی خود را اجرا کرده‌اید، بودجه زیادی سوزانده‌اید و مشتری روی لینک شما کلیک می‌کند. یک ثانیه… دو ثانیه… سه ثانیه… و صفحه سفید می‌ماند. مشتری منتظر نمی‌ماند؛ او دکمه “Back” را می‌زند و به سراغ رقیب شما می‌رود.
دردناک است، نه؟
طبق تجربه ۱۰ ساله من در توسعه وردپرس، این داستان تکراری بسیاری از مدیران سایت است. خیلی‌ها به اشتباه فکر می‌کنند که “المنتور سایت را کند می‌کند”. اما بگذارید رک بگویم: المنتور کُند نیست، نحوه استفاده ما از آن اشتباه است.
اگر از راهکارهای کلیشه‌ای مثل “نصب افزونه کش” خسته شده‌اید و دنبال یک جراحی عمیق و فنی برای سایت‌تان هستید جای درستی آمده‌اید. در این مقاله نه تنها ۵ ترفند زیرپوستی را بررسی می‌کنیم بلکه کدهایی را در اختیارتان می‌گذارم که حاصل سال‌ها آزمون و خطاست.
✅ چرا سایت المنتوری شما سنگین شده است؟ (رازهای پشت پرده)
بیایید قبل از حل مشکل ، درد را بشناسیم. وقتی با ابزارهایی مثل GTmetrix یا PageSpeed Insights سایت را آنالیز می‌کنید اغلب با خطای “Avoid excessive DOM size” مواجه می‌شوید.
DOM چیست؟
خیلی ساده بگویم: DOM ساختار درختی کدهای HTML سایت شماست. در نسخه‌های قدیمی المنتور، برای ساختن یک دکمه ساده، المنتور مجبور بود چندین تگ <div> تو در تو ایجاد کند (بخش > ستون > دکمه). این یعنی مرورگر کاربر باید صدها خط کد اضافه را پردازش کند.
عامل دوم که معمولاً نادیده گرفته می‌شود هاست نامناسب است. اجرای المنتور به منابع PHP بالایی نیاز دارد استفاده از هاست‌های اشتراکی ارزان قیمت برای سایتی که با پیج‌بیلدر ساخته شده مثل انداختن موتور پراید روی بدنه تانک است!
✅ ترفند اول: مهاجرت به کانتینرها (Flexbox Containers)
اگر هنوز از سیستم قدیمی “بخش و ستون” (Section/Column) استفاده می‌کنید شما رسماً در حال ترمز کشیدن روی سرعت سایت‌تان هستید. المنتور مدتی است که ویژگی Flexbox Container را معرفی کرده است.
چرا این موضوع حیاتی است؟ کانتینرها به ما اجازه می‌دهند طراحی‌های پیچیده را با تعداد بسیار کمتری <div> پیاده‌سازی کنیم این یعنی کاهش حجم DOM و افزایش امتیاز Core Web Vitals
تفاوت را ببینید:
::: نکته فنی :::
- روش قدیمی:
<section> <div class="column"> <div class="widget"> ...(حداقل ۳ لایه) - روش کانتینر:
<div class="container"> <div class="widget">(فقط ۲ لایه و گاهی کمتر!)
:::::::::::::::::
اقدام عملی: همین امروز به تنظیمات المنتور > ویژگی‌ها بروید و “کانتینر فلکس‌باکس” را فعال کنید. نترسید، المنتور ابزاری برای تبدیل سکشن‌های قدیمی به کانتینر دارد، اما پیشنهاد من این است که صفحات اصلی (مثل هوم پیج) را دستی بازطراحی کنید.
✅ ترفند دوم: جراحی فونت‌ها و آیکون‌ها
یکی از بزرگترین قاتلان زمان لود (LCP) فراخوانی فونت‌ها از سرورهای گوگل (Google Fonts) و لود کردن کتابخانه‌های سنگین آیکون است.
۱. خداحافظی با گوگل فونت:
گوگل فونت‌ها برای کاربران ایرانی به دلیل فیلترینگ و فاصله سرورها سرعت را به شدت کاهش می‌دهند.
- راهکار: در تنظیمات المنتور گوگل فونت‌ها را غیرفعال کنید. از فونت‌های فارسی استاندارد با فرمت woff2 استفاده کنید و آنها را مستقیماً در هاست خودتان آپلود کنید (Local Hosting).
۲. حذف Font Awesome:
آیا منطقی است برای نمایش یک آیکون “فلش”، کل کتابخانه Font Awesome با هزاران آیکون لود شود؟ قطعاً نه.
- راهکار: آیکون‌های مورد نیازتان را با فرمت SVG دانلود کنید و مستقیماً در المنتور آپلود کنید. این کار تعداد درخواست‌های HTTP (Requests) را به شدت کاهش می‌دهد.
✅ ترفند سوم: مدیریت هوشمند اسکریپت‌ها (Asset Unloading)
بسیاری از توسعه‌دهندگان نمی‌دانند که المنتور و وردپرس فایل‌های CSS و JS خود را در تمام صفحات لود می‌کنند حتی اگر نیازی به آنها نباشد. مثلاً اسکریپت‌های مربوط به “فرم تماس” در مقالاتی که هیچ فرمی ندارند هم لود می‌شود!
📍 برای حل این مشکل تکنیک Minify (فشرده‌سازی) به تنهایی کافی نیست ما نیاز به “بارگذاری مشروط” داریم.
🔸چطور انجامش دهیم؟
اگر از افزونه‌های حرفه‌ای کش مثل افزونه لایت اسپید (LiteSpeed Cache) یا WP Rocket استفاده می‌کنید بخشی برای غیرفعال کردن CSS/JS بلااستفاده وجود دارد. اما اگر می‌خواهید حرفه‌ای‌تر عمل کنید، از افزونه‌های Asset Cleanup استفاده کنید و مشخص کنید که فایل‌های سنگین المنتور (مثل swiper.js) فقط در صفحاتی لود شوند که اسلایدر دارید.
✅ ترفند چهارم: معجزه فرمت‌های نسل جدید (WebP & AVIF)
تصاویر معمولاً ۵۰٪ تا ۷۰٪ حجم یک صفحه وب را تشکیل می‌دهند. استفاده از فرمت‌های قدیمی JPG و PNG دیگر منسوخ شده است.برای بهینه سازی دیتابیس و کاهش حجم صفحه، باید تصاویر را به فرمت WebP یا فرمت جدیدتر AVIF تبدیل کنید. این فرمت‌ها کیفیت را حفظ کرده اما حجم را تا ۳۰٪ کاهش می‌دهند.
📍 نکته حیاتی درباره Lazy Load:
قابلیت لیزی لود (بارگذاری تنبل) عالی است اما یک اشتباه رایج وجود دارد: هرگز تصویر بالای صفحه (Hero Image) را لیزی لود نکنید. این کار باعث افت شدید معیار LCP (بزرگترین رنگ محتوایی) می‌شود. تصویر اول باید بلافاصله لود شود.
✅ ترفند ۵: تنظیمات مخفی "ویژگی‌های آزمایشی" المنتور
المنتور در بخش المنتور > تنظیمات > ویژگی‌ها (Features) گنجینه‌ای از ابزارهای بهینه‌سازی دارد که خیلی‌ها از ترس خراب شدن سایت به سراغش نمی‌روند. من طبق تجربه جدولی آماده کرده‌ام که نشان می‌دهد کدام گزینه‌ها را باید روشن کنید:
| نام ویژگی (Feature) | وضعیت پیشنهادی | تأثیر بر سرعت | توضیحات |
|---|---|---|---|
| Optimized DOM Output | ✅ فعال | بسیار بالا | حذف تگ‌های div اضافه از خروجی HTML |
| Improved CSS Loading | ✅ فعال | بالا | بارگذاری CSS فقط در زمان نیاز |
| Inline Font Icons | ✅ فعال | متوسط | تبدیل آیکون‌ها به SVG (حذف درخواست اضافه) |
| Elementor Caching | ⚠️ با احتیاط | متوسط | ممکن است با افزونه‌های کش تداخل داشته باشد |
| Grid Container | ✅ فعال | بالا | استفاده از CSS Grid برای چیدمان‌های پیچیده |
🌟 هدیه ویژه: فایل بهینه‌ساز سرعت (کدهای آماده)
و اما بخش جذاب ماجرا ! افزونه‌ها خوب هستند اما کدهای دستی که مستقیماً در هسته اجرا می‌شوند قدرت دیگری دارند.
هشدار: قبل از اعمال این تغییرات حتماً از سایت بک‌آپ بگیرید.
👁🗨 کد طلایی htaccess. برای کش مرورگر
این کد را به ابتدای فایل .htaccess در هاست خود اضافه کنید. این کد به مرورگر کاربر می‌گوید که فایل‌های استاتیک را در حافظه خود نگه دارد تا در بازدیدهای بعدی دوباره دانلود نشوند (Browser Caching).
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access plus 1 year"
ExpiresByType image/jpeg "access plus 1 year"
ExpiresByType image/gif "access plus 1 year"
ExpiresByType image/png "access plus 1 year"
ExpiresByType text/css "access plus 1 month"
ExpiresByType application/pdf "access plus 1 month"
ExpiresByType text/x-javascript "access plus 1 month"
ExpiresByType application/x-shockwave-flash "access plus 1 month"
ExpiresByType image/x-icon "access plus 1 year"
ExpiresDefault "access plus 2 days"
</IfModule>
👁🗨 قطعه کد functions.php برای سبک‌سازی
این کد را در انتهای فایل functions.php قالب چایلد (Child Theme) قرار دهید. این کد اموجی‌های پیش‌فرض وردپرس و Embedها را که سربار زیادی دارند غیرفعال می‌کند.
// غیرفعال کردن ایموجی‌های وردپرس برای افزایش سرعت
remove_action('wp_head', 'print_emoji_detection_script', 7);
remove_action('wp_print_styles', 'print_emoji_styles');
// حذف Embed های وردپرس (اگر ویدیو از سایت‌های دیگر Embed نمی‌کنید)
function my_deregister_scripts(){
wp_dequeue_script( 'wp-embed' );
}
add_action( 'wp_footer', 'my_deregister_scripts' );
✅ سوالات متداول (FAQ)
آیا المنتور واقعاً باعث کندی سایت می‌شود؟
خیر، المنتور ذاتاً کمی سنگین‌تر از گوتنبرگ است اما با استفاده از هاست مناسب، کانتینرها و افزونه کش می‌توان به سرعت زیر ۱ ثانیه رسید.
بهترین افزونه کش برای المنتور چیست؟
اگر وب‌سرور شما لایت‌اسپید است قطعاً افزونه لایت اسپید کش (LiteSpeed Cache) بهترین گزینه است. در غیر این صورت WP Rocket عالی عمل می‌کند.
Core Web Vitals چیست و چرا مهم است؟
این‌ها معیارهای گوگل برای سنجش تجربه کاربری (سرعت لود، تعامل و پایداری بصری) هستند. بهبود این معیارها مستقیماً روی رتبه سئو تأثیر دارد.
آیا استفاده از CDN سرعت را بالا می‌برد؟
بله، به خصوص اگر سرور شما خارج از ایران است و کاربران ایرانی دارید. CDN محتوا را از نزدیک‌ترین سرور به کاربر تحویل می‌دهد.
تصاویر سایت را چگونه کم‌حجم کنم؟
بهترین روش استفاده از فرمت WebP است. افزونه‌هایی مثل ShortPixel یا Imagify می‌توانند به صورت خودکار تصاویر را فشرده کنند.
✅ نتیجه‌گیری و نوبت شماست
افزایش سرعت سایت یک جادو نیست؛ یک فرآیند مهندسی است. ما در این مقاله از لایه‌های عمیق (DOM) شروع کردیم و به کدهای سرور رسیدیم. اگر این ۵ مرحله را با دقت اجرا کنید، قول می‌دهم چراغ‌های سبز GTmetrix را خواهید دید.
حالا نوبت شماست!
همین الان سرعت سایت‌تان را تست کنید این تغییرات را اعمال کنید و نتیجه (قبل و بعد) را در بخش کامنت‌ها بنویسید.