• 1400/02/29

حجم بالای آیکون ها :

سلام دوستان. بنده وقتی از آیکون های فونت اوسام استفاده میکنم حجم بالایی(1 مگابایت) دارند. آیا این طبیعیست؟

این هم فایلم: لطفا ببینید چیز اضافه ای توش قرار دادم که باعث افزایش حجم شده:

https://s18.picofile.com/file/8434121142/1.rar.html

  • 1400/02/30
  • ساعت 03:10

سلام 

از فایلی ک توی اسمش .min داره استفاده کنید


  • 1400/02/30
  • ساعت 09:46

البته یک آیکن حجم اضافی زیادی میبره و ممکنه خیلی هاش استفاده نشه. به نظرم بهتره شما آیکن های خودتون رو بزنین.

و بله .min هم استفاده کنین هم خوبه.

https://glyphter.com/


  • 1400/02/30
  • ساعت 10:07

با سلام خدمت شما همراه عزیز

 

دوستان عزیز کاملا درست راهنمایی کردن


  • 1400/02/30
  • ساعت 14:48

سلام. مشکل فایل css آیکون ها نیست. اون که حجمی نداره. ولی وقتی از اون فایل css استفاده می کنم برای این که آیکون ها رو نمایش بده مجبورم که فونت آیکون های font awsome رو هم به پروژم اضافه کنم که حجمشون 1 مگه! 


  • 1400/02/30
  • ساعت 14:49

مشکلی نیست دوست عزیز بجاش از cdn استفاده کنید اگر‌روی سایز حساس هستید


  • 1400/02/30
  • ساعت 14:56

استفاده از cdn سرعت سایت رو پایین تر میاره یا همینجوری؟

 


  • 1400/02/30
  • ساعت 14:56

منظورم این هست که کدومشون برای سرعت سایت بهتره؟


  • 1400/02/30
  • ساعت 14:59

لینک زیر‌رو‌ مشاهده کنید

 

 

https://www.cloudflare.com/learning/performance/speed-up-a-website/


  • 1400/02/30
  • ساعت 15:00

بله‌


  • 1400/02/30
  • ساعت 15:03

یعنی اگر از cdn استفاده شه حجم صفحه و سرعت بارگذاریش خیلی کمتر میشه. درسته؟

خودتون هم از cdn استفاده می کنید در پروژه هاتون؟


  • 1400/02/30
  • ساعت 15:04

cdn نکات منفی زیادی داره

 

مثلا لینکش عوض بشه دیگه کار نمیکنه

یا مثلا فیلتر بشه دیگه کار نمیکنه

یا اگر نرم افزارتون به اینترنت وصل نباشه اجرا نمیشه


  • 1400/02/30
  • ساعت 15:08

پس باید چیکار کنیم که بخاطر آیکون  یک مگابایت به حجم صفحمون اضافه نشه؟


  • 1400/02/30
  • ساعت 15:09

minify کنید 

 

سایت های انلاین هستن که minify میکنن کدهارو


  • 1400/02/30
  • ساعت 15:11

و اینکه به عنوان مثال من وقتی یک صفحه وب که از آیکون ها استفاده کرده، مثلا همین تاپلرن رو باز میکنم یک مگابایت آیکون دانلود میشه؟


  • 1400/02/30
  • ساعت 15:13

فایل هایی css js image های صفحه همگی دانلود میشن

 

البته عکس های یکسری قابلیت ها دارن که روی‌سرعت تاثیر نذارن


  • 1400/02/30
  • ساعت 15:16

استاد مثلا همین پروژه مثالی که من ساختم:

https://s18.picofile.com/file/8434121142/1.rar.html

همون طور که میبینید font awsome حجمی نداره(100 کیلو بایت هم نمیشه) ولی برای اینکه بتونم آیکون هارو ببینم و به شکل یک مربع خالی نشون نده، از فونت های font awsome استفاده کردم که توی پوشه fonts گذاشتم. 


  • 1400/02/30
  • ساعت 15:16

حالا وقتی کاربر میخواد صفحه من رو ببینه باید تمام محتویات پوشه fonts رو هم دانلود کنه؟


  • 1400/02/30
  • ساعت 15:17

با ابزار هایی مثل 

 

https://gtmetrix.com/

 

میتونید متوجه ایرادات سایتتون بشید و برطرف کنید


  • 1400/02/30
  • ساعت 15:17

یعنی موقع بارگذاری صفحه فونت ها(ttf, eot, woof و...) هم دانلود میشن؟ حتی اگر ازشون استفاده نکرده باشیم؟


  • 1400/02/30
  • ساعت 15:18

اگر به صفحه جاری لینک شده باشن بله


  • 1400/02/30
  • ساعت 15:19

به صفحه لینک نشدن. به فایل css ای که به صفحه لینک شده، لینک شدن


  • 1400/02/30
  • ساعت 15:20

فرقی نداره بالاخره لینک هستن


  • 1400/02/30
  • ساعت 15:22

استاد اگر ممکنه شما یک پروژه آزمایشی که توش از font awsome استفاده شده بفرستید تا ببینم باید چیکار کرد.


  • 1400/02/30
  • ساعت 15:37

من همون فولدر اصلی رو استفاده میکنم


  • 1400/02/30
  • ساعت 15:45

منظورتون همون فولدر دانلودی هست؟ حجمش خیلی زیاد نیست؟ سرعت صفحه خیلی پایین نمیاد؟


  • 1400/02/30
  • ساعت 15:47

بله

 

خیر‌ محسوس‌نیست


  • 1400/02/30
  • ساعت 15:50

ممنون. پس تو پروژه هام همینجوری استفاده کنم مشکلی پیش نمیاد:

https://s18.picofile.com/file/8434121142/1.rar.html

 


  • 1400/02/30
  • ساعت 15:51

من فایل رو نمیتونم دانلود کنم دوست عزیز

 

 

دقیقا همونجوری‌که‌ سایت fontawsome قرار‌داده استفاده کنید


  • 1400/02/30
  • ساعت 15:54

 


  • 1400/02/30
  • ساعت 15:56

استاد استفاده از اون فونت هایی که توی پوشه fonts قرار دادم الزامیه؟ وقتی اون هارو نمیزارم فونت ها برام به شکل یک مربع خالی نمایش داده میشن. ولی وقتی میزارمشون حجم یک مگابایت بیشتر میشه.


  • 1400/02/30
  • ساعت 16:25

بله ا‌ون ها فونت های اصلی هستن


  • 1400/02/30
  • ساعت 16:53

همین سه تا فرمت(ttf, eot, woof) برای فونت های اصلی بسته و همه جا نمایش میده؟


  • 1400/02/30
  • ساعت 16:55

خب اگه خیلی نگران حجم هستید استاد گفتن از cdn استفاده کنین. من هم منظورم فایل css نبود. فونت ها رو عرض می کنم. Glyphter یک سایتی مخصوص آیکون ساختن که شما می تونین svg های فونت آسوم رو بندازین تو glyphter یا هم با adobe illustrator  اس وی جی های آیکون های خودتون رو بسازید. اینجوری فقط آیکون هایی که نیاز دارین رو می اندازین تو glyphter که حجم‌ بالای آیکون های font awesome رو کاهش می ده.

بسه دیگه. من یه کاری کردم پاسخ دادم، الان از صبح برام ایمیل میاد که پاسخ جدید برای حجم بالای آیکون ها🤦‍♂️

 

 


  • 1400/02/30
  • ساعت 16:58

بله


  • 1400/02/30
  • ساعت 17:00

خیلی ممنونم آقای خسروجردی. خیلی ببخشید که اینقدر اذیتتون کردم.


  • 1400/02/30
  • ساعت 17:01

نخیر خواهش میکنم


  • 1400/03/12
  • ساعت 10:55

سلام وقتتون بخیر

ببخشید استاد در مورد ایکون ها من وقتی از کارم خروجی میگیریم ایکون ها رو بصورت مربع نشون میده و جالبیش اینه که وقتی از cdn استفاده میکنم تو مرورگر اجرا میشه و ایکون هارو میبینم ولی وقتی پوشه فونت ایجاد میکنم و ادرس رو کپی میکنم اصلا نشون نمیده .با هر مرورگر دیگه که باز کنم همینه!ممنون میشم راهنماییم کنین.


  • 1400/03/12
  • ساعت 11:55

وقتی که پوشه رو اضافه می کنین url رفرنس هاتونم تغییر می دید؟


  • 1400/03/12
  • ساعت 12:34

اره الان متوجه شدم مشکل از کجا بود.تشکر


logo-samandehi