أنت هنا

تصميم الموقع واثره في سرعة تصفحه

الكاتب : admin | 11/16/2012 |

بسم الله الرحمن الرحيم وبه نستعين ...

من المعروف ان كل ما كان الموقع بطيئ مهما كان محتواه حصري ينفر الزائر منه وهذا شي بديهي وللاسف عند البحث عن اسباب البطئ تجد اهم اسبابها التصميم وفي نفس الوقت نجد الشكوى من صاحب الموقع من نفور الزائر وعدم بقائه مده اطول وحتى محركات البحث لا تعطيه مكانه متقدمه عند الكلام معهم عن التصميم يرفضون تغييره وتبدء مرحلة البحث عن شماعه مثل السيرفر وان سبب المشكله الاساسيه منها بالرغم ان عند التجربه بثيم او استايل اخر يكون النتائج مختلفه والسرعه واضحه وهذا ينفي مسألة تسبب السيرفر بالبطئ وان شاء الله بنحاول في هالمقاله تبيين بعض الحيل والطرق في تسريع تصميم مواقع الانترنت ...

نبدى باهم جزء في تصميم المواقع وهي

الصور =

لابد عند تصميم الموقع معرفة صيغ الصور ومتى نستخدمها والدقه المطلوبه في المكان المستخدم لانها كلها عوامل في تساعد في تقليل حجمها وبالتالي سرعة تصفح للموقع لان الصوره جزء من تصميم الموقع على سبيل المثال نريد خلفيه لاعلى الموقع هنا ما نحتاج الى دقه عاليه والقص لها بيكون صغير نتوجه الى صيغة jpg شعار الموقع اذا كان بدون خلفيه ونحتاج هنا الى الدقه نحوله الى png في بعض الحالات ممكن الاكتفاء بلون واحد ونجد من يضع صوره بها بالرغم ان css و html يوفرونها في هالحاله يجب الابتعاد عن الصور ايضا استخدام خاصية Data URI للصور ممتازه ولها مفعول واضح من ناحية سرعة تصفحها لانها ترجع لكود يعالجه المتصفح من خلاله مباشره ...

الفلاش =

لا ارى له اي داعي لاستخدامه في تصميم المواقع لانه يحتاج الى تثبيت مشغل خاص به على الجهاز واثره في بطئ الموقع بسبب حجمه اذا اضفنا له صور المحتوى وباقي صور التصميم هذا ما يمنع استخدام الفلاش نهائي احيانا يكون الموقع غير مهتم بمحركات البحث ولا يوجد لديه محتوى وهذي الفئه ليس موجه لها المقال ...

الانماط css =

من افضل التقنيات اللي انضافة للويب خاصه انها اصبحت عماد كل موقع لكن احيانا تكون سبب في بطئ الموقع لاننا لم نحسن استخدامها على سبيل المثال الرابط المباشر لملف css اسرع بكثير من استخدام @import ايضا عدم استخدام دمج الاكواد هذا يعد من الترف لدى المصمم على سبيل المثال لدينا وسم <a> للروابط ونريد تغيير لونه في الجزء اليمين واليسار من الموقع الافضل في الحاله دمج الاكواد على سبيل المثال

.Sidebar first a, .Sidebar second a{
color:red;
}

بدل عن تكرار الكود مع كل class ايضا ضغط ملفات css مهم اذا وصل لحد التضخم وهناك مواقع كثيره تدعم ضغط ملفات الانماط ولا تنسون ان كل ما قل الكود قل حجمه وبالتي سرعة تصفح الموقع لذالك في المواقع الكبيره يستخدمون الملف في اكثر من قسم وهذا من اهم اسباب سرعة تصفحه لانه لا يحتاج الى تحميله مره اخرى مع دخولك الى اقسام الموقع ...

استخدام المعايير القياسيه =

ما وجدت المعايير القياسيه الا حتى ما يكون هناك اختلاف بين المتصفحات مثل ما حصل مع متصفح مايكروسوفت ie6 وما جاء بعده لان كل شركه تحاول فرض معايير خاصه بها وهذا سبب مشاكل سابقاً من ناحية التوافق وكان واضح فرق السرعه بين تصميم صمم على المعايير القياسيه وتصميم صمم على متصفح مايكروسوفت (بما انها ما تهتم كثير للمعايير القياسيه) وحتى بعد ما خرج علينا اجهزة الجوال الذكيه اصبح لزام علينا التصميم على المعايير القياسيه وهذا سبب تسهيل عملية عرض المواقع على اي متصفح بسرعه وبدون مشاكل ...

هذا ما لدي حاليا وان شاء الله في مقالات سابقا نكتب عن بعض التقنيات لتسريع المواقع ...

القسم :

سرعة الموقع

التعليقات

مقال ممتاز من وجهة نظري لانه سلط الضوء على اكثر من سبب وهذه الاسباب مجتمعة تعتبر من الاسباب الرئيسية التي تساهم في نجاح اي موقع 
الموقع الذي يتطلب وقت في تحميله اكيد انه يخسر من زواره لانه ليس الجميع مستعد لإنتظار وقت طويل حتى تفتح الصفحة ويرى ما خلفها 
بارك الله فيك اخي شبيب على الفائدة و في إنتظار المزيد بارك الله فيك