دسته بندی
-
بهینه سازی حجم صفحات سایت
-
همه ما می خواهیم سایتی جذاب داشته باشیم تا چشمهای بینندگان با دیدن آن کاملا خیره و باز بماند.
-
00
-
بازدید این صفحه : ۳۰۵۲تاريخ : 12 اسفند 1392
معمولا طراحی سایتی فوق العاده جذاب، نیازمند بسیاری از المانهای گرافیکی است که منجر به افزایش کلی حجم صفحات سایت می شود که به نوبه خود سبب می شود تا صفحات به کندی در مرورگرها بارگذاری شوند.
با پیشرفت تکنولوژی و افزایش پهنای باندی که کامپیوترها مجاز به استفاده آن شده اند، وبمسترها بیشتر و بیشتر این اجازه را بخود دادند تا سایت های پیچیده تری را با استفاده از المانهای گرافیکی سنگین، بوجود آورند. در بدترین حالت شما می توانید سایت هایی را بیابید که صفحات آنها چندین دقیقه برای بارگذاری در مرورگرها زمان نیاز دارند. البته بازدید کنندگان هرگز وقت طولانی را برای بارگذاری صفحات صرف نمی کنند و به سایت بعدی در نتایج حاصل از جستجو خواهند رفت.
در نتیجه چرا وبمستران هنوز سایت هایی را طراحی می کنند که به کندی بارگذاری می شوند؟ پاسخی که می توان داد این است که آنها احتمالا با یک تکنیک ساده بهینه سازی گرافیک آشنایی ندارند، تکنیکی که توسط آن می توانند گرافیک سایت را همچنان جذاب نگه دارند در حالیکه حجم صفحات نیز کوچک بماند.
شاید تعداد کمی از طراحان بدانند که مربعی با گوشه های مدور می تواند تنها با استفاده از CSS و بدون نیاز به هیچ تصویری بدست آید. پیش از آنکه متخصصین CSS و آنهاییکه آشنایی زیادی با آن دارند، مرا مورد حمله قرار دهند که چنین مربعی در همه مرورگرها بدرستی نشان داده نخواهد شد و نسبتا سطح برنامه نویسی بالایی برای انجام چنین کاری مورد نیاز است، من می گویم که نکته مطلب من چیز دیگری است. اکثر اشتباهات رایج در طراحی سایت که طراحان برای بهینه سازی انجام می دهند، می توانند راه حلی ساده داشته باشند، درست همانند همان مثال مربع با گوشه هایی مدور.
هرگز طراحان سایت را با قرار دادن محدودیتی که باعث تاثیر در خروجی نهایی کارشان خواهد شد در مگنه قرار ندهید. امکان دارد که شما ادعا کنید که آنچه که طراحی سایت می تواند با نرم افزارهای گرافیکی انجام دهد برای پیاده سازی با کد غیر ممکن است. من مخالف این موضوع هسنم. وقتی طراحی کارش را تمام می کند و آماده می شود تا آن را به تکه هایی از تصاویر برای استفاده در کدهای HTML تقسیم کند، مرحله آزمایشی طرح به اتمام رسیده است. هر کاری که در این مرحله توسط طراح انجام می شود، بر روی سایز نهایی و حجم صفحات تاثیر گذار خواهد بود. چنانچه طرح شما شامل حجم هایی با گوشه هایی مدور باشد که بر روی یکدیگر قرار می گیرند یا مناطقی باشد که از رنگ های گرادیانت استفاده می کنند، در این صورت طراح می بایست با دقت زیادی آنها را به تکه هایی تقسیم کند بطوریکه حجم و سایز نهایی صفحات کوچک بماند.
اجازه دهید نگاهی بر برش موثر و بهینه تصاویر داشته باشیم تا بدانیم اینکار به چه معنایی می باشد:
1. تکه ها را بقدری بزرگ انتخاب نکنید که رنگ های مختلف زیادی را شامل شود. از تعداد کمی برش استفاده کنید بطوریکه تعداد رنگ های استفاده شده محدود شوند.
2. تکه ها را بقدری بزرگ انتخاب نکنید که شامل ساختار گرافیکی مشابهی باشند. تکه ای کوچک را برش بزنید و از آن در جاهای مختلف در کدهایتان استفاده کنید. این اشتباه مرسومی است که طراحان و برنامه نویسان در رنگهای گرادیانت پیش زمینه ها مرتکب آن می شوند.
3. از فرمتهای غیر از JPEG نیز استفاده کنید. در برخی حالات، فرمت GIF حجم کمتری را اشغال می کند. بعنوان یک قانون سر انگشتی، تکه ای از تصویر با تعدادی رنگ در فرمت JPEG حجم کمتری را نسبت به GIF خواهد گرفت و برعکس. هر کدام را بطور جداگانه آزمایش کنید. هر کیلوبایتی که از تصاویر کم می کنید در نهایت منجر به کاهش چشمگیری در سایز صفحات خواهد شد.
4. چنانچه متنی را در پیش زمینه ای با رنگی ساده دارید، هرگز آن را تکه نکنید. از کدهای html برای رنگ پیش زمینه استفاده کنید. به یاد داشته باشید که نمی توان همزمان هم نوع فوننت و هم رنگ پیش زمینه را با استفاده از CSS تعریف کرد.
بازگشت به آینده
کامپیوترهای جیبی، PDAها، تلفنهای همراه و لپ تاپ های کوچک، با استفاده از اتصال اینترنتی وایرلس به اینترنت متصل می شوند. داشتن صفحاتی با بارگذاری سریع، نه تنها برای کسانی که مشکلاتی در پهنای اتصال به اینترنت دارند مطلوب است بلکه این کار سبب کاربر پسندی بیشتری برای سایت تان خواهد شد.
برای آنهایی که اصرار دارند بهینه سازی صفحات سایت کاری ضروری نمی باشد و دلیل آن را آن می دانند که امروزه دیگر همه به اینترنت پر سرعت دسترسی دارند، تا حدودی با آنها موافق هستم. شرکتهای نرم افزاری، برنامه هایی را تولید می کنند که پهنای باند بالایی را نیاز دارند چراکه می دانند دسترسی به اینگونه اتصالات اینترنتی برای همگان امروزه در دسترس است. ولی در هر صورت سعی کنید تا صفحات سایت تان را بهینه سازی کنید. دلیل این موضوع آن است که اصراف در استفاده از منابع و پهنای باند اتصال به اینترنت را می توان با بهینه سازی برطرف کرد. صفحات بهینه نشده، در مجموع، در حرفه ای جلوه دادن آنها از دید برنامه نویسان و طراحان، تاثیر منفی خواهد داشت. همواره سعی کنید تا کارتان را بصورت کامل و حرفه ای به اتمام برسانید حتی اگر مشتریانتان جیبی دارند که انتها ندارد و می توانند بسادگی اتصال به اینترنت با پهنای باند فوق العاده بالا را تهیه کنند.
منبع : نویا سیستم تکنولوژی
نظر شما
-
خدمات طراحی سایت
-
ویترین اخبار
- راه اندازی سایت نشریه الکترونیک فرهنگ انقلاب اسلامی
- ملاک شناخت یک شرکت طراحی سایت قوی و توانا برای راه اندازی سایت اینترنتی شما چیست؟
- فرا رسیدن نوروز باستانی، یادآور شکوه ایران و یگانه یادگار جمشید جم بر همه ایرانیان پاک پندار، راست گفتار و نیک کردار خجسته باد
- راه اندازی وب سایت اینترنتی ماشین سازی درستگاههای تولید آرد
- راه اندازی وب سایت اینترنتی ملک آریا
- 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):۷۹۳
- بازدید امروز::۸۷۷
- بازدید دیروز::۹۵۶
- بازدید کل::۲۸۸۶۳۷۵۸
-
تبلیغات