یکی از دلایل رایج کندی سایتها، دیر لود شدن فونتهاست. مرورگر معمولاً فونتها را دیر کشف میکند؛ اول باید HTML را بخواند، بعد فایل CSS را دانلود کند و تازه آنجا متوجه شود که چه فونتی لازم دارد. نتیجهاش این است که متن سایت یا با تأخیر نمایش داده میشود (FOIT) یا اول با فونت پیشفرض نشان داده شده و بعد ناگهان به فونت اصلی تغییر میکند (FOUT) که باعث پرش متن و افت نمره Core Web Vitals بهخصوص LCP و CLS میشود.
راهحل این مشکل Preload کردن فونت است؛ یعنی به مرورگر از همان ابتدا اعلام کنیم: «این فونت را لازم داری، از همین الان دانلودش کن.» این کار با افزودن یک تگ ساده در بخش <head> سایت انجام میشود و افزونه ما دقیقاً همین کار را بهصورت خودکار برایتان انجام میدهد — بدون نیاز به کدنویسی.
دانلود افزونه پریلود فونت های وبسایت
آموزش گام به گام
گام ۱: نصب افزونه
- وارد پیشخوان وردپرس شوید.
- از منوی افزونهها ← افزودن، فایل افزونه را بارگذاری و نصب کنید.
- روی فعال کردن کلیک کنید.
گام ۲: پیدا کردن آدرس فونتهای سایت
برای اینکه بدانید چه فونتهایی در سایت شما لود میشوند:
- سایت خود را در مرورگر (ترجیحاً کروم) باز کنید.
- کلید F12 را بزنید یا راستکلیک کرده و Inspect را انتخاب کنید.
- به تب Network بروید.
- در نوار فیلتر، گزینه Font را انتخاب کنید.
- صفحه را یکبار رفرش کنید (Ctrl + R).
حالا لیست تمام فونتهایی که سایت شما لود میکند را میبینید. روی هر فونت راستکلیک کنید و گزینه Copy → Copy URL را بزنید تا آدرس کامل آن کپی شود.
💡 نکته: آدرس فونت معمولاً به فرمتهای
woff2یاwoffختم میشود، مثلاً:
https://yoursite.com/wp-content/themes/your-theme/fonts/Vazir.woff2
گام ۳: افزودن آدرس فونتها به افزونه
- در پیشخوان وردپرس به تنظیمات افزونه بروید.
- آدرس فونتهایی که کپی کردهاید را در کادر مربوطه وارد کنید.
- تنظیمات را ذخیره کنید.
تمام! از این لحظه افزونه بهصورت خودکار تگ preload را برای فونتهای شما در head سایت قرار میدهد.
گام ۴: بررسی نتیجه
برای اطمینان از عملکرد افزونه:
- روی صفحه سایت راستکلیک کنید و View Page Source را بزنید.
- عبارت
preloadرا جستجو کنید (Ctrl + F). باید تگی شبیه این ببینید:
<link rel="preload" href="آدرس-فونت-شما.woff2" as="font" type="font/woff2" crossorigin>- همچنین میتوانید سرعت سایت را قبل و بعد از فعالسازی با ابزارهایی مثل PageSpeed Insights یا GTmetrix مقایسه کنید.
نکات مهم
- ⚠️ فقط فونتهای اصلی را پریلود کنید. پریلود کردن تعداد زیاد فونت نتیجه عکس دارد؛ ۲ تا ۴ فونتی که در بالای صفحه (متنهای اصلی و عنوانها) استفاده میشوند کافی است.
- ✅ اولویت با فرمت woff2 است چون سبکترین و بهینهترین فرمت فونت وب محسوب میشود.
- 🔄 اگر قالب یا فونت سایت را عوض کردید، فراموش نکنید آدرسهای جدید را در تنظیمات افزونه بهروزرسانی کنید.
- 🧹 اگر از افزونه کش استفاده میکنید، بعد از ذخیره تنظیمات یکبار کش سایت را پاک کنید.
جمعبندی
با چند دقیقه وقت و بدون یک خط کدنویسی، فونتهای سایتتان زودتر لود میشوند، پرش متن از بین میرود و نمره سرعت سایتتان بهبود پیدا میکند. کافی است افزونه را نصب کنید، آدرس فونتها را از تب Network مرورگر بردارید و در تنظیمات افزونه ذخیره کنید.
دانلود افزونه پریلود فونت های وبسایت
هنوز دیدگاهی ثبت نشده است.