فهرست مطالب:

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

تصویری: چگونه می توانم سرعت بارگذاری فونت خود را افزایش دهم؟

تصویری: چگونه می توانم سرعت بارگذاری فونت خود را افزایش دهم؟
تصویری: ترفند دو برابر کردن سرعت اینترنت 2024, ممکن است
Anonim

اجازه دهید یک استراتژی برای بارگذاری سریعتر فونت به شما نشان دهم

  1. قرار دادن فونت ها در CDN. یک راه حل ساده برای بهبود سایت سرعت از CDN استفاده می کند، و برای آن فرقی نمی کند فونت ها .
  2. از CSS غیر مسدود کننده استفاده کنید بارگذاری .
  3. جداگانه، مجزا فونت انتخابگرها
  4. ذخیره سازی فونت ها در محل ذخیره سازی

متعاقباً، ممکن است یکی بپرسد، چگونه می توانم فونت های گوگل را سریعتر بارگذاری کنم؟

  1. ابتدا فونت های گوگل را قبل از CSS بارگیری کنید. کد واردات گوگل را طوری قرار دهید که ابتدا مستقیماً بعد از تگ HTML HEAD بارگیری شود، حتی قبل از بارگیری فایل CSS.
  2. از فرمت لینک استفاده کنید. 3 روش وجود دارد که می توانید فونت های Google ‚ @import ، link rel و javascript را بارگیری کنید.
  3. فونت های کمتر
  4. کدهای فونت خود را ترکیب کنید
  5. نتیجه.

دوم اینکه آیا فونت های گوگل سرعت وب سایت را کاهش می دهند؟ خارجی فونت اسکریپت هایی مانند Typekit یا فونت های گوگل کند می شوند سایت شما. Typekit برای سرعت بدترین است. وب ایمن فونت ها تضمین شده است که سریعتر هستند. طبق بایگانی HTTP، از اکتبر 2016، وب فونت ها کمی بیش از 3 درصد وزن کلی یک صفحه متوسط هستند.

همچنین بدانید، چگونه فونت ها را بهینه می کنید؟

در اینجا چند مرحله وجود دارد که می توانید برای بهینه سازی تحویل فونت های خود انجام دهید

  1. حسابرسی و نظارت بر استفاده از فونت.
  2. منابع قلم زیر مجموعه.
  3. فرمت های فونت بهینه شده را به هر مرورگر ارائه دهید.
  4. در لیست src به local() اولویت بدهید.
  5. درخواست فونت را زودتر قرار دهید.
  6. ذخیره سازی مناسب یک امر ضروری است.

چگونه یک فونت را در وب سایت بارگذاری کنم؟

قانون CSS@font-face که در زیر توضیح داده شده رایج ترین روش برای افزودن فونت های سفارشی به یک وب سایت است

  1. مرحله 1: فونت را دانلود کنید.
  2. مرحله 2: یک کیت WebFont برای مرور متقابل ایجاد کنید.
  3. مرحله 3: فایل های فونت را در وب سایت خود آپلود کنید.
  4. مرحله 4: فایل CSS خود را آپدیت و آپلود کنید.
  5. مرحله 5: از فونت سفارشی در اعلان های CSS خود استفاده کنید.

توصیه شده: