چگونه با استفاده از فونت‌های سفارشی وب‌سایت را سریع نگه داریم

اصل ماجرا

فونت‌های سفارشی ظاهر جذابی می‌دن، اما اگر بهینه نشدن سرعت سایت رو به شدت کم می‌کنن. فونت‌ها رو به فرمت WOFF2 تبدیل کن تا حجم تا ۷۰٪ کاهش پیدا کنه. در CSS از font-display: swap استفاده کن تا متن اولیه با فونت پیش‌فرض نمایش داده بشه و بعد از بارگذاری فونت سفارشی جایگزین شه.

چرا مهمه؟

سایت‌ها بدون بهینه‌سازی فونت، زمان بارگذاری طولانی و جابجایی متن تجربه کاربر رو خراب می‌کنن. طراحان وب و توسعه‌دهنده‌ها که به سرعت و تجربه کاربری اهمیت می‌دن، مستقیماً تحت تأثیر این مشکل قرار می‌گیرن. خواننده باید این نکات رو بگیره تا سایتش سریع بمانه و کاربران راضی بمونن.

به درد کی می‌خوره؟

• طراحان وب • توسعه‌دهنده‌های فرانت‌اند • مدیران محصول • تیم‌های سئو

تو عمل چی کار کنیم؟

با تبدیل فونت‌ها به WOFF2 و افزودن font-display: swap در CSS، می‌تونی زمان لود صفحه رو به‌طور چشمگیری کاهش بدی. این کار باعث می‌شه کاربران بلافاصله محتوا رو ببینن و از جابجایی متن جلوگیری شه، در نتیجه نرخ پرش پایین می‌آید و رضایت کاربر بالا می‌رود.

نظر Blue IT News

به‌کارگیری این دو تکنیک، هزینه سرور و پهنای باند رو هم کم می‌کنه؛ پس برای پروژه‌های بزرگ یا سایت‌های پر ترافیک، حتماً این روش‌ها رو توی فرآیند توسعه بگنجانید.