آموزش افزایش سرعت المنتور – ۱۵ ترفند طلایی برای رسیدن به رتبه ۱۰۰ در GTmetrix

آیا تا به حال احساس کرده اید که سایت طراحی شده با المنتور شما، علی رغم زیبایی ظاهری، کمی “سنگین” به نظر می رسد؟ کندی سرعت سایت نه تنها تجربه کاربری را نابود می کند، بلکه قاتل خاموش سئو و رتبه های گوگل شماست. المنتور (Elementor) بدون شک محبوب ترین صفحه ساز دنیاست، اما اگر به درستی پیکربندی نشود، می تواند به کابوس سرعت تبدیل شود.

بسیاری از کاربران تصور می کنند المنتور ذاتاً کند است، اما این یک باور غلط است! مشکل معمولاً در پیکربندی اشتباه، هاست ضعیف و عدم بهینه سازی دارایی ها نهفته است. در این مقاله جامع از اپیک پیکسل، ما ۱۵ راهکار تخصصی و تست شده (از تنظیمات سرور تا ترفندهای مخفی کدنویسی) را گردآوری کرده ایم که با اجرای آن ها می توانید سرعت سایت المنتوری خود را تا ۷۰٪ افزایش دهید. آماده اید موتور جت سایت خود را روشن کنید؟

آموزش افزایش سرعت المنتور؛ چگونه سایتی موشکی با المنتور بسازیم؟

 

۱. انتخاب هاست باکیفیت و تنظیمات سرور (فونداسیون اصلی)

هیچ بهینه سازی نرم افزاری نمی تواند جایگزین یک سرور ضعیف شود. اگر فونداسیون خانه سست باشد، زیباترین معماری هم دوامی نخواهد داشت.

ارتقای نسخه PHP

المنتور برای پردازش های خود به منابع نیاز دارد.

• نسخه PHP: حتماً مطمئن شوید که هاست شما از PHP نسخه 7.4 یا ترجیحاً 8.1 استفاده می کند. نسخه های قدیمی تر (مثل 7.2) هم کند هستند و هم ناامن. ارتقا به نسخه جدید می تواند تا ۱۰٪ سرعت را آنی افزایش دهد.

افزایش محدودیت حافظه (Memory Limit)

برای کار روان با ویرایشگر المنتور و جلوگیری از خطاهای لودینگ، محدودیت حافظه را در تنظیمات هاست یا فایل wp-config.php به حداقل 256MB یا 512MB افزایش دهید.

php

define( 'WP_MEMORY_LIMIT', '512M' );

فعال سازی فشرده سازی GZIP

فشرده سازی GZIP فایل های HTML، CSS و JS را قبل از ارسال به مرورگر کاربر فشرده می کند. این کار حجم انتقال داده را تا ۷۰٪ کاهش می دهد. اگر افزونه کش ندارید، کد زیر را به فایل .htaccess هاست خود اضافه کنید:

apache

<IfModule mod_deflate.c>
 AddOutputFilterByType DEFLATE text/html text/plain text/xml text/css text/javascript application/javascript application/json
</IfModule>

۲. تنظیمات حیاتی و داخلی المنتور

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

تغییر روش بارگذاری CSS

به مسیر المنتور > تنظیمات > پیشرفته بروید و گزینه “روش چاپ CSS” را روی “فایل خارجی” (External File) تنظیم کنید.

• چرا؟ این کار باعث می شود استایل ها در یک فایل جداگانه ذخیره شوند و مرورگر کاربر بتواند آن ها را کش (Cache) کند، به جای اینکه در هر بار لود صفحه، کدها را خط به خط بخواند.

بهینه سازی بارگذاری فونت گوگل (Google Fonts Loading)

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

فعال سازی ویژگی های آزمایشی (Experiments)

به المنتور > تنظیمات > ویژگی ها بروید. گزینه های زیر برای سرعت حیاتی هستند:

• بارگذاری دارایی های بهبود یافته (Improved Asset Loading): جلوگیری از لود کدهای غیرضروری.
• بارگذاری CSS بهبود یافته (Improved CSS Loading): کاهش حجم فایل های استایل.
• کانتینر فلکس باکس (Flexbox Container): سیستم جدید چیدمان که کدهای HTML بسیار کمتری نسبت به سیستم قدیمی سطر/ستون تولید می کند.

رفع تضاد سرور (Server Configuration Conflict)

اگر ویرایشگر المنتور برای شما لود نمی شود یا کند است، در تنظیمات پیشرفته، گزینه “تغییر روش بارگذاری ویرایشگر” (Switch front-end editor loader method) را فعال کنید.

۳. بهینه سازی تصاویر؛ سنگین ترین بخش سایت

تصاویر معمولاً بیش از ۵۰٪ حجم یک صفحه وب را تشکیل می دهند.

• استفاده از فرمت WebP: تصاویر خود را به فرمت مدرن WebP تبدیل کنید. این فرمت کیفیت بالا و حجم بسیار کمتری نسبت به JPEG و PNG دارد.
• تغییر ابعاد تصاویر: هرگز یک عکس ۳۰۰۰ پیکسلی را در کادری که ۵۰۰ پیکسل است بارگذاری نکنید.
• بارگذاری تنبل (Lazy Load): این تکنیک باعث می شود تصاویر پایین صفحه (که کاربر هنوز ندیده است) لود نشوند.
• تصاویر SVG: برای لوگوها و آیکن ها حتماً از فرمت SVG استفاده کنید که بسیار سبک است و در هر سایزی کیفیت خود را حفظ می کند.

پیشنهاد اپیک پیکسل: می توانید از افزونه های قدرتمندی مثل ShortPixel یا Smush که در بخش افزونه های سایت ما موجود هستند، برای اتوماسیون این فرآیند استفاده کنید.

۴. مدیریت فونت ها و آیکن ها (کدنویسی)

المنتور به صورت پیش فرض فونت های گوگل و آیکن های Font Awesome را لود می کند که برای سایت های فارسی و سبک، اغلب غیرضروری هستند.

جلوگیری از لود فونت های گوگل و آیکن های اضافه

اگر از فونت فارسی اختصاصی استفاده می کنید، می توانید با افزودن کدهای زیر به فایل functions.php قالب فرزند (Child Theme)، لود شدن فونت های گوگل و آیکن های سنگین Eicons را متوقف کنید:

غیرفعال کردن فونت های گوگل:

php

add_filter( 'elementor/frontend/print_google_fonts', '__return_false' );

غیرفعال کردن آیکن های Eicons در فرانت -اند:

php

add_action( 'wp_enqueue_scripts', 'disable_eicons', 11 );
function disable_eicons() {
 wp_dequeue_style( 'elementor-icons' );
 wp_deregister_style( 'elementor-icons' );
}

نکته: با این کار ممکن است برخی آیکن های پیش فرض المنتور در سایت نمایش داده نشوند، پس حتماً تست کنید.

۵. سبک سازی قالب و افزونه ها

انتخاب قالب “Hello Elementor”

بهترین قالب برای المنتور، قالب رسمی آن یعنی Hello Elementor است. این قالب تقریباً “خام” است و هیچ کد اضافی ندارد. قالب های سنگین چندمنظوره اغلب دارای کدهای JS و CSS هستند که شما هرگز استفاده نمی کنید اما سرعت سایتتان را می گیرند.

حذف افزودنی های (Add-ons) غیرضروری

آیا واقعاً به ۵ پکیج افزودنی المنتور (مثل JetElements, Ultimate Addons و…) نیاز دارید؟

• قانون طلایی: فقط یک پکیج افزودنی باکیفیت نگه دارید.
• ویجت های غیرفعال: به تنظیمات افزونه جانبی بروید و ویجت هایی که استفاده نمی کنید را غیرفعال کنید (Modular Plugins).

۶. استفاده از افزونه های کش و بهینه سازی کد (Minification)

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

بهترین افزونه های کش

استفاده از افزونه هایی مانند WP Rocket (پولی) یا LiteSpeed Cache (اگر سرور لایت اسپید دارید) حیاتی است. این افزونه ها کارهای زیر را انجام می دهند:

• Minify: حذف فضا های خالی از کدهای CSS و JS.
• Combine: ترکیب فایل های کوچک.
• Delay JavaScript Execution: این ویژگی (موجود در راکت) جاوا اسکریپت های غیرضروری را تا زمانی که کاربر تعاملی با صفحه نداشته باشد، به تاخیر می اندازد و تاثیر شگفت انگیزی روی نمره GTmetrix دارد.

پاکسازی دیتابیس (Database Cleanup)

با گذشت زمان، دیتابیس وردپرس پر از رونوشت های پست (Revisions)، نظرات اسپم و داده های گذرا (Transients) می شود. با افزونه هایی مثل WP-Optimize دیتابیس خود را سبک کنید.

۷. تکنیک های پیشرفته کاهش DOM و ساختار صفحه

یکی از دلایل اصلی کندی المنتور، ساختار پیچیده HTML یا همان DOM Size زیاد است.

• از کانتینرها (Containers) استفاده کنید: سیستم کانتینر (Flexbox/Grid) کدهای تودرتوی div را به شدت کاهش می دهد.
• طراحی فلت: از گذاشتن کانتینر داخل کانتینر داخل کانتینر خودداری کنید! هرچه ساختار ساده تر، سرعت رندر بیشتر.
• کدنویسی هدر و فوتر (روش حرفه ای ها): اگر دانش فنی دارید، گاهی اوقات طراحی هدر و فوتر با کدهای CSS/HTML خالص به جای استفاده از بیلدر المنتور، می تواند سربار صفحات را به شدت کاهش دهد.

۸. مدیریت اسکریپت های خارجی

نقشه های گوگل (Google Maps)، کدهای آمارگیر متعدد، چت آنلاین و ویدیوهای امبد شده، همگی درخواست های خارجی سنگینی ارسال می کنند.

• Asset CleanUp: از افزونه هایی مثل Asset CleanUp استفاده کنید تا اسکریپت های سنگین (مثل فرم تماس یا نقشه) را فقط در صفحاتی که واقعاً حضور دارند (مثلاً صفحه تماس با ما) بارگذاری کنید، نه در تمام صفحات سایت.

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

اقدام	ابزار پیشنهادی	اولویت
نصب افزونه کش حرفه ای	WP Rocket / LiteSpeed	🔴 بسیار بالا
بهینه سازی تصاویر (WebP)	Imagify / ShortPixel	🔴 بسیار بالا
تنظیمات داخلی المنتور (CSS خارجی)	پنل تنظیمات المنتور	🔴 بسیار بالا
استفاده از قالب Hello Elementor	مخزن وردپرس	🟠 متوسط
ارتقای PHP به ۸.۱	سی پنل / دایرکت ادمین	🟡 کم (ولی مهم)

نتیجه گیری و قدم بعدی در اپیک پیکسل

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

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

آیا شما تجربه دیگری در افزایش سرعت المنتور دارید؟ در بخش نظرات با ما در میان بگذارید!