اگه سایت وردپرسی ات رو با المنتور ساختی و احساس میکنی صفحات دیر باز میشن، عکسها با تأخیر میان، موقع اسکرول کردن سایت یهجورایی سنگین و کند به نظر میرسه یا حتی وقتی روی یه دکمه کلیک میکنی چند لحظه طول میکشه تا واکنش نشون بده، احتمالاً یه سؤال برات پیش اومده:
چرا سایت المنتوری من اینقدر کند شده؟
معمولاً اولین چیزی که به ذهن میرسه اینه که بگیم:
«خب، المنتور سنگینه!»
📣 اینجا محل دیده شدن تبلیغ شماست کلیک کن AD
اما ماجرا به این سادگی نیست.
خیلی وقتها خود المنتور تنها دلیل کندی سایت نیست. تصاویر حجیم، افزونههای اضافی، فونتهای زیاد، انیمیشنهای بیمورد، کدهای اضافی، هاست ضعیف، کش نامناسب یا حتی ساختار اشتباه صفحه میتونه باعث بشه سایتت سنگین بشه.
تو این مقاله میخوایم دقیقاً بریم سراغ همین مشکلات؛ یعنی ببینیم چه چیزهایی سایت المنتوری رو کند میکنن و برای هرکدوم دقیقاً باید چه کاری انجام بدی.
پس اگه میخوای بدون حدس و آزمایشهای بیپایان سرعت سایتت رو بهتر کنی، تا آخر این مقاله از رایا وردپرس منو با نگاه قشنگت همراهی کن 🙂
اول از همه؛ از کجا بفهمیم سایت واقعاً کنده؟
قبل از اینکه شروع کنی افزونه حذف کنی یا نصف تنظیمات المنتور رو تغییر بدی، یه نکته مهم رو بدون:
هر سایت با امتیاز پایین PageSpeed لزوماً برای کاربر کند نیست.
برعکسش هم وجود داره.
ممکنه سایتت توی ابزارهای تست یه امتیاز نسبتاً خوب بگیره، ولی وقتی با موبایل واردش میشی، هنوز حس کنی صفحه دیر آماده میشه یا موقع کار کردن باهاش روان نیست.
Google برای بررسی تجربه کاربر از معیارهایی مثل LCP، INP و CLS استفاده میکنه؛ یعنی سرعت نمایش محتوای اصلی، سرعت واکنش صفحه به تعامل کاربر و میزان ثبات چیدمان صفحه.
پس قرار نیست فقط دنبال یه عدد ۱۰۰ توی PageSpeed باشیم.
چیزی که واقعاً مهمه اینه که:
کاربر وارد سایت بشه، سریع محتوای اصلی رو ببینه و بدون مکث و گیر با صفحه کار کنه.
حالا بریم سراغ چیزهایی که معمولاً جلوی همین اتفاق رو میگیرن.
۱. عکسهای سنگین دارن سایتت رو کند میکنن
اگه بخوایم فقط یک مشکل رو بهعنوان یکی از رایجترین دلایل کندی سایتهای وردپرسی بگیم، احتمالاً باید از تصاویر شروع کنیم.
خیلی از سایتها رو دیدیم که یک تصویر رو با اندازه خیلی بزرگ خروجی میگیرن و همون فایل رو مستقیم داخل سایت آپلود میکنن.
مثلاً تصویر اصلی ۴۰۰۰ پیکسل عرض داره، ولی داخل سایت نهایتاً با عرض ۱۲۰۰ پیکسل نمایش داده میشه.
ظاهرش مشکلی نداره.
ولی مرورگر هنوز باید فایل بزرگ رو دریافت کنه.
حالا اگه چند تصویر مشابه هم توی همون صفحه داشته باشی، خیلی راحت حجم صفحه بالا میره.
پس چی کار کنیم؟
قبل از اینکه هر تصویری رو داخل سایت آپلود کنی، سه چیز رو بررسی کن:
- ابعاد تصویر مناسبه؟
- فرمت مناسبه؟
- حجم فایل واقعاً لازمه؟
برای خیلی از تصاویر سایت میتونی از WebP استفاده کنی و در بعضی پروژهها فرمتهای جدیدتر هم انتخاب مناسبی هستن.
اما یه نکته مهمتر هم وجود داره.
همه عکسها رو Lazy Load نکن!
این اشتباه رو خیلیها انجام میدن.
فکر میکنن هرچی Lazy Load بیشتر باشه، سرعت هم بیشتر میشه.
در حالی که اگر تصویر اصلی بالای صفحه که در نمایش محتوای اصلی نقش داره با تأخیر بارگذاری بشه، ممکنه نتیجه حتی بدتر هم بشه.
تصاویر پایین صفحه معمولاً گزینه مناسبی برای Lazy Load هستن؛ اما تصاویر مهم بالای صفحه باید با دقت بیشتری مدیریت بشن.
پس هدف این نیست که فقط بگیم:
«عکسها رو Lazy Load کن.»
هدف اینه که:
هر تصویر، با حجم مناسب و در زمان مناسب بارگذاری بشه.
۲. برای هر قابلیت کوچیک یک افزونه نصب کردی
این یکی دیگه تقریباً تبدیل شده به عادت خیلی از سایتهای وردپرسی.
یه قابلیت لازم داری؟ افزونه نصب کن.
یه ویجت لازم داری؟ Addon نصب کن.
یه افکت میخوای؟ باز یه افزونه دیگه.
آخرش چی میشه؟
وردپرس پر میشه از افزونههایی که هرکدوم ممکنه فایل CSS، JavaScript یا درخواستهای خودشون رو وارد سایت کنن.
حالا یه نکته مهم:
زیاد بودن تعداد افزونهها بهتنهایی یعنی سایت کند است؟ نه.
مشکل زمانی شروع میشه که افزونهها منابع اضافی وارد صفحات کنن یا قابلیتهایی رو در جاهایی اجرا کنن که اصلاً لازم نیست.
یه تست خیلی ساده
برو توی لیست افزونهها و از خودت بپرس:
این افزونه دقیقاً الان چه کاری برای من انجام میده؟
اگه جوابت اینه که:
«نمیدونم، شاید یه وقت لازم بشه!»
احتمالاً وقتشه دوباره بررسیش کنی.
این موضوع درباره اددان های المنتور حتی مهمتره.
اگه سه تا افزونه مختلف نصب کردی که فقط چند ویجت محدود بهت میدن، بهتره واقعاً بررسی کنی آیا این قابلیتها ارزش منابع اضافهای که وارد سایت میکنن رو دارن یا نه.
۳. صفحه رو با کانتینر و ویجت های زیاد ساختی
این قسمت خیلی مهمه و خیلی وقتها هم نادیده گرفته میشه.
گاهی یک بخش خیلی ساده سایت، بهخاطر طراحیهای متعدد و ویرایشهای پشت سر هم، به یک ساختار فوقالعاده پیچیده تبدیل میشه.
مثلاً برای ساختن یک کارت ساده، چند کانتینر توی هم قرار گرفته.
بعد برای ایجاد فاصله، یک کانتینر دیگه اضافه شده.
بعد برای قرار دادن یک آیکون، باز یک عنصر جدید ساخته شده.
در نهایت چیزی که از بیرون فقط یک کارت ساده به نظر میرسه، از داخل ساختار خیلی شلوغی داره.
اینجا بحث DOM مطرح میشه.
هرچی ساختار صفحه پیچیدهتر و تعداد عناصر بیشتر بشه، مرورگر باید کار بیشتری برای ساخت و رندر صفحه انجام بده.
پس باید چی کار کنی؟
برو سراغ صفحات قدیمی سایتت.
صفحههایی که بارها و بارها ویرایش شدن، معمولاً بهترین جا برای پیدا کردن این مشکل هستن.
دنبال این موارد بگرد:
کانتینرهای تو در توی غیرضروری
عناصری که فقط برای ایجاد فاصله ساخته شدن
ویجت هایی که میتونن حذف یا سادهتر بشن
ساختارهای قدیمی که بعداً چند بار روی هم تغییر کردن
گاهی یه بازسازی ساده میتونه ساختار صفحه رو خیلی تمیزتر کنه.
و نکته جالب اینجاست که ممکنه ظاهر صفحه هیچ تغییری نکنه، ولی زیرساختش خیلی سبکتر بشه.
۴. هر چیزی رو متحرک کردی!
بعضی سایتها رو باز میکنی، انگار وارد نمایشگاه افکتهای المنتور شدی!
این یکی از راست میاد.
اون یکی از پایین ظاهر میشه.
یکی Zoom میشه.
یکی Fade میشه.
کارتها یکییکی حرکت میکنن.
پسزمینه هم متحرکه.
تازه یه ویدیوی بکگراند هم پشت همه اینها در حال پخشه!
اوایل شاید جذاب به نظر برسه.
اما سؤال اینجاست:
آیا واقعاً همه اینها برای کاربر لازم هست؟
هر انیمیشن و افکت، در نهایت بخشی از پردازش مرورگر رو درگیر میکنه.
مخصوصاً وقتی تعداد این افکتها زیاد بشه یا روی دستگاههای ضعیفتر و موبایل اجرا بشن.
یه قانون ساده داشته باش
هر افکتی که هیچ ارزش واقعی برای تجربه کاربر ایجاد نمیکنه، لازم نیست وجود داشته باشه.
قرار نیست سایتت بیروح باشه.
ولی قرار هم نیست برای هر تیتر و دکمهای انیمیشن جداگانه تعریف کنی.
طراحی حرفهای یعنی استفاده درست از افکت، نه استفاده از همه افکتها.
۵. فونت و آیکونهای اضافه داری
این مورد برای سایتهای فارسی اهمیت بیشتری داره.
خیلی از سایتها چند وزن مختلف از یک فونت رو بارگذاری میکنن:
- Regular
- Medium
- SemiBold
- Bold
- ExtraBold
در کنارش هم چند مجموعه آیکون و چند کتابخانه مختلف استفاده میشه.
در حالی که شاید واقعاً فقط دو یا سه وزن فونت در کل سایت استفاده شده باشه.
چه کار کنی؟
اول ببین واقعاً چه وزنهایی نیاز داری.
اگه از پنج وزن فقط سه تا استفاده میکنی، دوتای دیگه رو بیدلیل نگه ندار.
همین موضوع برای آیکونها هم صدق میکنه.
گاهی فقط برای چند آیکون ساده، یک کتابخانه کامل وارد سایت میشه.
هدف این نیست که همه چیز رو حذف کنیم.
هدف اینه که:
فقط چیزهایی که واقعاً استفاده میشن، بارگذاری بشن.
۶. مشکل از المنتور نیست؛ مشکل از هاستته
اینجا دقیقاً جاییه که خیلیها مسیر رو اشتباه میرن.
سایت کند شده؟
افزونه بهینهسازی نصب میکنن.
باز کند شده؟
یه افزونه کش دیگه نصب میکنن.
باز هم مشکل هست؟
میگن:
«المنتور خیلی سنگینه!»
در حالی که شاید مشکل اصلی اصلاً داخل صفحه نباشه.
هاست ضعیف، منابع محدود سرور، تنظیمات نامناسب PHP، دیتابیس سنگین، کش ضعیف، CDN نامناسب یا پاسخ اولیه کند سرور همگی میتونن روی سرعت سایت اثر بذارن.
چطور بفهمیم مشکل از سروره؟
یک تست خیلی خوب انجام بده.
یه صفحه فوقالعاده ساده بساز.
بدون اسلایدر.
بدون ویدیوی پسزمینه.
بدون انیمیشن سنگین.
بدون Addon اضافی.
فقط چند متن و تصویر ساده.
اگر همون صفحه ساده هم با تأخیر زیادی باز میشه، احتمالاً باید بری سراغ سرور و زیرساخت.
یعنی قبل از اینکه به المنتور شک کنی، وضعیت هاستت رو هم بررسی کن.
۷. فقط دنبال عدد ۱۰۰ در PageSpeed هستی
این یکی از رایجترین اشتباهاته.
PageSpeed ابزار خوبیه و خیلی کمک میکنه مشکلات عملکردی رو پیدا کنی.
اما قرار نیست هدف نهایی سایتت رسیدن به عدد ۱۰۰ باشه!
ممکنه برای بالا بردن امتیاز چند قابلیت کاربردی رو حذف کنی، یک اسکریپت مهم رو به تعویق بندازی یا بعضی چیزها رو بیش از حد فشرده کنی؛ ولی کاربر در نهایت هیچ تجربه بهتری نداشته باشه.
Google هم برای ارزیابی تجربه صفحه فقط به یک عدد نگاه نمیکنه و روی تجربه کلی کاربر و معیارهای مختلف تأکید داره.
پس بهجای این سؤال:
«چطوری PageSpeed رو ۱۰۰ کنم؟»
این سؤال رو بپرس:
«چطوری کاری کنم کاربر سریعتر محتوای اصلی رو ببینه و بدون مکث با سایت کار کنه؟»
این دو سؤال شبیه هم به نظر میرسن، ولی نتیجهشون میتونه کاملاً متفاوت باشه.
حالا چطور سرعت سایت المنتوری رو بیشتر کنیم؟
حالا که فهمیدیم چه چیزهایی میتونن باعث کندی سایت بشن، وقتشه بریم سراغ کار عملی.
پیشنهاد میکنیم همه چیز رو یکدفعه تغییر ندی.
یک صفحه مهم از سایتت رو انتخاب کن.
مثلاً:
صفحه اصلی
یک صفحه خدمات
یک صفحه محصول
یا یک مقاله مهم
بعد قدمبهقدم جلو برو.
قدم اول: قبل از هر کاری تست بگیر
اول وضعیت فعلی صفحه رو ثبت کن.
با PageSpeed Insights تست بگیر و در صورت نیاز از ابزارهای تحلیل عملکرد دیگه هم استفاده کن.
مقادیر LCP، INP و CLS رو ببین.
مهمه که قبل از بهینهسازی بدونی الان دقیقاً کجای کار مشکل داره.
قدم دوم: عکسها رو بررسی کن
اول برو سراغ تصاویر.
حجم فایلها رو بررسی کن.
ابعاد رو ببین.
فرمت رو بررسی کن.
تصاویر غیرضروری رو حذف کن.
و برای تصاویر پایین صفحه، Lazy Load رو درست تنظیم کن.
خیلی وقتها همین مرحله بهتنهایی میتونه تفاوت محسوسی ایجاد کنه.
قدم سوم: افزونهها رو تمیز کن
حالا برو سراغ افزونهها.
هر چیزی که بلااستفادهست حذف کن.
Addonهای اضافی المنتور رو بررسی کن.
افزونههایی که قابلیت مشابه ارائه میدن رو مقایسه کن.
و مهمتر از همه:
برای هر مشکل سرعت، سریع یه افزونه جدید نصب نکن.
گاهی بهترین بهینهسازی، حذف یک افزونه اضافیه.
قدم چهارم: ساختار صفحات رو بررسی کن
برو سراغ صفحات قدیمی.
Containerهای اضافه رو پیدا کن.
ساختارهای خیلی تو در تو رو ساده کن.
عناصری که فقط برای فاصلهگذاری اضافه شدن رو بررسی کن.
قرار نیست همه صفحات رو از صفر بسازی.
فقط بخشهایی رو که واقعاً پیچیده و غیرضروری هستن، مرتب کن.
قدم پنجم: فونتها و اسکریپتها رو سبکتر کن
فونتهای اضافه رو حذف کن.
وزنهای غیرضروری رو کنار بذار.
کتابخانههای آیکون اضافی رو بررسی کن.
بعد برو سراغ اسکریپتهای شخص ثالث.
ابزارهای چت، آمارگیر، تبلیغات، بازاریابی و سرویسهای مختلف گاهی میتونن حجم قابل توجهی از منابع صفحه رو مصرف کنن.
ممکنه چیزی که کاربر حتی مستقیماً نمیبینه، یکی از دلایل اصلی کندی صفحه باشه.
قدم ششم: کش و هاست رو بررسی کن
حالا نوبت کش و زیرساخته.
مطمئن شو Page Cache درست تنظیم شده.
کش مرورگر درست کار میکنه.
در صورت نیاز CDN بهدرستی فعال شده.
نسخه PHP مناسبه.
و سرور منابع کافی برای سایتت داره.
فقط یک نکته:
چند افزونه مختلف برای یک کار نصب نکن.
مثلاً همزمان چند سیستم مختلف برای Minify، Delay JavaScript یا Cache فعال نکنی.
گاهی همین موضوع باعث تداخل و مشکلات عجیب میشه.
چطور بفهمیم دقیقاً کدام بخش سایت کندش کرده؟
اینجا یه روش خیلی ساده ولی حرفهای بهت میگم.
همه چیز رو همزمان تغییر نده.
این الگو رو اجرا کن:
تست اولیه ← یک تغییر ← تست مجدد ← مقایسه ← تغییر بعدی
مثلاً اول تصاویر رو اصلاح کن.
بعد تست بگیر.
اگر نتیجه بهتر شد، تغییر بعدی رو انجام بده.
بعد افزونهها رو بررسی کن.
دوباره تست بگیر.
به همین ترتیب ادامه بده.
اینطوری دقیقاً متوجه میشی چه تغییری واقعاً روی سرعت اثر گذاشته.
و اگر یک تغییر نتیجه بدی داشت، خیلی راحت میفهمی مشکل از کجا بوده.
آیا خود المنتور باعث کند شدن سایت میشود؟
جواب کوتاه اینه:
نه، نمیشه هر سایت کند المنتوری رو فقط به خاطر استفاده از المنتور مقصر دونست.
یک سایت میتونه با المنتور ساخته شده باشه و عملکرد خوبی داشته باشه.
یک سایت دیگه هم میتونه با همین ابزار، بهشدت سنگین باشه.
تفاوت معمولاً به نحوه ساخت سایت برمیگرده.
اگر صفحه پر از تصاویر حجیم، ویجت های اضافی، اسکریپتهای شخص ثالث، انیمیشنهای زیاد و ساختار پیچیده باشه، طبیعیه که منابع بیشتری مصرف کنه.
اما اگر همه چیز کنترل شده باشه، ساختار صفحه ساده باشه و زیرساخت مناسبی داشته باشی، شرایط کاملاً فرق میکنه.
پس قبل از اینکه بگی:
«المنتور سایت منو کند کرده!»
یک سؤال بهتر از خودت بپرس:
«دقیقاً کدوم بخش سایت داره بیشترین منابع رو مصرف میکنه؟»
از همینجا عیبیابی واقعی شروع میشه.
چکلیست افزایش سرعت سایت المنتوری
قبل از اینکه بگی کارت تموم شده، این موارد رو یکییکی بررسی کن:
☑ تصاویر حجیم نداری
☑ تصویر اصلی صفحه اشتباهی Lazy Load نشده
☑ افزونههای بلااستفاده حذف شدن
☑ Addonهای اضافی المنتور نصب نیستن
☑ ساختار صفحه بیش از حد تو در تو نیست
☑ Animationهای غیرضروری حذف شدن
☑ ویدیوی پسزمینه غیرضروری نداری
☑ فونتها و وزنهای اضافه حذف شدن
☑ اسکریپتهای شخص ثالث بررسی شدن
☑ کش درست تنظیم شده
☑ وضعیت هاست بررسی شده
☑ نسخه موبایل هم تست شده
☑ LCP، INP و CLS بررسی شدن
☑ بعد از هر تغییر تست مجدد گرفتی
جمعبندی؛ قبل از حذف المنتور، مشکل واقعی را پیدا کن
اگه سایت المنتوریات کند شده، اولین کاری که نباید بکنی اینه که سریع نتیجه بگیری:
«پس مشکل از المنتوره!»
گاهی یک تصویر سنگین باعث مشکل شده.
گاهی یک افزونه اضافی.
گاهی ساختار یک صفحه بیش از حد پیچیده شده.
گاهی چند اسکریپت شخص ثالث روی هم جمع شدن.
و بعضی وقتها هم مشکل اصلی اصلاً داخل سایت نیست و باید هاست و زیرساخت رو بررسی کنی.
پس راه درست اینه:
اول اندازهگیری کن.
بعد مشکل رو پیدا کن.
بعد دقیقاً همون بخش رو بهینه کن.
نه اینکه بدون اینکه بدونی مشکل کجاست، پنج افزونه سرعت نصب کنی و ده تنظیم مختلف رو همزمان تغییر بدی.
در نهایت، سایت سریع سایتی نیست که همهچیز رو ازش حذف کرده باشی.
سایت سریع سایتیه که فقط چیزهایی رو بارگذاری میکنه که واقعاً برای کاربر لازمه.
و همین نگاه ساده میتونه تفاوت بین یک سایت المنتوری سنگین و یک سایت المنتوری سریع و حرفهای باشه.
