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

- visibility ۴ mode_comment

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

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

نکته 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

comment دیدگاه کاربران
mehdi karimi

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

خواهش میکنم
بله بله آشنایی دیرینه ای با اون مرورگر دارم:))
موفق باشید

Paria RVN

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

خواهش میکنم
قابلتونو نداره
موفق باشید

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.