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

زمانی که از fontface@برای افزودن فونت به سایت خود استفاده می کنید ، باید چندین فایل را آماده کنید تا مرورگر های مختلف بسته به نیاز و تکنولوژی خود ، یکی را دانلود کنند. حجم این فایل ها هم از ۲۰ کیلوبایت تا ۶۰ کیلوبایت متغیر است .

در این آموزش فصد دارم تا به نحوه فشرده سازی فونت ها یا استفاده از Gzip برای فونت ها بپردازم . اگر از افزونه های کش استفاده میکنید ، احتمالا این کار را برای شما انجام دهند . اما در غیر این صورت ، حتما این روش را به کار گیرید.

اولین کاری که باید انجام دهید ، این است که از فایل htaccess خود بک آپ بگیرید تا اگر مشکلی پیش آمد ، بتوانید سریع آن را برطرف کنید . سپس کد زیر را درون فایل htaccess خود کپی کنید:

AddType x-font/otf
AddType x-font/ttf
AddType x-font/eot
AddType x-font/woff

سپس ، کد زیر را بیافزایید که gzip برای فونت ها فعال شود.

AddOutputFilterByType DEFLATE x-font/otf x-font/ttf x-font/eot x-font/woff

با همین کار کوچک ، توانستید فونت های خود را فشرده کنید و سرعت لود و رندر صفحات خود را کمی افزایش دهید .

این نوشته را به اشتراک بگذارید:

۶ سالی هست که در زمینه‌های مختلفی همچون وبلاگ‌نویسی٬ سئو و آزادکاری در یک ادمین می‌نویسم و در حال حاضر مدیرعامل شرکت فرنیان هستم.

۱۴ دیدگاه

  1. زنده باد … استفاده کردم

  2. نیازجو گفت:

    یعنی این خودش خروجی فونت ها رو فشرده میده؟ نمیخواد مثلا zip کنیم؟
    مرسی

  3. برای asp.net هم راه حلی هست؟
    چون فکر کنم این کار مخصوص php هستش

  4. آرمان گفت:

    من w3 total cache رو استفاده میکنم
    اما طبق گفته GTmetrix فونت رو gzip نمیکنه
    وقتی که این کدها رو هم گذاشتم ، ارور ۵۰۰ داد
    میشه بگید دقیقا کجا بزارمش؟

  5. امین گفت:

    من این کد رو اضافه کردم ولی تو سایت http://gtmetrix.com/ همون ارور رو میده

  6. سید علی گفت:

    error 500

    به نظر شما نباید مقدار هارو تو کانتینر گزاشت ؟ :|

  7. محمد گفت:

    سلام
    خیلی ممنون از مطلب خوبتون
    واسه من جواب داد.

  8. سلام همینجوری باید بنویسیم x-font ؟! یا باید اسم و آدر فونت خودمون رو بذاریم؟ من سایتم دو تا فونت داره در این صورت باید چکار کنم؟

شما چه دیدگاهی دارید؟

قوانین

۱- لطفا از دیدگاه‌ها برای تبلیغ مستقیم سایت خود استفاده نکنید.

۲- دیدگاه‌‌هایی که در بخش نامشان، کلمه کلیدی به کار رفته باشد تایید نخواهند شد.

برای اطلاعات بیشتر قوانین کاربری را بخوانید

آخرین نوشته‌های یک ادمین را در ایمیلتان دریافت کنید

عضو لیست ایمیلی ما شوید تا آخرین نوشته‌های یک ادمین برایتان ایمیل شود