[نقاش] بين السرعة وإحترافية التصميم .. ؟؟

[arabSquad]

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

وهو :
أيهما تفضل كتصميم أو ( style ) لمنتداك ؟؟

تصميم إحترافي يسر عين الزائر ولكن يأخذ وقت في التحميل ويعتبر جحيم لا يطاق لأصحاب الـdial up .. ؟

أم تصميم بسيط وغير معقد خفيف للزائر بحيث يسهل عليك التحرك بارجاء الموقع بحريه

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

فقمت بفرض له بعض المواقع الناجحه جداً ( في رأيي ) ومنهم
-منتدى وصلات للاخ ابو مايد .. تصميم جميل وبسيط ومع ذلك سريع [ wslaat.com ]
- الموقع الأجنبي الشهير كريجز ليست craigslist.org ... والذي لا يحتوى على صورة واحده بالموقع باكمله ومع ذلك من أكبر المواقع في مجاله

أتمنى من الأعضاء الإدلاء برأيهم فلعل وعسى نخرج بفائده

مع تحياتي

[m7bobh]

الاستايلات البسيطه الجميله هي الرائعه بنظري

و عليك ان تعلم بانه للحقيقه وجهان ، فانا ارى شئ و غيري يرى شئ اخر
وكلٌّ حسب ذوقه الخاص ...

[Ops]

من قال أن الجمال يكمن في صورة
بالعكس أنا أرى أن الموقع الجميل يكون بتنظيم المحتوى
شاهد موقع Google للأخبار وانت تعرف قصدي
http://news.google.com/
من ناحيتي اراه اجمل موقع

وهنا شاهد الداعمون العرب
http://www.arab-supports.com

[Dr.PRO]

يســلمو اخوي ويعطيــك العافيــة ..


بعض المصممين صراحــه لا يتقنون 100 % نحو السرعه والخـفه ,,

فمـثلا ً نرى تصميم ولكن نرى حجم الصـوره وصيغها 900 كيلو بايت وهي والصيغه bmp ,
ماذا لو استبدل الصيغه إلى gif يفقد بعض من الدقه بالصوره ولكن سيكون الحجم تقريبا ً 40 أريأتم العجب ,,

أيضــآ الدقه بالأكواد ومسح ما لم يلزمه ,

الذي أرجوه استبدال الصيغه وتحويلها إلى gif ,


هذا الذي أردته قوله فشكرا ً لكم ودمتم مع التـحية ,,

[banhamakers]

وهذا موضوع يخص النقاش أرجو الإطلاع عليه
http://www.swalif.net/softs/showthread.php?t=196096

وهو عن تعديلات بسيطة تضمن سرعة منتدك

والله الموفق......

[زائرLoRdZeRo]

لطالما تناقشت او بمعنى أصح تجادلت مع صديقي العزيز Lordzero في هذا الموضوع

في بعض الأحيان تصل حدة النقاش للـBlock

وللأسف لا نخرج بالنتيجة المرضية إلا في حالات نادرة

نرجع للنقاش :

كما نهتم بتوفير سرعة وتصفح أسرع للزائر , في المقابل يجب الإهتمام بالشكل الخارجي والتنظيم

في نظري ليس صائبا أن تعطي السرعة الإهتمام الأكبر وتجعلها في المرتبة الأولى وتتجاهل كل شئ آخر في سبيل تحقيق السرعة الخيالية !!

ليس دائما التصميم هو من يؤثر على سرعة المنتدى , مشاكل قاعدة البيانات والإستعلامات التي ترهقها أيضا لها دور كبير

كسبيل المثال التصميم قد يبطأ الصفحة قليلا في أول مرة يتم الدخول فيها على الموقع لكن لن يكون أسوأ من وضع هاكات تحمل قاعدة البيانات لا ما تتحمله

نعم أنا أؤيد التصميم الإحترافي ولكن بشروط أيضا

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

أيضا برامج نت تصميم القالب بسيط جدا جدا في المقابل لا بأس به من الناحية الجمالية وأيضا سرعته لا بأس بها

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

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

وهذه وجهة نظر أخرى من عضو غالي علينا http://swalif.net/softs/showpost.php...87&postcount=5

تحياتي ..

[زائرLoRdZeRo]

وهنا شاهد الداعمون العرب
http://www.arab-supports.com

منتداك رائع جدا من حيث السرعة ما شاء الله

والتصميم لا بأس به , بعض التعديلات على الازرار والأيقونات وبيطلع روعة

[Ops]

منتداك رائع جدا من حيث السرعة ما شاء الله

والتصميم لا بأس به , بعض التعديلات على الازرار والأيقونات وبيطلع روعة

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

[NLP]

ممكن ادخل عرض ^________________^

شوفو هالموقع كله صور وسريع ..

http://www.kalbaeyes.com


كل الصور ..png

تعديلي انا ..

جربو تحذفون القوائم المنسدله او انكم تعملون له ايقاف من لوحة التحكم

[abu aziz]

انا أأيد من قال ان الترتيب و التنظيم للموقع هو اساس الجمال و السرعة مطلوبة في التنظيم فمثلا
انظروا إلى موقع : http://hi4arab.com/real/index.php
موقع يختص بجمع كل جديد لنادي كرة قدم اسباني لكن انظرو الترتيب و التنظيم في الموقع وال برمجات المستخدمة فيه هذا بالنسبة للموقع

اما بالنسبة للمنتديات فانظروا هذاالمنتدى www.Ronaldinho4ar.com/vb جمع بين الخفة و الجمال تستطيعون كشف السرعة في احد المواقع او تصفحوا صفحات المنتدى و سترون ما إذا كان كلامي صحيح ام لا


هذا ما لدي

وبارك الله فيكم جميعا

[البحار111]

من وجهة نظري

أول ما يجذب الزائر هو شكل المنتدى ومن ثم محتواه

فالزائر حين يرى أن ستايل المنتدى جميل يتشجع لأن يرى محتواه


سؤال بسيط

الهيدر عندي كامل فلاش ،، هل ترون أن التصفح بطيء ؟

http://www.semauae.com/vb

[M i c R o]

الموضوع ما يختلف عليه شخصين اطلاقا

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

والمنتدى طبعا الهيدر فيه والفوتر راح يتكرران بكل صفحة، حتى لو كان الاستدعاء واحد والصور تم تحميلها بالـ Temp لان الحجم هنا يلعب دورا بالكود البرمجي .. اذن المنطق يقول تصميم خفيف خالي من التكليف الجرافيكي حتى لو كان سوف يخزن بالـTemp الخاص بجهاز المتصفح

ومنطقيا قمة الجمال والابداع تجتمع عند اتحاد البساطه والفخامه بنفس الوقت وهذه معادله صعبه لا يصلها اي مصمم كيفما كان، عكس التصاميم ذات الجرافكس الكثيره هذي مجرد صور مدموجه وحركات مستهلكة يسهل الوصول لها

هذا من ناحية، ومن ناحية اخرى المفروض الاخذ بعين الاعتبار ان اتصالاتنا بالوطن العربي إلى الان بطيئة جدا جدا وليست بالالياف الضوئية بالدول المتقدمة مثلا، وبما ان المستخدم العربي هو المستهدف للموقع، اذن المفترض أن يتم أخذ السرعة بعين الاعتبار

[ABo.AzAzI]

كلما كان "التصميم بسيط" و ذو "تنسيق بدون تعقيد" كلما كان افضل و اجمل !!

فتراكم الصور لا يعني جمال التصميم ابدا ً ... بل يعني عكس ذلك تماما ً في وجهة نظري !

لذا نأمل من الجميع تعلم الـ css وإتقانها لأنها ستجعل المواقع العربية مواقع مميزة بتنسيقها وتصميمها و "بخفتها" !!

عنّي استخدمت في موقعي www.lawwen.com كامل التصميم بإستخدام الـ css !!

وفوائده ليست قاصرة للخفة في التصفح فقط ! بل محركات البحث تحب المواقع المستخدمة لهذه التقنية !

[محمد الثقفي]

السلام عليكم ورحمة الله وبركاته

اخي ops على فكره انت مبدع وبصراحه انت من افضل مصممي استايلات المنتديات الذين اراهم حاليا واستخدامك لل css ممتاز جدا وترتيبك وكل شي الله يوفقك ويجزاك خير

اخي banhamakers موضوعك يستحق النظر اليه لانه فعلا يقوم بتسريع المنتدى

اخي البحار111 منتداك ممتاز وسريع ولكن الفلاش هو مايبطئه عليك بالتحايل على ذلك وهو ان تجعل الفلاش حجمه لا يتجاوز النصف kb وذلك بعمل ملف فلاشي واحد وتضع به امر loadmovie للفلاش الحالي
والفكره هنا ان يظهر ملف الفلاش بشكل سريع والمنتدى ايضا بعد ذلك يتم تحميل الفلاش بدون ضغط على الصفحه


سوف اضع كل مااعرفه هنا وان شاءالله تقتنعوا وان شاءالله تنفذوا

1: والاهم ان تستعملوا CSS في تصميم المنتدى

2: عدم استخدام الصور الكثيره وان استعملتوا صور فلاتزيد حجمها عن "2KB" فقط

3: لاتكثروا من تقسيم الصور مثلا كأن يضع HEADER لصوره واحده مقسمه الى 6 اجزاء

4: كتابة كود ال HTML وال CSS بطريقه صحيحه وتفادي الاخطاء

5: استعمال صور PNG و GIF وتكون مضغوطه

6: ايقاف نظام الهاكات "ان امكن" او التقليل منها وتخفيف الضغط على قاعدة البيانات

7: استعمال ضغط الصفحات GZIP من لوحة تحكم المنتدى ووضع القيمه "1" لها

8: التخفيف من استعمال الالوان للجداول

9: استعمال الـ CLASS لاستدعاءه في اظهار جدول او صوره او حتى زر وهذا يفيد بعدم كتابة الامر في كل مره وانما اعطاء الكلاس فقط للجدول مثلا

TABLE CLASS=""....

وشي كهذا راح يقلل من مساحة الصفحه الى النصف تقريبا

10: ايقاف كل من:
- تحديث المشاهدات والمرفقات فورا
- اغلاق نظام اي هاك عن الزوار وتشغيلها فقط للاعضاء " ان كان هناك خيار بالايقاف في الهاك كهاك المحادثه الفوريه"
- تحديث المتواجدين حاليا كل 1440 ثانيه اي 24 ساعه

11: الترتيب في التصميم

خيارات اخرى :
ايقاف ظهور الصور الرمزيه لعناوين المواضيع
التخفيف من الاعلانات في ال header او تصغيرها


امثله على ماذكرت :

1: منتدى فلاشيات
كل ماذكرته طبقته في منتدى فلاشيات بالحرف الواحد فانظروا كيف هي سرعة المنتدى

للعلم ياشباب وكما قال الاخ LoRdZeRo
"للأسف لا نخرج بالنتيجة المرضية إلا في حالات نادرة "

كلامه صحيح 100% فموضوع كهذا تم مناقشته اكثر من مره وفي كل مره يتم وضع الحلول ولكن لا ارى من ينفذ

كل ماذكرته فوق نفذته بعد ماقرأته وانا لم اكتشف شيئا وانما وضعت كل ماعرفته وقمت بتجربته وتنفيذه



نأتي للخطوه رقم 12 وهي خطوه ليست بخيارات المنتدى

اولا اقتبس هذا الرد المنطقي والسليم من الاخ micro

الموضوع ما يختلف عليه شخصين اطلاقا

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

والمنتدى طبعا الهيدر فيه والفوتر راح يتكرران بكل صفحة، حتى لو كان الاستدعاء واحد والصور تم تحميلها بالـ Temp لان الحجم هنا يلعب دورا بالكود البرمجي .. اذن المنطق يقول تصميم خفيف خالي من التكليف الجرافيكي حتى لو كان سوف يخزن بالـTemp الخاص بجهاز المتصفح

ومنطقيا قمة الجمال والابداع تجتمع عند اتحاد البساطه والفخامه بنفس الوقت وهذه معادله صعبه لا يصلها اي مصمم كيفما كان، عكس التصاميم ذات الجرافكس الكثيره هذي مجرد صور مدموجه وحركات مستهلكة يسهل الوصول لها

هذا من ناحية، ومن ناحية اخرى المفروض الاخذ بعين الاعتبار ان اتصالاتنا بالوطن العربي إلى الان بطيئة جدا جدا وليست بالالياف الضوئية بالدول المتقدمة مثلا، وبما ان المستخدم العربي هو المستهدف للموقع، اذن المفترض أن يتم أخذ السرعة بعين الاعتبار

ان ماذكره الاخ micro من اهم الخطوات وهو ملفات الانترنت المؤقته

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

ExpiresActive On
ExpiresByType image/gif "access 1 week"
ExpiresByType image/jpg "access 1 week"
ExpiresByType image/jpeg "access 1 week"
ExpiresByType image/png "access 1 week"
ExpiresByType text/css "access 1 week"
ExpiresByType text/js "access 1 week"
ExpiresByType application/x-shockwave-flash "access 1 week"
ExpiresByType application/x-javascript  "access 1 week" 

<IfModule mod_security.c>
    SecFilterEngine Off
    SecFilterScanPOST Off
</IfModule>

فهذا الامر يقوم بحفظ الملفات بملفات الانترنت المؤقته لمدة شهر وهذا يسرع من عرض المنتدى بحيث عندما يقرأ المتصفح ملف ال htaccess لايقوم بتحميل الصور
ولكن البعض يقول بما ان الصوره تم تم تحميلها مسبقا اذا فالمتصفح سوف يهملها

وجوابي هو لا فبعض الاوامر في ال meta tag مثل cache تكون موجوده وقيمتها follow او 7 days اذا سوف تجعل المنتدى يقرأ الصور مره اخرى في كل مره يزور الزائر في المنتدى او زيارة صفحه اخرى

وايضا من الممكن ان يكون الامر قيمته no-cache وهذه ستجعل المتصفح يقرأ كل صور او امر في كل زياره للمنتدى

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

اولا ذكر اسباب البطئ

1: كثرة الصور وخصوصا المقمسه في الصفحه الرئيسيه للمنتدى
2: كثرة الهاكات التي تعمل عند دخول مستخدم على الصفحه الرئيسيه
يعني مثل هاك الاحصائيات المتقدمه الذي يجلب جميع الاحصائيات

ونحن لسنا محتاجين جميع الاحصائيات نحتاج فقط الى اخر المسجلين وافضل المشاركين واخر مشاركات

بعض المنتديات يختار من 20 الى 30 والافضل عرض اول 5 او 10

ايضا هاكات اخرى مثل تصغير الصور وهاك مثل هاك من قام بمشاهدة الموضوع هذه كلها تثقل من عرض "الموضوع"

كثرة التواقيع داخل المواضيع ايضا لها مشاكلها

والسبب الاهم والمحير في هذه الايام :

يكون خطأ من نفس مصمم الاستايل فبعض مصممين الاستايلات يكون محترف في التصميم ولكن ليس ملم بالبرمجه الا بشكل قليل فتحصل منه اخطاء كأن يترك كود لهاك ليس موجود اصلا او قام بالتعديل على ستايل هو ستايل مدمج معه بعض الهاكات التي تتطلب وضع اكواد في بعض القوالب

ايضا تجد بعض اخطاء في اوامر if else الموجوده في القوالب ونسيان بعض مسارات الصوره كأن تجد المسار للاسف C:\Documents and Settings\user\pic1.gif
وهذا دليل على الاخطاء البرمجيه

ونسيانه لامر هاك طبعا يسبب مشكله وبطئ لانه غير موجود اصلا على منتداك

هناك الكثير اخي فبعض المنتديات يستخدم مابين 20 الى 30 هاك مع بعض ( ياساتر )

الحلول :

1: استخدام اقل حد من الصور في منتداك (اعتمد على الجداول والنصوص فقط)

2: اغلق بعض خدمات المنتدى مثل اعياد الميلاد واحداث اليوم ومن يتصفح الموضوع حاليا

........................

[ايمن جوجل]

دقة توزيع المحتوى و استخدام الـCss وجهان لعملة واحدة , كثيرا منا يستخدم التصميم كأداة للقياس, بعض المحتويات العربية تستحق الإشادة, لكن الإطار الذي يحيط بها نفر قارئها من اول وهلة.
كلمة السر تٌكمن في الـ Style Cheat, فبها يمكن ان نقم بعمل واجهة جميلة, خفيفة و رائعة, علينا بحساب الاضرار التي قد تكون ناجمة في حالات تصفح موقع ( وردي كما يقولون ) ملىء بالصور خصوصا الهيدر على من يملك خط انترنت ضعيف, تلك المجموعة من المستخدمين لها حقوق و التزامات علينا [نحن الويب ماسترز] في التصفح بما يتلائم مع ظروفهم, استمروا في التوعية شكر الله سعيكم.
-
ا/ايمن الجوجري
Mganan.com