یکی از نکات بسیار مهمی که توسط اکثریت افرادی که قصد طراحی سایت و راه اندازی یک سایت شخصی دارند به فراموشی سپرده شده حجم سایت و سبک بودن طراحی سایت است,مدیران سایت ها بیشتر تمایل به داشتن سایت زیبا از نظر گرافیکی دارند و فکر میکنند هرچه سایتشان ظاهر زیباتری داشته باشد در عمل برای مخاطب هم جذاب تر است و میتواند بیشتر مشتری جذب کند و سود دهی داشته باشد اما این یک اشتباه بزرگ است و همانطور که قبلا در مقاله رازهای طراحی سایت مطالعه کردید داشتن طراحی گرافیکی زیبا برای جلب توجه اولیه کاربر مهم است اما در نهایت این محتوی ارزشمند و کاربردی است که باعث میشود کاربر در سایت شما بماند و از خدمات و محصولات شما استفاده کند.
طراحی سایت کم حجم
برای طراحی وب سایت با حجم کم باید نکاتی رعایت شود که بسیار مهم و کاربردی است و در این مقاله تعدادی از آنها شرح داده میشود.
مولتی مدیا در طراحی سایت:
بخش بسیار مهمی از یک قالب سایت را تصاویر و عناصر گرافیکی تشکیل میدهد که از این تصاویر در زیباسازی منو ها , تصویر زمینه , لوگو ها , بنر ها و … استفاده میشود. در مقاله استفاده از تصاویر در طراحی سایت خواندید که سایز تصویر باید به اندازه بخش مورد نظر تعیین شود و حجم آن تیز بوسیله فتوشاپ یا ابزارهای دیگر کاهش پیدا کند. برای تصاویری که در سایت استفاده میکنید حجم زیر ۵۰ کیلیوبایت و فرمت های jpeg یا png پیشنهاد میشود تا بتوانید به کم ترین حجم ممکن برسید.
اگر از سیستم مدیریت محتوی وردپرس استفاده میکنید حتما افزونه Smushit را نصب و فعال کنید. این افزونه رایگان به صورت اتوماتیک تصاویر آپلود شده توسط شما را فشرده و کم حجم میکند بدون اینکه تغییری در کیفیت آن انجام شود
غیر از تصاویر بخش دیگری که باعث کاهش سرعت سایت و افزایش حجم صفحات سایت میشود استفاده از فایل فلش است. فایلهای فلش حجم بسیار بالایی دارد و اگر مجبور نیستید از آنها استفاده نکنید. فایلهای فلش علاوه بر اینکه حجم صفحات را بالا میبرد برای نمایش داده شدن نیز با مشکلاتی همراه است چون ممکن است شما بخشهای مهمی از مطالب سایت را بصورت فلش در سایت قرار داده باشید و به دلیل نبودن پلاگین فلش در مرورگر کاربر یا استفاده کاربر از مویابل برای دیدن سایت شما , او نتواند بخش فلش را مشاهده کند و نهایتا بدون کسب نتیجه سایت شما را ترک کند
تکنیک های برنامه نویسی :
جالب است بدانید نوع و تکنیک برنامه نویسی شما هم در کاهش حجم طراحی سایت شما موثر است.به عنوان مثال تقریبا در ۹۰ درصد قالبهای امروزی ار فایل CSS و جاوا برای بهینه سازی و زیبایی بصری سایت و همچنین اضافه کردن بخشهای جانبی به سایت استفاده میشود. اگر بخواهیم سایت از نظر کد نویسی سبک باشد باید استاندارد هایی رعایت شود از جمله اینکه اگر شما چند فایل css برای بخشهای مختلف سایت دارید میتوانید تمام آنها را با هم ادغام کرده و یک فایل نهایی داشته باشید. با این کار وقتی کاربری به سایت شما مراجعه میکند فقط یک بار برای خواندن فایل css به هاست شما درخواست ارسال میکند و با این روش سرعت سایت بسیار زیاد میشود.
و اگر شما چندین فایل css داشته باشید, وقتی سایت شما بخواهد در مرورگر کاربر باز شود باید برای هر فایل css یکبار درخواست جداگانه از مرورگر به هاست ارسال شود و این کار باعث چند ثانیه تاخیر در باز شدن سایت خواهد شد. برای فایلهای جاوا هم همین حالت وجود دارد, میتواند کدهای جاوا که به هم مربوط هستند را در یک فایل اپلت قرار دهید تا فقط یک بار باز خوانی شود.
لینک منبع : برای کاهش حجم طراحی سایت چکار باید بکنیم
طراحی سایت کم حجم
برای طراحی وب سایت با حجم کم باید نکاتی رعایت شود که بسیار مهم و کاربردی است و در این مقاله تعدادی از آنها شرح داده میشود.
مولتی مدیا در طراحی سایت:
بخش بسیار مهمی از یک قالب سایت را تصاویر و عناصر گرافیکی تشکیل میدهد که از این تصاویر در زیباسازی منو ها , تصویر زمینه , لوگو ها , بنر ها و … استفاده میشود. در مقاله استفاده از تصاویر در طراحی سایت خواندید که سایز تصویر باید به اندازه بخش مورد نظر تعیین شود و حجم آن تیز بوسیله فتوشاپ یا ابزارهای دیگر کاهش پیدا کند. برای تصاویری که در سایت استفاده میکنید حجم زیر ۵۰ کیلیوبایت و فرمت های jpeg یا png پیشنهاد میشود تا بتوانید به کم ترین حجم ممکن برسید.
اگر از سیستم مدیریت محتوی وردپرس استفاده میکنید حتما افزونه Smushit را نصب و فعال کنید. این افزونه رایگان به صورت اتوماتیک تصاویر آپلود شده توسط شما را فشرده و کم حجم میکند بدون اینکه تغییری در کیفیت آن انجام شود
غیر از تصاویر بخش دیگری که باعث کاهش سرعت سایت و افزایش حجم صفحات سایت میشود استفاده از فایل فلش است. فایلهای فلش حجم بسیار بالایی دارد و اگر مجبور نیستید از آنها استفاده نکنید. فایلهای فلش علاوه بر اینکه حجم صفحات را بالا میبرد برای نمایش داده شدن نیز با مشکلاتی همراه است چون ممکن است شما بخشهای مهمی از مطالب سایت را بصورت فلش در سایت قرار داده باشید و به دلیل نبودن پلاگین فلش در مرورگر کاربر یا استفاده کاربر از مویابل برای دیدن سایت شما , او نتواند بخش فلش را مشاهده کند و نهایتا بدون کسب نتیجه سایت شما را ترک کند
تکنیک های برنامه نویسی :
جالب است بدانید نوع و تکنیک برنامه نویسی شما هم در کاهش حجم طراحی سایت شما موثر است.به عنوان مثال تقریبا در ۹۰ درصد قالبهای امروزی ار فایل CSS و جاوا برای بهینه سازی و زیبایی بصری سایت و همچنین اضافه کردن بخشهای جانبی به سایت استفاده میشود. اگر بخواهیم سایت از نظر کد نویسی سبک باشد باید استاندارد هایی رعایت شود از جمله اینکه اگر شما چند فایل css برای بخشهای مختلف سایت دارید میتوانید تمام آنها را با هم ادغام کرده و یک فایل نهایی داشته باشید. با این کار وقتی کاربری به سایت شما مراجعه میکند فقط یک بار برای خواندن فایل css به هاست شما درخواست ارسال میکند و با این روش سرعت سایت بسیار زیاد میشود.
و اگر شما چندین فایل css داشته باشید, وقتی سایت شما بخواهد در مرورگر کاربر باز شود باید برای هر فایل css یکبار درخواست جداگانه از مرورگر به هاست ارسال شود و این کار باعث چند ثانیه تاخیر در باز شدن سایت خواهد شد. برای فایلهای جاوا هم همین حالت وجود دارد, میتواند کدهای جاوا که به هم مربوط هستند را در یک فایل اپلت قرار دهید تا فقط یک بار باز خوانی شود.
لینک منبع : برای کاهش حجم طراحی سایت چکار باید بکنیم