4 نکته برای افزایش سرعت بارگذاری سایت

Saeed Mozaffari 11 سال پیش 11 سال پیش

+2 0

4 نکته برای افزایش سرعت بارگذاری سایت

1-استفاده از تگ div بجای table در "قالب بندی کلی" سایت: حتما مواجه شدید با سایت هایی که زمان بارگذاری چیزی رو نمایش نمیدن و بعد از گذشت یه مدت بسته به سرعت اینترنت کاربر به یکباره کل اطلاعات سایت نمایش داده میشه . این مسئله زمانی به وجود میاد که از تگ table استفاده کرده باشید و چون مرورگر مجبوره که تمام محتویات داخل این تگ رو بارگذاری کنه و بعد به نمایش بذاره این اتفاق رخ میده که همین امر در دفع کاربر بسیار تاثیر گذاره , به دلیل اینکه کاربر بعد از دیدن تاُخیر زیاد , زده میشه و کلاً صفحه رو میبنده.در کل برای قالب بندی اصلی سایت از این تگ استفاده نکنید. مزیت استفاده از تگ div هم اینه که محتویات سایت شما رو به قطعه های کوچکتر تقسیم میکنه و این امر باعث میشه که در زمان بارگذاری , سایت به مرور بارگذاری بشه و حتماً کاربر با دیدن بارگذاری سایت منتظر کامل شدن این فرایند میمونه .

2-استفاده از عکس هایی با فرمت gif به جای jpg :به دلیل اینکه تعداد رنگها در عکسی با فرمت jpg خیلی بیشتر از gif هست و واضح هست که حجم بیشتر مساوی است با تاُخیر بیشتر در بارگذاری.

3-استفاده از رنگ به جای تصویر: در جاهایی که ضرورتی به استفاده از تصویر نیست "حتماً" از این کار صرف نظر کنید. به عنوان مثال زمانیکه در header سایت می خواهید یک لوگوی کوچیک به کار ببرید نیازی نخواهد بود که از تصویر برای تکمیل باقی مانده فضای header استفاده کنید, چون تصویر دارای حجم خیلی بیشتری نسبت به رنگ خواهد بود که فقط با نوشتن یه تگ ساده به دست میاد . در کل هر قسمت از سایت که تونستید این اصل رو رعایت کنید.

4-استفاده از فایل Css : به جای اینکه در هر فایل HTML یه تگ style باز کنید و خاصیت های CSS رو در اون تعریف کنید , از یه فایل CSS جداگانه استفاده کنید و از هر فایل HTML به اون لینک بدید.

4 نکته برای افزایش سرعت بارگذاری سایت

1-استفاده از تگ div بجای table در "قالب بندی کلی" سایت: حتما مواجه شدید با سایت هایی که زمان بارگذاری چیزی رو نمایش نمیدن و بعد از گذشت یه مدت بسته به سرعت اینترنت کاربر به یکباره کل اطلاعات سایت نمایش داده میشه . این مسئله زمانی به وجود میاد که از تگ table استفاده کرده باشید و چون مرورگر مجبوره که تمام محتویات داخل این تگ رو بارگذاری کنه و بعد به نمایش بذاره این اتفاق رخ میده که همین امر در دفع کاربر بسیار تاثیر گذاره , به دلیل اینکه کاربر بعد از دیدن تاُخیر زیاد , زده میشه و کلاً صفحه رو میبنده.در کل برای قالب بندی اصلی سایت از این تگ استفاده نکنید. مزیت استفاده از تگ div هم اینه که محتویات سایت شما رو به قطعه های کوچکتر تقسیم میکنه و این امر باعث میشه که در زمان بارگذاری , سایت به مرور بارگذاری بشه و حتماً کاربر با دیدن بارگذاری سایت منتظر کامل شدن این فرایند میمونه .

2-استفاده از عکس هایی با فرمت gif به جای jpg :به دلیل اینکه تعداد رنگها در عکسی با فرمت jpg خیلی بیشتر از gif هست و واضح هست که حجم بیشتر مساوی است با تاُخیر بیشتر در بارگذاری.

3-استفاده از رنگ به جای تصویر: در جاهایی که ضرورتی به استفاده از تصویر نیست "حتماً" از این کار صرف نظر کنید. به عنوان مثال زمانیکه در header سایت می خواهید یک لوگوی کوچیک به کار ببرید نیازی نخواهد بود که از تصویر برای تکمیل باقی مانده فضای header استفاده کنید, چون تصویر دارای حجم خیلی بیشتری نسبت به رنگ خواهد بود که فقط با نوشتن یه تگ ساده به دست میاد . در کل هر قسمت از سایت که تونستید این اصل رو رعایت کنید.

4-استفاده از فایل Css : به جای اینکه در هر فایل HTML یه تگ style باز کنید و خاصیت های CSS رو در اون تعریف کنید , از یه فایل CSS جداگانه استفاده کنید و از هر فایل HTML به اون لینک بدید.

برای این سوال پاسخی وجود ندارد.