وقتى شما در ابتدا طراحى وب سايت را شروع ميكنيد،سرعت وب سايت ميتواند يكى از شمكلاتى باشد كه با آن رو به رو خواهيد شد.قبلتر زمانيكه من يك كاربر جديد بودم،راهى كه پيش ميرفتم به گونه اى بود كه آن را براى شما شرح خواهم داد.
من هر طراحى را در يك بوم نقاشى سفيد در برنامه فتوشاپ شروع ميكردم،بدون برنامه ريزى قبلى،بدون چارچوب.من معمولا براى اينكه قرار است تعداد صفحات وبسايت چقدر باشد و يا اينكه چه چيزهايى قرار است روى آن صفحات قرار گيرد هم برنامه ريزى نميكردم.من فقط به ايجاد وب سايت به ديد يك تفريح و سرگرمو نگاه ميكردم چرا كه تصميم گرفته بودم اوقات سالهاى نوجوانى خود را اينگونه سپرى كنم.
من تصور ميكردم ميتوانم با دانستن اينكه يك وب سايت چگونه ايجاد ميشود،سرعت آن را نيز بيهينه سازى كنم.چرا كه كم كم سرعت تبديل به تنها مشكل مهم وب سايت من با آن حجم عظيم اطلاعات ميشد،در حالى كه مردم همچنان از اينترنت dial-up استفاده ميكردند.درسته؟!
اين سوال مطمئنا جواب معلوم و روشنى دارد،بله!
قسمت سخت يادگيرى اين موضوع زمانى است كه شما بايد در يك حالت ايده ال اين روال را جلو برويد.بعضى چيزها وجود دارد كه شما بايد اول آنها را اولويت بندى كنيد و عوامل بيرونى كه بر روى سرعت وب سايتتان تاثير گذار است را بروسى كنيد.
شما بايد هر دو موضوع را در نظر داشته باشيد.اكثر مردم هنوز با اينترنت هاى خيلى كند كار ميكنند،سرعت بستر اينترنت هاى همراه نسل ٣ (3G) هم عالى نيستند و كاربران موبايل درگير مزاحمت هاى كلاهك هاى داده اى نيز ميشوند.همچنين در تمام دنيا ميليون ها دستگاه موبايل وجود دارد كه حتى فرآيند پردازش را نميتوانند به پايان برسانند
در همين حين كه من سعى ميكنم چند تكنيك و نكته اى كه در اين مسير بايد انجام دهيد را به شما توصيه ميكنم بايد توجه كنيد كه مهمترين چيزى كه شما بايد با آن سازگار كنيد نوع نگر و طرز فكر شماست.سرعت ميتواند در مكالمات،فروش و افرادى كه مجدد به وبسايت شما برميگردند تا از محتواى آن بهره ببرند،معنى پيدا كند.يك وبسايت با سرعت پايين باعث ميشود در وهله اول افرادى كه صبور نيستند را از دست بدهيد و بهمين ترتيب به مرور زمان حتى افراد صبور هم از منتظر ماندن خسته شوند و وب سايت شما را ترك كنند.در بعضى موارد هم مشاهده ميشود با اينكه سايت سريع بازگذارى ميشود اما باز هم احساس ميشود سرعت آن به اندازه كافى مناسب نيست.
اينجا اينترنت است و شما بايد براى يك مسابقه آماده شويد و در آن هرآنچه كه داريد و فراتر از آنرا ارائه دهيد.
توصيه ميشود براى اطلاعات بيشتر در مورد توضيحات بصرى و تاثيرات سرعت كم وب سايت ها به اينفوگرافيك هايى كه در اينترنت وجود دارد سر بزنيد.
به بهترين بود بينديشيد.
شما بايد بهينه سازى سرعت وبسايتتان را هرچه سريعتر شروع كنيد و هر بخش طراحى و زمان انجام فرآيند پردازش را به همراه محتواى متنى در نظر بگيريد.
با توجه به اينكه تمامى بينندگانى كه از سايت شما بازديد ميكنند،كار طراحى وب سايت انجام نميدهند،اين شانس براى شما وجود دارد كه بيش از حد به طراحى وب سايتتان اهميت ندهيد چرا كه هدف آنها مطالعه و بازديد از محتواى سايت شماست.
اگر شما اولويت بندى بهينه سازى سرعت وبسايتتان را بر پايه ى محتوا قرار دهيد به مرور زمان طراحى شما نيز به اين روند خواهد پيوست.
سرعت بارگذارى شدن محتواى سايت شما به چند دليل بزرگ ميتواند كند شود:
استفاده از تصاوير با حجم بالا
مسلما فروش محصولى با تصويرى بزرگ و گيرا راحت تر خواهد بودو خب البته كه اين فوق العادست، اما خواهشا از اين تصاوير حجيم كمتر استفاده كنيد،مطمئن شويد كه آنها از لحاظ فضاى خالى حجمى
كاملا فشرده شده اند.و يا ازبهترين روش كه استفاده از تصاوير بردارى است،بهره جوييد.
اگر شما به اطلاعات آنها توجه كنيد،متوجه خواهيد شد كه سايز مورد نظر براى هر صفحه در دستگاه هاى موبايل نزديك به ١ مگابايت ميشود كه جالب است بدانيد حجم بالاى تصاوير نيمى از مشكلات سرعت پايين وب سايتتان را تشكيل ميدهد.
شما ميتوانيد هر دو روش را در كنار هم داشته باشيد و بعد از تمام اين موارد،پياده سازى تصاوير مسئوليت پذير ساده تر نيز خواهد شد.(توصيه ميشود براى جا افتادن مطلب در مورد ايجاد تصاوير مسئوليت پذير بيشتر مطالعه كنيد)
تبليغات و محتواى شخص ثالث
بله،تبليغات جزئى از محتوا به حساب مى آيند،مخصوصا اگر آنها با بدنه كالايى ميكس شده باشند.بدتر انكه بعضى مواقع شبكه ى تبليغات بسيار بسيار كند است.تعداد دفعات بيشمارى وجود دارد كه من براى پيدا كردن تنها بخشى از يك صفحه و بارگذارى شدن آن بخش اذيت شدم چرا كه مرورگر منتظر بارگذارى تبليغات از شبكه بيرونى است.
اگر شما تبليغاتى را در صفحه خود گنجانده ايد،آنرا دوبار چك كنيد،بررسى كنيد كه آنها چگونه اجرا ميشوند و مطمئن شويد نميتوانند مشكلى ايجاد كنند.در بعضى موارد شما به دليل وجود محتواى سوم شخصى در وب سايتتان به مشكلات كندى در بارگذارى محتوا بر ميخوريد.اگر احتياط نكنيد با قرار گرفتن در فرمت هايى كه قانونى باعث تغيير محتوا ميشود،درگير رسانه هاى اجتماعى شدن و مسائلى از اين قبيل ميتواند سرعت سايت شما را پايين و پايين تر بياورد.
زمانيكه طراحى شما از سرعت كمى برخوردار است.
البته كه تمامى اين موضوعات در روش معكوس نيز كار ميكنند، به اين معنى كه تعدادى از وب سايت هايى كه از تصاوير كوچك استفاده كرده اند و حجم محتوايى آنها فقط شامل متن است به دليل انتخاب نسنجيده طراحى و نامناسب بودن كدهاى استفاده شده بد آن از معضل كندى سرعت رنج ميبرند،چرا كه اكثريت مردم به صورت يك تفريح و كار تفننى به طراحى سايت نگاه ميكنند.من متوجه شدم كه اصرار به طراحى با استفاده از نرم افزار فلش (Flash) باعث ميشود وب سايت طى يك روز راه اندازه شود ولى به همان سرعت هم به دلايل عديده از بين برود.توصيه ميشود بجاى Flash زبان هاى برنامه نويسي HTML5،CCS3 جاگذارى كنيد و جاوا اسكريپت (JavaScript) را به عنوان هدف اصلى خود قرار ندهيد.
كابران شما نياز ندارند كه چيزها از صفحه نمايش بيرون بپرند!آنها فقط نياز دارد اطلاعات پيشنهادى شما را مطالعه و يا محصول شما را خريدارى كنند.
مسائل و وسايلى كه صرفا جهت سرگرمى در سايت قرار ميگيرند و از آنها تفننى استفاده ميشود معمولا باعث افت سرعت ميشوند.
وب سايت شما براى تاثير گذار بودن نيازى به افكت هاى پيچيده، انميشن هاى زياد و يا چشم اندازهاى براق و درخشان ندارد.مسلما منظور از سادگى نيز اين نيست كه شما متنى سياه رنگ را روى زمينه اى سفيد بدون هيچ لايه اى قرار دهيد.منظور اين است كه هر موضوع كه به سبكى اضافه ميشود لازمه آن سنجيده شدن در برابر تجربيات كاربران خواهد بود.
زمانيكه شما انيميشن و يا موارد ديگر حركتى به وب سايتتان اضافه ميكنيد،از خودتان سوال كنيد كه آيا اين مورد را براى يك يا دو چيز استفاده ميكنم و يا قرار است در اكثر موارد محتوا دخالت داده شود.شانسى كه در اين ميان وجود دارد اين است كه شما قرار نيست يك برنامه واقعى بسازيد.نيازى نيست مواردى از پيش تعيين شده مانند jQuery ها را در وبسايت خودتتان بگنجانيد.اين موضوع مخصوصا براى سايت هاى كوچك و متوسط كاملا صحت دارد.
من انيميشن هايى را در صفحات وب ديده ام كه سرعتشان از بازى هاى كامپيوترى هم كمتر است كه اصلا جالب نيست.حال تصور كنيد كه بعضى افراد از مرورگرهاى تلفن هاى هوشمند و تبلت ها در بازديد از سايت ها استفاده ميكنند.تصور كنيد چقدر نااميدكننده است.
هر زمان نياز داشتيد بك يا چند المان را به طراحى خود اضافه كنيد،به كتابخانه JavaScript در بخش پلاگين (plugins) ميتوانيد بدون استفاده از jQuery يا هر چارچوب ديگر،مراجعه كنيد.
استفاده از كدهاى بيش از حد
اين موضوع بيشتر به چارچوب هاى HTML و CSS برميگردد.شانسى كه در اين طراحى وجود دارد اين است كه لازم نيست از چهارچوب هاى بزرگ مثل خودراه انداز ها و يا پايه هاى از پيش تعيين شده براى راه اندازى يك سايت ساده استفاده كنيد.همين مورد ميتواند زمان را كمى كاهش دهد اما اگر درست كار نكند ميتواند زمان بيشترى نسبت به حد معمول را براى بارگذارى بگيرد.
اگر شما تصميم داريد از چهارچوبى خاص استفاده كنيد،حداقل كارى كه ميتوانيد انجام دهيد اين است كه آن را شخصى سازى كنيد و مواردى كه نياز نداريد را حذف كنيد.بيشتر چارچوب هاى بزرگ HTML/CSS راه هاى ساده ترى براى انجام اين شخصى سازى را پيشنهاد ميدهند.
توضيحى مجدد درباره تصوير
البته در اينجا منظور تصاوير حجيم و بزرگ نيست.راجع به تصاويرى صحبت ميكنيم كه در اين مقاله راجع به انها صحبت كرديم و حالا ميخواهيم نگاهى به جزئيات آنها بكنيم.آيا سايت شما همچنان از تصاويرى براى پس زمينه هاى رنگى، تصاوير متحرك،سايه ها، آيكون ها و از اين قبيل چيزها استفاده ميكند؟ بايد طورى برنامه ريزى كنيد كه ديگر از آنها استفاده نشود.
اگر ميتوانيد از HTML،CSS و تصاوير بردارى استفاده كنيد،آن وب سايت را نگه خواهيد داشت.ممكن كدهاى بيشترى استفاده شود اما اين كدها معمولا نسبت به فايل هايى با پسوند jpeg و بقيه پسوندها مانند png كم حجم تر هستند.
حالا ميتوانيد تغيير سرعت سايتتان را مشاهده كنيد....
موارد بسيارى براى يادگيرى وجود دارد مخصوصا اگر شما بخواهيد از سيستم هاى مديريت محتوا(CMS) مثل Wordpress يا هر موضوع ديگر با مضمون تنظيمات پيچيده ميزبانى استفاده كنيد.توصيه اخر به شما اين خواهد بود كه ساخت اولين وب سايت خود شروع كنيد اما فراموش نكنيد يادگيرى مسائل جديد هميشه بخش جذاب انجام يك كار است.