دسته بندی
-
نکات طراحی صفحات وب - روشهایی برای کاهش زمان لود صفحات وب
-
نکات طراحی صفحات وب - روشهایی برای کاهش زمان لود صفحات وب
-
00
-
بازدید این صفحه : ۲۹۳۹تاريخ : 11 اسفند 1392
زمان لازم برای بارگذاری ( load ) باز شدن صفحات وب از دغدغههای اصلی صاحبان وبسایتها است. در این مقاله با ده روش موثر در ارائه سریع تر صفحات آشنا می شوید.
1 – استفاده از scriptهای خارجی:
اگر میخواهید از دستورهای script در صفحات مختلف وب سایت خود استفاده میکنید، بهترین ترفند استفاده از script های خارجی است. این بدان معنی است که دستورات javascript از منابع دیگری لود شود.
مثلا: کد
این راه کمک میکند تا مرورگر script را ذخیره (cache) کند و بارها و بارها آن را بخواند.
2- کاهش درخواستهای HTTP
فرض کنید لود هر آیتم بهروی وب سایت شما حدود دو دهم ثانیه زمان بگیرد. پس اگر سایت شما بطور همزمان 10 عکس رو لود کند، صرف نظر از این که آیتم ها ، استایل شیت، عکس، یا اسکریب باشند زمانی حدود دو ثانیه طول خواهد شد. بنابراین باید تلاش کنید تا از این درخواستهای HTTP کاسته شود. مثلا در بخش فوتر سایت که سهم عکس زیاد است باید با استفاده از روشهایی مثل imagemap بخش زیادی از درخواستهای HTTP را کم کنید.
3- به سایتهای دیگر وابسته نباشید
اگر به سایتهای دیگر وابسته هستید مطمئن باشید که سرعت لود صفحات شما زیاد میشود. اگر وب سایت شما از مولفههای مختلفی تشکیل شده که از روی سایتهای دیگر اجرا میشود حتما سرعت لود صفحات کم خواهد شد چون ممکن است سرورهایی که به آن وابستهاید، درخواستهای HTTP زیادی داشته باشند.
4- بهینهسازی عکسها
همیشه از گزینه save for web برای کم کردن حجم عکسهای وب استفاده کنید. این گزینه را می توانید در برنامههایی مانند فتوشاپ ببینید.
5- فاصله اضافی را حذف کنید
منظور از فاصله اضافی در اینجا فاصلههای بلااستفاده ای است که مابین کدهای صفحه وجود دارد. حذف کردن تبها و فاصلههای اضافی از کدها یعنی کم کردن بایتهای اضافی که کاربردی ندارند. حتما این کار را انجام دهید و ببیند که چقدر در زمان لود صفحه شما موثر خواهد بود.
6- استفاده از CSS و بهینه کردن CSS
CSS می تواند مهمترین تاثیر را در زمان لود صفحات داشته باشد. مرورگر میتواند تمامی فرمتها و استایلهای صفحات شما را ذخیره کند و بارها و بارها آنها را نخواند. در ضمن مطمئن شوید که CSS ای تر و تمیز و مرتب دارید. میتوانید از سایت زیر برای مرتب کردن کدهای css وب خود استفاده کنید تا بخشهای شبیه به هم را ادغام، کدهای بیاستفاده را شناسایی و فواصل اضافی از بین کدهای شما را حذف کند.
http://www.cleancss.com
7- اسلش را فراموش نکنید
وقتی کاربران به سراغ لینک یا صفحهای خاص مثل این آدرس بروند http://www.microrayaneh.com سرور ناگزیر از ساختن صفحاتی با این محتوا است. اما اگر یک (/) به انتهای آدرس اضافه شود
کد: http://www.microrayaneh.com/
آنگاه سرور دقیقا میداند چه چیزی مورد درخواست کاربر بوده و در کاهش زمان لود بسیار موثر است.
8- کدام فرمت عکس استفاده شود؟
شما باید از دو فرمت GIF و PNG برای عکسهای خود استفاده کنید. فرمت GIF بیشتر در مواردی که از رنگ تخت استفاده شده کاربرد دارد مانند لوگوها و دگمهها.
PNG نیز مانند GIF فرمت سادهای است که از تعداد رنگهای بیشتری پشتیبانی میکند. JPEG فرمتی است که بیشتر مناسب عکاسها و عکسهایی است که می خواهند رنگ واقعی داشته باشند.
9- از تگهای عرض و ارتفاع غافل نشوید
تگهای عرض و ارتفاع برای عکسها بسیار مهم است. این تگها برای مرورگر مشخص میکند که چه فضایی از صفحه به عکس اختصاص دارد و از ابتدا تا زمان لود کامل فضای کافی برای عکس را کنار میگذارد و با سرعت بیشتری میتواند سایر عناصر صفحه را لود کند. بنابراین هرگز از این تگگذاری غافل نشوید.
10- استفاده از Cache
استفاده از Cache هم از مواردی است که میتواند در لود سریعتر صفحات کمک زیادی بکند.
منبع : میکرورایانه
نظر شما
-
خدمات طراحی سایت
-
ویترین اخبار
- راه اندازی سایت نشریه الکترونیک فرهنگ انقلاب اسلامی
- ملاک شناخت یک شرکت طراحی سایت قوی و توانا برای راه اندازی سایت اینترنتی شما چیست؟
- فرا رسیدن نوروز باستانی، یادآور شکوه ایران و یگانه یادگار جمشید جم بر همه ایرانیان پاک پندار، راست گفتار و نیک کردار خجسته باد
- راه اندازی وب سایت اینترنتی ماشین سازی درستگاههای تولید آرد
- راه اندازی وب سایت اینترنتی ملک آریا
- 7 مورد از قابلیتهای غیرمنتظره در iOS 7
- Apex در برابر Nova: مقایسه دو لانچر اندروید
- پاداش 15,000 دلاری برای شکستن قفل TouchID
- نیکون از AW1، اولین دوربین ضد آب با قابلیت تعویض لنز، پرده برداشت
- لومیا 1520 نوکیا و این بار مشخصات فنی، قیمت و زمان عرضه
- رکورد فروش موبایل در دست 8 مدل
- اپل در حال تست نسخه های 701 و702 و 71 سیستم عامل iOS؟
- علت دقیق سرعت پایین اینترنت را نمیدانیم
- بررسی اکسپریا Z1 سونی
- آموزش ساخت ایمیل یاهو پس از حذف ایران!
- سهام توییتر روانه بازار بورس میشود
- تبلیغات تازه مایکروسافت علیه آیفون شکست خورد
- مدیرعامل اینتل: تبلتهای زیر 100 دلاری در تعطیلات سال نوی میلادی از راه میرسند
- 27 شهریور iOS 7 برای آیفونها و آیپدها منتشر میشود
- کنسول بازی جدید سونی با قابلیت های جذاب و قیمت مناسب معرفی شد: Vita TV
- کمپانی دل برای چینی ها لب تاب لوحی می سازد!!!
- ایسوس فون پد 7 اینچی جدید را معرفی کرد: تبلت/تلفن هیبریدی با اسپیکر دو کاناله
- یاهو لوگوی جدید خود را رونمایی کرد
- ایسوس از لپتاپ لمسی و ارزان قیمت X102BA با پردازنده AMD پرده برداشت
- دوباره Moto X و این بار تصویر رندر شده تبلیغاتی آن [بروز شد]
- ولخرجیهای گوگل در حوزه دیتاسنتر ادامه دارد: 6-1 میلیارد دلار در سه ماهه دوم 2013
- تشکیل گروه جهانی« طراحی فناوریهای پوشیدنی» در موتورولا، با استناد به آگهی استخدام این شرکت
- آشنایی با سیستمفایلها و نحوه فرمتکردن درایوهای خارجی در مک
- سرفیس RT هنوز نمرده است
- دانلود کنید: اپلیکیشن VLC برای کاربران iOS منتشر شد
- بررسی همهجانبۀ شایعات پیرامون ساعتهای هوشمند
- تصاویر واضح از آیفون ارزان قیمت در کنار آیفون 5 فاش شد
- تبدیل تصاویر به فرمت ICO و استخراج آیکونها از فایلهای با فرمت EXE و DLL
- نسخه جدید اندروید در 2 مردادماه معرفی میشود
- ال جی از نام G2 برای پرچمدار بعدی خود استفاده میکند
- مشخصات فنی و بنچمارک گلکسی نوت 3 فاش شد
- تصویر و مشخصات جدید آیفون 5S به بیرون درز کرد: صفحه نمایش IGZO، دوربین 12 مگاپیکسل، پردازنده سریعتر و پردازنده گرافیکی چهار هستهای
- آیا میتوان پس از مرگ اطلاعات با ارزش را در اختیار خانواده، دوستان و آشنایان قرار داد؟
- تصاحب Omek توسط اینتل ممکن است باعث شود هرگز نیاز به لمس کامپیوتر خود نباشید
- نسخه جدید تحت وب نقشه گوگل در دسترس همگان قرار گرفت
- تلفن G2 ال جی مجهز به باتری 2540 میلی آمپر ساعتی است
- جزئیات بیشتر از دوربین 20 مگاپیکسلی هونامی: سنسوری بزرگ ولی نه به اندازهی لومیا 1020
- مرور تاریخچه دوربین در گوشیهای برجسته نوکیا
- دریافت استاندارد و رتبه 6 از 10 گوگل توسط سایت شرکت راوک نگار پارس
- بروزرسانی تعدادی از جدیدترین نمونه آثار طراحی سایت های هوشمند راوک نگار پارس
-
نماد اعتماد الکترونیکی
-
آمار بازدید
- کل (online):۵۳۳۲
- اعضاء (online):۰
- میهمان (online):۵۳۳۲
- بازدید امروز::۲۲۴۸
- بازدید دیروز::۵۳۴۳
- بازدید کل::۲۵۹۳۹۵۸۸
-
تبلیغات