no-img
دیزاینر

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


دیزاینر
مطالب ویژه
اطلاعیه های سایت

adsads
گزارش خرابی لینک
اطلاعات را وارد کنید .

ادامه مطلب

نکاتی برای داشتن سایتی ( Site Faster ) سریعتر ( قسمت ۵ )
zip
آبان ۷, ۱۳۹۴

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


اصل دوم : کاهش مقدار بایت دانلودی

نکته ۱۳: ارسال درخواستها با قابلیت کش

زمانی که شما میخواید یک درخواست Ajax و … رو به سرور بفرستید و محتوایی رو لود کنید ، اگر خاصیت کش رو فعال کنید ، برای بارهای بعدی سرعت بیشتری رو برای کاربرانتون به ارمغان آورده اید. فرض کنید شما میخواید از متد Ajax کتابخانه jQuery یک درخواست به سرور بفرستید. درخواست عادی بصورت زیر خواهد بود:

performance-help

حالا اگر بخوایم قابلیت کش رو فعال کنیم ، میتونیم بصورت زیر عمل کنیم:

همونطور که دیدن ویژگی Cache : true قرار داده شده است.

نکته ۱۴: از نامگذاری صحیح استفاده کنید

فرض کنید که شما میخواید یک آیکون رو به کاربر نشون بدین و اون رو بصورت زیر قرار میدیم:

همونطور که دیدین اسم تصویر با حروف کوچک نوشته شده. در یک صفحه دیگه میخوایم از همین آیکون استفاده کنیم ، ولی بجای حروف کوچک از حرف اول بزرگ اشتباهاً استفاده میکنیم:

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

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

نکته ۱۵: صفحاتتون رو در آخرین سبک مرورگر IE لود کنید

همونطور که میدونین مرورگر Internet Explorer نماها و مدهای مختلفی داره که عبارتند از:

ie modes

پیشنهاد شده که همیشه صفحاتتون رو در آخرین مد این مرورگر نمایش بدین. آخرین مورد هم متناسبتر و استانداردتر و هم سریعتر هست و از ویژگی های HTML5 پشتیبانی میکنه. همچنین شما میتونین کاری کنید که سایتتون در حالت IE5 و … نمایش داده بشه. مثلا اگر زمانی نیاز باشه سایتتون رو در حالت IE7 باز کنید ، میتونین از روش زیر استفاده کنید:

میتونین متاتگ بالا رو در قسمت Head سایت خودتون قرار بدین. همچنین میتونین از روش زیر استفاده کنید:

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

نکته ۱۶: فایلهای CSS رو در بالای صفحه قرار بدین

همیشه فایلهای CSS رو در بالاترین مکان صفحه قرار بدین. چون فایل CSS قالب کل سایت رو مشخص میکنه و اگر این فایل در آخر دانلود بشه ، ظاهر خیلی بدی رو برای سایت شما بوجود میاره و بهتره که قبل از همه چیز فایل CSS رو لود کنیم و بعد از اون تصاویر و … دانلود بشن.link css top

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



ads

درباره نویسنده

Admin 153 نوشته در دیزاینر دارد . مشاهده تمام نوشته های

دیدگاه ها


دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *