چرا بودجه عملکرد استاتیک مهم است
بودجه عملکرد اهداف انتزاعی را به محدودیتهای مشخص تبدیل میکند. وقتی هر مسیر سقف bundle دارد، تیمها زودتر درباره trade-off تصمیم میگیرند.
برای سایتهای پرتفولیو و مارکتینگ، تولید استاتیک TTFB را قابل پیشبینی نگه میدارد و بیشتر کار را به CDN میسپارد.
بهتعویق انداختن جزایر سنگین کلاینت
هر تعامل به hydration در اولین paint نیاز ندارد. نمودارها، سوییچ تم و کاروسلها را پشت dynamic import و intersection observer جدا میکنم.
- هیرو و متن اصلی را server-rendered نگه دارید.
- ویجتهای غیرحیاتی را بعد از ورود به viewport بارگذاری کنید.
- برای جلوگیری از layout shift از CSS استفاده کنید.
اندازهگیری LCP در پروداکشن
امتیاز آزمایشگاهی مفید است، اما داده میدانی تجربه واقعی کاربر را نشان میدهد. Lighthouse CI را با RUM روی قالبهای کلیدی ترکیب میکنم.
اول سریع تحویل دهید، بعد بودجه را با CI محافظت کنید.
