نحوه ی بهینه سازی حجم صفحات طراحی سایت

 
ساخت سایت
 
با پیشرفت تکنولوژی و افزایش پهنای باندی که کامپیوترها مجاز به استفاده آن شده اند، وبمسترها بیشتر و بیشتر این اجازه را بخود دادند تا سایت های پیچیده تری را با استفاده از المانهای گرافیکی سنگین، بوجود آورند. در بدترین حالت شما می توانید سایت هایی را بیابید که صفحات آنها چندین دقیقه برای بارگذاری در مرورگرها زمان نیاز دارند. البته بازدید کنندگان هرگز وقت طولانی را برای بارگذاری صفحات صرف نمی کنند و به سایت بعدی در نتایج حاصل از جستجو خواهند رفت.
در نتیجه چرا وبمستران هنوز سایت هایی را طراحی می کنند که به کندی بارگذاری می شوند؟ پاسخی که می توان داد این است که آنها احتمالا با یک تکنیک ساده بهینه سازی گرافیک آشنایی ندارند، تکنیکی که توسط آن می توانند گرافیک سایت هنگام طراحی سایت را همچنان جذاب نگه دارند در حالیکه حجم صفحات نیز کوچک بماند.
 
وقتی طراحی کارش را تمام می کند و آماده می شود تا آن را به تکه هایی از تصاویر برای استفاده در کدهای HTML تقسیم کند، مرحله آزمایشی طرح به اتمام رسیده است. هر کاری که در این مرحله توسط طراح انجام می شود، بر روی سایز نهایی و حجم صفحات تاثیر گذار خواهد بود. چنانچه طرح شما شامل حجم هایی با گوشه هایی مدور باشد که بر روی یکدیگر قرار می گیرند یا مناطقی باشد که از رنگ های گرادیانت استفاده می کنند، در این صورت طراح می بایست با دقت زیادی آنها را به تکه هایی تقسیم کند بطوریکه حجم و سایز نهایی صفحات کوچک بماند.
 
اجازه دهید نگاهی بر برش موثر و بهینه تصاویر داشته باشیم تا بدانیم اینکار به چه معنایی می باشد:
 
۱) تکه ها را بقدری بزرگ انتخاب نکنید که رنگ های مختلف زیادی را شامل شود. از تعداد کمی برش استفاده کنید بطوریکه تعداد رنگ های استفاده شده محدود شوند.
 
۲) تکه ها را بقدری بزرگ انتخاب نکنید که شامل ساختار گرافیکی مشابهی باشند. تکه ای کوچک را برش بزنید و از آن در جاهای مختلف در کدهایتان استفاده کنید. این اشتباه مرسومی است که طراحان و برنامه نویسان در رنگهای گرادیانت پیش زمینه ها مرتکب آن می شوند.
 
۳) از فرمتهای غیر از JPEG نیز استفاده کنید. در برخی حالات، فرمت GIF حجم کمتری را اشغال می کند. بعنوان یک قانون سر انگشتی، تکه ای از تصویر با تعدادی رنگ در فرمت JPEG حجم کمتری را نسبت به GIF خواهد گرفت و برعکس. هر کدام را بطور جداگانه آزمایش کنید. هر کیلوبایتی که از تصاویر کم می کنید در نهایت منجر به کاهش چشمگیری در سایز صفحات خواهد شد.
 
۴) چنانچه متنی را در پیش زمینه ای با رنگی ساده دارید، هرگز آن را تکه نکنید. از کدهای html برای رنگ پیش زمینه استفاده کنید. به یاد داشته باشید که نمی توان همزمان هم نوع فوننت و هم رنگ پیش زمینه را با استفاده از CSS تعریف کرد.
 
تمامی این موارد ذکر شده روشهایی هستند که با رعایت انها میتوانید حجم تصاویر صفحات وب سایتتان را بهینه سازی کنید.

خانه --> اخبار و مقالات --> نحوه ی بهینه سازی حجم صفحات طراحی سایت

جهت دریافت آخرین مقالات و آموزشها ایمیل خود را وارد نمایید. پس از عضویت ایمیلی بصورت اتوماتیک به آدرس ایمیل شما ارسال خواهد شد که باید وارد شده و عضویت خود را تایید نمایید.

لطفا آدرس ایمیل را بدون WWW وارد نمائید.

نظرات کاربران