سه راه برای افزایش سرعت یک سایت
چهارشنبه 10 تیر 1388 12:02 PM
۱- بهبنه سازی تصاویر :
اولین بخشی که در یک سایت اهمیت بسیار بالایی داشته و هم کاربران و هم مدیران به آن توجه زیادی دارند تصاویر آن سایت به شمار می رود. این که از چه نرم افزاری برای ویرایش و بهینه سازی تصاویر برای بارگزاری بهتر سایت استفاده شود اهمیت زیادی دارد. به جای این که یه عکس با کیفیتی فوق العاده و با حجم و اندازه ای بسیار بالا در همان صفحه اول قرار گیرد ، عکسی کوچکتر با حجمی کمتر و با کیفیتی مناسب قرار گرفته شده و تنها لینک آن عکس قرار گیرد. به این ترتیب هم لود شدن تصاویر سریعتر صورت می گیرد و همین که کاربر به دلخواه بر روی تصاویر مورد نظر کلیک خواهد کرد. طراحان و یا مدیران وب سایت ها اگر استفاده از نرم افزارهای بهینه سازی را مناسب نمی دانند این وب سایت می تواند به صورت آنلاین تصاویر را بهینه کرده و حتی فرمت آن ها را در صورت دلخواه تغییر دهد.
۲- فرمت تصاویر موجود در وب سایت :
این مشخصه هم مانند قسمت اول اهمیت زیادی دارد. معمولا در یک سایت و یا حتی در یک صفحه وب عکس هایی که به کار می روند فرمت های متعددی دارند. اکثر عکس ها در سه فرمت JPG ، GIF ، PNG در محاصره هستند. اگر بخواهیم نوع کارآیی این فرمت ها را مشخص کنیم به این ترتیب خواهند بود که JPG فرمتی است که برای تصاویر با کیفیت بالا با تعداد رنگ های زیاد مورد استفاده قرار می گیرد تقریبا بیشتر برای عکس هایی که با دوربین های دیجیتالی گرفته شده و یا این که طراح قصدش از انتخاب این فرمت و تصاویر به طور کلی نمایش تصاویر است تا وب سایت . فرمت GIF بیشتر در قالب لوگوها و یا دکمه هایی که به صورت عکس یافت می شوند ظاهر می شود. مطمئنا تعداد رنگ هایی که در این فرمت استفاده می شوند از فرمت JPG بسیار کمتر است و شفافیت تصاویر با فرمت JPG را هم ندارند . شاید به نظر برسد که این یک مشکل است اما بالعکس بسیار مناسب است زیرا تصاویری که در قالب لوگو قرار داده می شوند مطمئنا اندازه ای متوسط و در اکثر اوقات اندازه ای کوچک دارند. عاقلانه است که در چنین مواردی از GIF استفاده کنیم چون بینده نیازی به کیفیت بسیار بالا ندارد و اصلا این افت کیفیت به چشم نخواهد آمد.PNG هم بسیار شبیه به GIF است تنها تفاوتش را می توان در پشتیبانی از رنگ های بیشتر خلاصه نمود. زمانی از PNG استفاده می شود که قابلیت های GIF لازم باشد با تعداد رنگ های بیش از ۲۵۶ . زیرا GIF تنها ۲۵۶ رنگ را پشتیبانی خواهد کرد.
۳- بهینه سازی کدهای CSS:
امروزه تمامی فرمت های اصلی یه صفحه وب بر پایه کدهای CSS پیاده سازی می شود . شاید به نظرتون مسخره برسد اما با همین کار ساده یعنی پاکسازی فضاهای خالی درون یک صفحه نوشته شده با CSS سرعت بارگزاری را تا حد زیادی می توان افزایش داد. بهتر است این طور گفته شود که تعداد خطوط را کاهش دهیم . برای نمونه به مثال های زیر توجه کنید:
کد اول :
;margin-top: ۱۰px
;margin-right: ۲۰px
;margin-bottom: ۱۰px
;margin-left: ۲۰px
که می توان به این صورت نوشت :
;margin: ۱۰px ۲۰px ۱۰px ۲۰px
یا:
<p class=”decorated”>A paragraph of decorated textp>
<p class=”decorated”>Third paragraphp>
که به شکل زیر نوشته شود :
<div class=”decorated”>
<p>A paragraph of decorated textp>
<p>Third paragraphp>
Sort by DateRatingLast Activity
زندگی را با خانواده ام دوست دارم