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

- visibility ٢ mode_comment

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

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

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

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

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

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

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

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

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

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

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

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

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

ie modes

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

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

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

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

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

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

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

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

یا علی

Source

comment دیدگاه کاربران
sadaf

ممنون بابت نکات خوبی که مطرح میکنید. 😐

طراحی سایت

بسیار مفید و عالی 😎

نیاز به لاگین

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