🔎 یکی از معروفترین توسعهدهندههای وردپرس در Reddit اعلام کرده طی دو ماه گذشته، روی بیش از ۵۰۰ سایت وردپرسی تست Performance انجام داده و نتیجه بررسیها جالب بوده است:
⚙️ بیشتر سایتها مشکل اصلیشان «سرور» یا «هاست» نبوده؛ بلکه فرانتاند سنگین و لود غیربهینه فایلها باعث کندی سایت شده است.
سه مشکل پرتکرار این سایتها:
📄 تعداد زیاد فایلهای CSS: حدود ۲۵٪ سایتها به دلیل بارگذاری ۱۲ تا ۱۸ فایل CSS جداگانه توسط افزونهها، دچار ۱ تا ۳ ثانیه تأخیر در نمایش محتوا میشوند. برای رفع این مشکل، استفاده از قابلیتهای CSS Minify و Async Load در افزونههایی مانند WP Rocket پیشنهاد میشود.
🌄 ۲) لود دیرهنگام تصویر Hero: در ۲۲٪ سایتها، تصویر اصلی به صورت
background-image در CSS تعریف شده و تا پردازش کامل CSS، اصلاً شروع به لود شدن نمیکند؛ همین موضوع LCP را بدتر میکند. بهتر است بهجای پسزمینهی CSS، از تگ معمولی img همراه با preload و اولویت بالا استفاده شود.✨ ۳) جاوااسکریپتهایی که تعامل سایت را قفل میکنند: در حدود ۷.۴٪ سایتها، صفحه ظاهراً لود شده اما دکمهها و فرمها کار نمیکنند و INP بهشدت افت میکند. استفاده از `defer`، انتقال اسکریپتها به انتهای صفحه و لود کردن JS فقط هنگام نیاز، راهکارهای اصلی پیشنهادشده هستند.
✒️ نکته جالب دیگر مربوط به فونتها بود. برخی توسعهدهندهها در کامنتها اشاره کردند که Google Fonts و FontAwesome گاهی صدها کیلوبایت فایل اضافی به سایت تحمیل میکنند؛ درحالیکه بخش زیادی از این فونتها و آیکونها اصلاً استفاده نمیشوند.
👇 ایرانسرور را در بله دنبال کنید.
🆔 @iranserver_official
