وقتی صحبت از سرعت سایت وردپرسی میشه، خیلیا سریع یاد افزونه های کش یا بهینه سازی تصویر میفتن. اما یه قسمت بسیار مهم که خیلی وقتا بهش توجه نمیشه، فونت ها هستن!
اگه فونت سایتت درست بهینه نشه، حتی با سریع ترین هاست هم ممکنه صفحه ها دیر لود و بارگذاری بشن.
توی این مقاله میخوایم به زبون ساده یاد بگیریم چطوری با بهینه سازی فونت ها در وردپرس، سرعت بارگذاری سایت رو بالا ببریم و تجربه کاربری بهتری بسازیم.
چرا بهینه سازی فونت ها در وردپرس مهمه؟
فونت ها بخش مهمی از ظاهر سایت هستن. اگه فونت ها زیبا و خوانا نباشن، کاربر خیلی زود صفحه رو میبنده. ولی اگه فونت ها درست لود نشن یا حجم زیادی داشته باشن، باعث میشن سایت کند بشه و این یعنی سئو آسیب میبینه.
گوگل همیشه سرعت سایت رو یکی از فاکتورهای اصلی رتبه دهی میدونه. پس بهینه سازی فونت ها در وردپرس نه فقط برای کاربر، بلکه برای بهبود سئو هم خیلی مهمه.
بهینه سازی یعنی کاری کنیم فونت ها هم قشنگ باشن، هم سبک و سریع لود بشن.
اول از همه: نوع فونت رو درست انتخاب کن
خیلیا میان فونت های خاص یا سنگین استفاده میکنن که حجمشون زیاد و فرمت های غیر استاندارد دارن. این باعث میشه مرورگرها دیرتر فونت رو بخونن.
اگه دنبال سرعتی هستی، حتما از فونت های وب بهینه مثل IRANSansX، Vazir، Shabnam یا Yekan استفاده کن. این فونت ها مخصوص وب طراحی شدن و فرمت های سبک‌تری دارن.
نکته بعدی اینه که از فونت های خیلی زیاد استفاده نکن. دو یا نهایت سه فونت برای کل سایت کافیه. هر فونت اضافه یعنی درخواست HTTP اضافه و لود بیشتر.
تخفیف ویژه با پرداخت اقساط
فونت ها رو محلی (local) کن
یکی از اشتباهای رایج اینه که فونت ها از منبع خارجی مثل Google Fonts یا CDN های مختلف لود میشن.
این روش راحت به نظر میاد، ولی دو تا مشکل داره:
- وابستگی به سرور خارجی باعث میشه تاخیر توی لود پیش بیاد.
- بعضی سرویس ها توی ایران به درستی کار نمیکنن.
بهترین کار برای بهینه سازی فونت ها در وردپرس اینه که فونت ها رو داخل هاست خودت قرار بدی و به صورت لوکال (Local) لود کنی.
برای این کار میتونی از افزونه هایی مثل OMGF یا Local Google Fonts استفاده کنی.
این افزونه ها فونت های گوگل رو دانلود میکنن و به صورت محلی از سرور خودت ارائه میدن.
فرمت های مناسب فونت رو بشناس
فونت ها با فرمت های مختلفی میان مثل TTF، OTF، WOFF و WOFF2.
فرمت های WOFF و WOFF2 مخصوص وب طراحی شدن و حجم خیلی کمی دارن.
پس اگه میخوای فونت سایتت سبک باشه، فقط همین دو فرمت رو نگه دار و بقیه رو حذف کن.
به این ترتیب مرورگرها راحت تر و سریع تر فونت رو بارگذاری میکنن.
فونت های غیر ضروری رو حذف کن
یه ترفند ساده ولی موثر برای بهینه سازی فونت ها در وردپرس اینه که فونت هایی که استفاده نمیشن رو حذف کنی.
مثلا اگه یه فونت فقط برای دکمه های خاصی استفاده شده، لازم نیست همه وزن های اون فونت (مثل bold، light، regular و…) لود بشن.
هر وزن اضافی یعنی فایل اضافه و سرعت کمتر.کافیه فقط وزن هایی رو نگه داری که واقعا توی طراحی سایت استفاده شدن.
از CSS برای مدیریت فونت استفاده کن
توی فایل CSS میتونی فونت ها رو به شکل بهینه بارگذاری کنی. مثلا با خاصیت font-display: swap;
این کد باعث میشه تا زمانی که فونت اصلی لود نشده، متن با یه فونت پیشفرض نشون داده بشه.
به این ترتیب کاربر سریع تر محتوا رو میبینه و بعد از لود کامل، فونت اصلی جاشو میگیره.
یه نمونه ساده از کد:
@font-face {
font-family: 'Vazir';
src: url('/fonts/Vazir.woff2') format('woff2');
font-display: swap;
}
این روش تاثیر زیادی روی بهینه سازی فونت ها در وردپرس داره چون زمان لود اولیه رو به شدت کاهش میده.
استفاده از افزونه های بهینه سازی فونت
اگه با کدنویسی راحت نیستی، میتونی از افزونه های مخصوص این کار استفاده کنی. چند مورد معروف و کاربردی:
- OMGF (Optimize My Google Fonts): فونت های گوگل رو به صورت خودکار دانلود میکنه و لوکال میکنه.
- Font Organizer: کمک میکنه فونت های سفارشی رو راحت مدیریت کنی.
- WP Rocket: در بخش File Optimization تنظیماتی برای فونت ها داره (مثل preload فونت ها).
این افزونه ها مخصوصا برای تازه کارها عالی هستن چون بدون نیاز به کد نویسی، بهینه سازی فونت ها در وردپرس رو خودکار انجام میدن.
فونت ها رو preload کن
وقتی مرورگر از قبل بدونه قراره چه فونتی لود بشه، سریع تر اون رو دانلود میکنه.
برای این کار میتونی داخل <head> سایت، از دستور preload استفاده کنی:
<link rel="preload" href="/fonts/Vazir.woff2" as="font" type="font/woff2" crossorigin="anonymous">
این ترفند کوچیک، تاثیر زیادی روی سرعت داره و یکی از نکات مهم در بهینه سازی فونت ها در وردپرس محسوب میشه.
از CDN داخلی استفاده کن (در صورت نیاز)
اگه سایت بازدید زیادی داره و سرورت فشار زیادی تحمل میکنه، میتونی فونت ها رو روی CDN داخلی قرار بدی.
فقط یادت باشه CDN باید سریع و در دسترس باشه (مثل ابرآروان).
به این ترتیب، فونت ها از نزدیک ترین سرور به کاربر بارگذاری میشن و تاخیر خیلی کاهش پیدا میکنه.
عملکرد سایتت رو تست کن
بعد از انجام همه این کارا، حتما سرعت سایت رو با ابزارهایی مثل PageSpeed Insights یا GTmetrix تست کن.
توی گزارش اونا میتونی ببینی فونت ها چه تاثیری روی سرعت دارن و آیا هنوز نیاز به بهبود دارن یا نه.
هدف اینه که زمان لود فونت کمتر از 300 میلی‌ثانیه باشه و هیچ فونت مسدودکننده‌ای (Render-Blocking Fonts) وجود نداشته باشه.
سخن پایانی
همونطور که دیدی، بهینه سازی فونت ها در وردپرس یکی از ساده ترین ولی مهم ترین کارهایی هست که میتونی برای افزایش سرعت سایت انجام بدی.
اگه فونت ها سبک، محلی و درست بارگذاری بشن، هم کاربر حس بهتری از سایتت میگیره، هم گوگل امتیاز بیشتری بهت میده.
یادت باشه زیبایی سایت خوبه، اما سرعت همیشه در اولویته. پس بین این دو تا باید تعادل ایجاد کنی.
سوالات متداول
1. آیا فونت های گوگل باعث کند شدن سایت میشن؟
بله، چون از سرورهای خارجی لود میشن و ممکنه باعث تاخیر بشن. پیشنهاد میشه فونت ها رو لوکال کنی.
2. بهترین فرمت فونت برای وردپرس چیه؟
فرمت های WOFF و WOFF2 بهترین گزینه ها هستن چون مخصوص وب طراحی شدن و حجم کمی دارن.
3. اگه از افزونه های کش استفاده کنم، باز هم باید فونت رو بهینه کنم؟
حتما. افزونه های کش کمک میکنن ولی فونت های سنگین یا غیرمحلی همچنان سرعت رو پایین میارن.
4. چند تا فونت برای سایت کافیه؟
دو تا نهایت سه فونت! استفاده از فونت های زیاد باعث افزایش درخواست های HTTP و کندی سایت میشه.
5. چطور بفهمم فونت سایتم بهینه هست یا نه؟
با ابزارهایی مثل Lighthouse یا GTmetrix میتونی ببینی که آیا فونت ها سرعت بارگذاری رو کم کردن یا خیر.
