طراحی وب سایت

آموزش طراحی سایت

طراحی وب سایت : روش های افزایش سرعت لود شدن سایت

وقتى شما در ابتدا طراحى وب سایت را شروع میکنید،سرعت وب سایت میتواند یکى از شمکلاتى باشد که با آن رو به رو خواهید شد.قبلتر زمانیکه من یک کاربر جدید بودم،راهى که پیش میرفتم به گونه اى بود که آن را براى شما شرح خواهم داد.

من هر طراحى را در یک بوم نقاشى سفید در برنامه فتوشاپ شروع میکردم،بدون برنامه ریزى قبلى،بدون چارچوب.من معمولا براى اینکه قرار است تعداد صفحات وبسایت چقدر باشد و یا اینکه چه چیزهایى قرار است روى آن صفحات قرار گیرد هم برنامه ریزى نمیکردم.من فقط به ایجاد وب سایت به دید یک تفریح و سرگرمو نگاه میکردم چرا که تصمیم گرفته بودم اوقات سالهاى نوجوانى خود را اینگونه سپرى کنم.
من تصور میکردم میتوانم با دانستن اینکه یک وب سایت چگونه ایجاد میشود،سرعت آن را نیز بیهینه سازى کنم.چرا که کم کم سرعت تبدیل به تنها مشکل مهم وب سایت من با آن حجم عظیم اطلاعات میشد،در حالى که مردم همچنان از اینترنت dial-up استفاده میکردند.درسته؟!
این سوال مطمئنا جواب معلوم و روشنى دارد،بله!
قسمت سخت یادگیرى این موضوع زمانى است که شما باید در یک حالت ایده ال این روال را جلو بروید.بعضى چیزها وجود دارد که شما باید اول آنها را اولویت بندى کنید و عوامل بیرونى که بر روى سرعت وب سایتتان تاثیر گذار است را بروسى کنید.
شما باید هر دو موضوع را در نظر داشته باشید.اکثر مردم هنوز با اینترنت هاى خیلى کند کار میکنند،سرعت بستر اینترنت هاى همراه نسل ٣ (3G) هم عالى نیستند و کاربران موبایل درگیر مزاحمت هاى کلاهک هاى داده اى نیز میشوند.همچنین در تمام دنیا میلیون ها دستگاه موبایل وجود دارد که حتى فرآیند پردازش را نمیتوانند به پایان برسانند
در همین حین که من سعى میکنم چند تکنیک و نکته اى که در این مسیر باید انجام دهید را به شما توصیه میکنم باید توجه کنید که مهمترین چیزى که شما باید با آن سازگار کنید نوع نگر و طرز فکر شماست.سرعت میتواند در مکالمات،فروش و افرادى که مجدد به وبسایت شما برمیگردند تا از محتواى آن بهره ببرند،معنى پیدا کند.یک وبسایت با سرعت پایین باعث میشود در وهله اول افرادى که صبور نیستند را از دست بدهید و بهمین ترتیب به مرور زمان حتى افراد صبور هم از منتظر ماندن خسته شوند و وب سایت شما را ترک کنند.در بعضى موارد هم مشاهده میشود با اینکه سایت سریع بازگذارى میشود اما باز هم احساس میشود سرعت آن به اندازه کافى مناسب نیست.
اینجا اینترنت است و شما باید براى یک مسابقه آماده شوید و در آن هرآنچه که دارید و فراتر از آنرا ارائه دهید.
توصیه میشود براى اطلاعات بیشتر در مورد توضیحات بصرى و تاثیرات سرعت کم وب سایت ها به اینفوگرافیک هایى که در اینترنت وجود دارد سر بزنید.

به بهترین بود بیندیشید.
شما باید بهینه سازى سرعت وبسایتتان را هرچه سریعتر شروع کنید و هر بخش طراحى و زمان انجام فرآیند پردازش را به همراه محتواى متنى در نظر بگیرید.
با توجه به اینکه تمامى بینندگانى که از سایت شما بازدید میکنند،کار طراحى وب سایت انجام نمیدهند،این شانس براى شما وجود دارد که بیش از حد به طراحى وب سایتتان اهمیت ندهید چرا که هدف آنها مطالعه و بازدید از محتواى سایت شماست.
اگر شما اولویت بندى بهینه سازى سرعت وبسایتتان را بر پایه ى محتوا قرار دهید به مرور زمان طراحى شما نیز به این روند خواهد پیوست.
سرعت بارگذارى شدن محتواى سایت شما به چند دلیل بزرگ میتواند کند شود:

استفاده از تصاویر با حجم بالا
مسلما فروش محصولى با تصویرى بزرگ و گیرا راحت تر خواهد بودو خب البته که این فوق العادست، اما خواهشا از این تصاویر حجیم کمتر استفاده کنید،مطمئن شوید که آنها از لحاظ فضاى خالى حجمى
کاملا فشرده شده اند.و یا ازبهترین روش که استفاده از تصاویر بردارى است،بهره جویید.
اگر شما به اطلاعات آنها توجه کنید،متوجه خواهید شد که سایز مورد نظر براى هر صفحه در دستگاه هاى موبایل نزدیک به ١ مگابایت میشود که جالب است بدانید حجم بالاى تصاویر نیمى از مشکلات  سرعت پایین وب سایتتان را تشکیل میدهد.
شما میتوانید هر دو روش را در کنار هم داشته باشید و بعد از تمام این موارد،پیاده سازى تصاویر مسئولیت پذیر ساده تر نیز خواهد شد.(توصیه میشود براى جا افتادن مطلب در مورد ایجاد تصاویر مسئولیت پذیر بیشتر مطالعه کنید)

تبلیغات و محتواى شخص ثالث
بله،تبلیغات جزئى از محتوا به حساب مى آیند،مخصوصا اگر آنها با بدنه کالایى میکس شده باشند.بدتر انکه بعضى مواقع شبکه ى تبلیغات بسیار بسیار کند است.تعداد دفعات بیشمارى وجود دارد که من براى پیدا کردن تنها بخشى از یک صفحه و بارگذارى شدن آن بخش اذیت شدم چرا که مرورگر منتظر بارگذارى تبلیغات از شبکه بیرونى است.
اگر شما تبلیغاتى را در صفحه خود گنجانده اید،آنرا دوبار چک کنید،بررسى کنید که آنها چگونه اجرا میشوند و مطمئن شوید نمیتوانند مشکلى ایجاد کنند.در بعضى موارد شما به دلیل وجود محتواى سوم شخصى در وب سایتتان به مشکلات کندى در بارگذارى محتوا بر میخورید.اگر احتیاط نکنید با قرار گرفتن در فرمت هایى که قانونى باعث تغییر محتوا میشود،درگیر رسانه هاى اجتماعى شدن و مسائلى از این قبیل میتواند سرعت سایت شما را پایین و پایین تر بیاورد.

زمانیکه طراحى شما از سرعت کمى برخوردار است.
البته که تمامى این موضوعات در روش معکوس نیز کار میکنند، به این معنى که تعدادى از وب سایت هایى که از تصاویر کوچک استفاده کرده اند و حجم محتوایى آنها فقط شامل متن است به دلیل انتخاب نسنجیده طراحى و نامناسب بودن کدهاى استفاده شده بد آن از معضل کندى سرعت رنج میبرند،چرا که اکثریت مردم به صورت یک تفریح و کار تفننى به طراحى سایت نگاه میکنند.من متوجه شدم که اصرار به طراحى با استفاده از نرم افزار فلش (Flash) باعث میشود وب سایت طى یک روز راه اندازه شود ولى به همان سرعت هم به دلایل عدیده از بین برود.توصیه میشود بجاى Flash زبان هاى برنامه نویسی HTML5،CCS3 جاگذارى کنید و جاوا اسکریپت (JavaScript) را به عنوان هدف اصلى خود قرار ندهید.
کابران شما نیاز ندارند که چیزها از صفحه نمایش بیرون بپرند!آنها فقط نیاز دارد اطلاعات پیشنهادى شما را مطالعه و یا محصول شما را خریدارى کنند.

مسائل و وسایلى که صرفا جهت سرگرمى در سایت قرار میگیرند و از آنها تفننى استفاده میشود معمولا باعث افت سرعت میشوند.
وب سایت شما براى تاثیر گذار بودن نیازى به افکت هاى پیچیده، انمیشن هاى زیاد و یا چشم اندازهاى براق و درخشان ندارد.مسلما منظور از سادگى نیز این نیست که شما متنى سیاه رنگ را روى زمینه اى سفید بدون هیچ لایه اى قرار دهید.منظور این است که هر موضوع که به سبکى اضافه میشود لازمه آن سنجیده شدن در برابر تجربیات کاربران خواهد بود.
زمانیکه شما انیمیشن و یا موارد دیگر حرکتى به وب سایتتان اضافه میکنید،از خودتان سوال کنید که آیا این مورد را براى یک یا دو چیز استفاده میکنم و یا قرار است در اکثر موارد محتوا دخالت داده شود.شانسى که در این میان وجود دارد این است که شما قرار نیست یک برنامه واقعى بسازید.نیازى نیست مواردى از پیش تعیین شده مانند jQuery ها را در وبسایت خودتتان بگنجانید.این موضوع مخصوصا براى سایت هاى کوچک و متوسط کاملا صحت دارد.
من انیمیشن هایى را در صفحات وب دیده ام که سرعتشان از بازى هاى کامپیوترى هم کمتر است که اصلا جالب نیست.حال تصور کنید که بعضى افراد از مرورگرهاى تلفن هاى هوشمند و تبلت ها در بازدید از سایت ها استفاده میکنند.تصور کنید چقدر ناامیدکننده است.
هر زمان نیاز داشتید بک یا چند المان را به طراحى خود اضافه کنید،به کتابخانه JavaScript در بخش پلاگین (plugins) میتوانید بدون استفاده از jQuery یا هر چارچوب دیگر،مراجعه کنید.

استفاده از کدهاى بیش از حد
این موضوع بیشتر به چارچوب هاى HTML و CSS برمیگردد.شانسى که در این طراحى وجود دارد این است که لازم نیست از چهارچوب هاى بزرگ مثل خودراه انداز ها و یا پایه هاى از پیش تعیین شده براى راه اندازى یک سایت ساده استفاده کنید.همین مورد میتواند زمان را کمى کاهش دهد اما اگر درست کار نکند میتواند زمان بیشترى نسبت به حد معمول را براى بارگذارى بگیرد. 
اگر شما تصمیم دارید از چهارچوبى خاص استفاده کنید،حداقل کارى که میتوانید انجام دهید این است که آن را شخصى سازى کنید و مواردى که نیاز ندارید را حذف کنید.بیشتر چارچوب هاى بزرگ HTML/CSS راه هاى ساده ترى براى انجام این شخصى سازى را پیشنهاد میدهند.

توضیحى مجدد درباره تصویر
البته در اینجا منظور تصاویر حجیم و بزرگ نیست.راجع به تصاویرى صحبت میکنیم که در این مقاله راجع به انها صحبت کردیم و حالا میخواهیم نگاهى به جزئیات آنها بکنیم.آیا سایت شما همچنان از تصاویرى براى پس زمینه هاى رنگى، تصاویر متحرک،سایه ها، آیکون ها و از این قبیل چیزها استفاده میکند؟ باید طورى برنامه ریزى کنید که دیگر از آنها استفاده نشود.
اگر میتوانید از HTML،CSS و تصاویر بردارى استفاده کنید،آن وب سایت را نگه خواهید داشت.ممکن کدهاى بیشترى استفاده شود اما این کدها معمولا  نسبت به فایل هایى با پسوند jpeg و بقیه پسوندها مانند png کم حجم تر هستند.

حالا میتوانید تغییر سرعت سایتتان را مشاهده کنید....
موارد بسیارى براى یادگیرى وجود دارد مخصوصا اگر شما بخواهید از سیستم هاى مدیریت محتوا(CMS) مثل Wordpress یا هر موضوع دیگر با مضمون تنظیمات پیچیده میزبانى استفاده کنید.توصیه اخر به شما این خواهد بود که ساخت اولین وب سایت خود شروع کنید اما فراموش نکنید یادگیرى مسائل جدید همیشه بخش جذاب انجام یک کار است.

تاریخ ارسال: جمعه 7 آبان 1395 ساعت 16:35 | نویسنده: Novin | چاپ مطلب
نظرات (0)
امکان ثبت نظر جدید برای این مطلب وجود ندارد.