• illustrator Curse
  • 7Learn Android Course
  • 7Learn SEO Course
  • 7Learn WP Theme Course

    حرفه ای ترین دوره آموزش طراحی قالب وردپرس



  آیا می دانید تا کنون 6255 نفر در 14 دوره آموزشی سون لرن ثبت نام کرده اند !

نکاتی برای داشتن سایتی ( Site Faster ) سریعتر ( قسمت 10 )

4 563 ۲۱ مرداد ۹۴

در این قسمت با ادامه نکات برای داشتن سایتی سریعتر در خدمت شما هستم. با ما همراه باشید.

اصل چهارم : بهینه سازی استفاده از تصاویر و ...

نکته 33: فرمتهای تصاویر: JPEG, PNG, JPEG-XR

png

نظرات بسیار متفاوت و زیادی در وب وجود داره که مشخص میکنه که چه فرمتی از تصاویر برای استفاده در وب بهتر هست. پیشنهادی که داده شده این هست که تا جای ممکن از PNG استفاده شود که بیشترین تعادل رو در سازگاری ، سایز رمزگذری ، زمان رمزگشائی CPU و ... رو داره و بهترین نرخ فشردگی رو داره. گاهی اوقات برای تصاویر عکاسی و ... میتونین از JPEG استفاده کنید ، در بقیه موارد از PNG استفاده کنید.

نکته 34: از وضوح تصویر اصلی استفاده کنید

native image

فرض کنید شما یک تصویر دارید که 500 پیکسل عرض و 400 پیکسل ارتفاع داره و وقتی که میخاید اونو قرار بدین ، عرض و ارتفاعشو به ترتیب 50 و  40 پیکس قرار میدین ، یعنی اونو کوچک میکنید. این کار ، کار اشتباهی هست و باعث بیشتر شدن مقدار بایت دانلودی و زمان محاسبات CPU خواهد شد و بجای کوچک کردن سایز با کد ، میتونین از ابزارهای همانند Photoshop برای اینکار استفاده کنید.

نکته 35: تا جای ممکن بجای تصاویر از CSS3 Gradient استفاده کنید

css3 gradient

بعضی مواقع لازمه که گرادیانی رو برای قسمتی از سایت خودتون قرار بدین ، در گذشته این کار با استفاده از تصاویر انجام میشد ، اما امروزه با استفاده از امکاناتی که به CSS افزوده شده است ، میتونین با استفاده از کدهای CSS و بدون استفاده از تصویر این کارو انجام بدین و سایتتون رو بهینه تر کنید.

نکته 36: بجای تصاویر از CSS3 Border Radius استفاده کنید

css3 border radius

بیشتر مواقع پیش میاد که باید از یک تصویر با گوشه های گرد استفاده کنید ، میتونین بجای استفاده از تصویر مستقیما از کدهای CSS استفاده کنید و این افکت رو ایجاد کنید.

در قسمت بعدی نکات بیشتری رو براتون قرار میدم.

امیدوارم از این مطلب خوشتون اومده باشه.

پیروز و سربلند باشید

یا علی

Source

:: مطالب جدید سون لرن را از طریق ایمیل دریافت کنید :

دیدگاه ها 4 دیدگاه برای این مطلب ارسال شده است.

  • ‏‏
    mehdi karimi(۲۲ مرداد ۱۳۹۴)

    مرسی
    نکته های 36 و 35 خیلی خوبه فقط تنها مشکلی که داره اینه که یه سری از مرورگر ها هنوز ساپورتشون نمیکنن ( مطمئنا میدونید که کدوم مرورگر منظورمه 😀 )

  • ‏‏

    آقای اسفندیاری به خاطر مطالب خوبی که قرار می دین ممنونم.

  • ارسال دیدگاه

    ورود/عضویت سریع با اکانت فیسبوک/جیمیل شما

    :: شما می توانید با استفاده از اکانت یاهو یا جیمیل خود به صورت کاملا امن، سریع و بدون نیاز به ورود اطلاعات عضو و وارد سایت شوید. در این صورت هیچ نیازی به ورود نام کاربری و رمز عبور خود نخواهید داشت و هویت شما از طریق ایمیلتان مورد تائید قرار می گیرد .
    برای استفاده از این روش باید در اکانت گوگل(جیمیل) و یا یاهوی خود لاگین باشید .
    عضویت/ ورود سریع با :
    در حال اتصال ...

    ورود به سایت

    ورود سریع با :
    در حال اتصال ...

    جستجو در سون لرن

    عبارت :
    7LearnTelegram