بهينه سازي صفحات وب سايت

خانه / آموزشی / بهينه سازي صفحات وب سايت

بهينه سازي صفحات وب سايت

von طراحی سایت منسیکس Facebook Google+
در آموزشی

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


چند نفر از شما از اين حقيقت آگاهيد که جعبه اي با گوشه هاي گرد مي تواند فقط داراي کد  CSS باشد و نيازي به هيچ تصوير گرافيکي ندارد؟! بله اين ممکن است. افرادي که با CSSآشنايي دارند ممکن است بگويند اين کار جز با برنامه هاي پيشرفته و در مرورگر هاي خاص امکان پذير نيست! پاسخ اينست که با بهينه سازي سايت ميتوانيد اين مسئله را به شکلي بسيار ساده حل کنيد.
هيچ گاه براي طراح وبسايت خود محدوديت هايي ايجاد نکنيد که روي نتيجه کار تاثير منفي بگذارد. ممکن است ادعا کنيد آنچه يک طراح وبسايت برايتان طراحي مي کند را به راحتي با کد هاي نرم افزار هاي موجود انجام مي دهيد. اين تفکر کاملا اشتباه است! هنگامي که طراحي سايت به پايان مي رسد، آماده ي اين هستيد تا آن را به قطعات تصويري کوچکتر  جهت استفاده به صورت کد html تقسيم کنيد، دقيقا همين جاست که ميزان خلاقيت شما آزمايش مي شود. تمام کارهايي تا اينجا انجام داده ايد در اين بخش روي حجم صفحه وبسايت شما تاثير مي گذارد.  اگر تصاوير شما حاوي اشکال دايره اي شکل هستند بايد در هنگام تقسيم آنها دقت لازم را به عمل آوريد.
تقسيم بندي مناسب به چه معناست؟
1.    قطعات بزرگ با رنگ بندي هاي متفاوت به کار نبريد. از قطعات کوچکتري با رنگ هاي نزديک استفاده کنيد.
2.    قطعه بزرگي که ساختار گرافيکي همسان دارد نسازيد.بخش کوچکي را بسازيد و آنرا در کد گرافيکي خود کپي کنيد. اين اشتباه متداول اکثر مديران سايت و طراحان گرافيک و برنامه نويسان وب سايت در مورد پشت زمينه هاي مشابه است.
3.    دائما از فرمت JPEG استفاده نکنيد.بعضي اوقات فرمت GIF در سايز بسيار کوچکتر است. قانون کلي آن اينست که در مواقعي که تعداد رنگها زياد باشد بيشتر از فرمت JPEG استفاده ميشود تا فرمت GIF و همينطور هم برعکس آن صادق است. موارد را به صورت جداگانه بررسي کنيد.هر 1کيلو بايت که از حجم هر عکس کم کنيد به سرعت آپلود شدن صفحه شما کمک شاياني مي کند.
4.    اگر تصويري با پشت زمينه رنگ سخت داريد به هيچ وجه آنرا تقسيم نکنيد.به جاي آن از کد براي ساخت پشت زمينه استفاده نمائيد. به خاطر داشته باشيد با به کار گيري CSS ميتوانيد هم نوع فونت و هم رنگ پشت زمينه را عوض نمائيد.

تکنيک هاي پيشرفته
بهينه سازي  سايت گرافيکي يک وبسايت بسيار فراتر از بهينه سازي تصاوير است. براي اين منظور تکنيک هاي پيشرفته اي وجود دارند که نيازمند برنامه نويسي پيچيده تري است. CSS2 گزينه ها و انتخاب هاي بيشتري نسبت به  CSSدارد. اگر چه همه ي مرورگر ها هنوز براي دريافت اين سبک آماده سازي نشده اند اما بايد براي آن روز آماده باشيد. JavaScript  هم به شما گزينه هايي براي انتخاب افکت هاي جالب مي دهد بي آنکه براي لود شدن صفحه نيازمند Flash باشد. مقايسه نرم افزار محدودي چون   JavaScript با نرم افزار پيچيده اي چون Flash کار دشواريست ولي به نتيجه فکر کنيد. در عوض شما يک بار براي هميشه وب سايتي متفاوت با ديگران خواهيد داشت! وب سايتي حرفه اي و جذاب که سرعت لود شدن بالايي خواهد داشت!

نگاهي به آينده
کساني که مي انديشند بهينه سازي طراحي وب  سايت کاري ضروري نيست چون هر کس توانايي خاص خودش را دارد تا حدي حق دارند. اما شرکت هاي نرم افزاري ابزارهايي توليد کرده اندکه قادر به استفاده از پهناي باند بزرگتري هستند. پس به بهينه سازي صفحات وبسايت خود دقيق تر بيانديشيم چون اين بازي موش و گربه هيچ گاه تمامي نداشته و بهتر است قوانين بازي را ياد بگيريم تا خورده نشويم!

[تعداد: 1    میانگین: 5/5]