بسم الله الرحمن الرحيم
سيتناول هذا المقال خطوات هامه يجب أن يأخذها المصمم في اعتباره لضمان سرعة التحميل لصفحات موقعه الرئيسيه والفرعيه ، بالإضافة إلى بعض النقاط والبرامج التي تساعد على التصميم ، والآن نترككم مع المقال وبانتظار تعليقاتكم
1- التقليل من محتوى الصفحة الرئيسية قدر المستطاع:
المشكلة
الكثير من أصحاب المواقع اعتادوا على وضع معظم المعلومات في الصفحة الرئيسية مع عمل صفحه أو صفحتين فرعيتين فقط ، ويترتب على ذالك طول انتظار الزائر إلى أن يكتمل تحميل الصفحة سواء من النصوص أو الصور أو غير ذالك
الحل
عند بدء تصميم موقع (سواء كان موقع شخصي ، تجاري ، تعليمي ،...) يجب رسم خريطة عامه للموقع ، وخريطة الموقع تكون بمثابة هيكله عامه للمحتويات بحيث يتم تقسيمها إلى صفحات فرعيه ، ويتم وضع رابط لكل صفحه فرعيه في الصفحة الرئيسية ، أما عن محتوى الصفحة الرئيسية فهي تكون مجرد نبذه عن الموقع ونشاطاته ليقوم الزائر بعدها بالتنقل بين صفحات الموقع عن طريق روابط الصفحات الفرعية.
2- التقليل من مساحات الصور وأحجامها قدر المستطاع:
المشكلة
تعيب الكثير من مواقع الإنترنت البطء الشديد في التحميل والسبب يرجع إلى كبر أحجام ومساحات الصورة سواء كانت مساحة بالـ KB أو الحجم بالبكسل Pixel
الحل
- يجب مراعاة ألا يتم وضع صوره بحجم أكبر من 500 بكسل ( السبب : ستكون أفضل بالنسبة للزائر بحيث سيشاهد الصورة كاملة بدون النزول أو الصعود بمستوى الصفحة بالإضافه إلى استهلاكها لمساحه لا تزيد عن 40KB)
- من المستحسن أن تكون مساحة الصورة لا تتجاوز الـ 60KB كحد أقصى
هناك الكثير من البرامج التي تستخدم في التقليل من مساحات الصور بحيث يكون بها خاصية save for web ومن أفضل البرامج التي استخدمتها في هذا المجال هو برنامج الجرافكس الشهير Photoshop ، وبرنامج Paint Shop هذا في مجال الصور الثابتة ، أما عن الصور المتحركة فأنصحكم ببرنامج Advanced GIF Compressor
3- أكواد الـ HTML الغير فعاله :
المشكلة
عند تصميم صفحه ببرنامج مثل MS Front Page ، وتحتوي هذه الصفحه على صور ونصوص ، في كثير من الأحيان وعند مراجعتك لمحتوى الصفحة تلاحظ وجود أخطاء سواء في الترتيب أو في التنسيق ولذالك تقوم بعمليات تعديل أو حذف لبعض المحتويات ، ولكن للأسف كل هذه العمليات تترك شوائب في الأكواد ، ففي النهايه ربما تجد مثل هذا الكود ، وفي الحقيقه هذا الكود فارغ أي لا يحتوى على أي نصوص داخليه ولكن في نفس الوقت لا يعتبر خطأ برمجياً بل سيتقبله المتصفح بدون أي رسائل خطأ ، ولكن في النهاية سيؤثر هذا الخطأ الكودي على مساحة الصفحة
الحل
هناك العديد من البرامج التي تقوم بتنظيف الأكواد وتقوم بعملية تسمى Optimization أو Cleaning messy Code وجعلها تأخذ أقل مساحه ممكنه ، من أمثلة هذه البرامج HTML Shrinker وهو برنامج أكثر من رائع فمن خلال تجاربي العديده قام بعمل تنظيف للأكواد الغير مستخدمه وقام بتقليل مساحة احدى الملفات بنسبة 80% إلى 90%
4- اجعل موقعك خفيف بالإستفاده من ملفات الإنترنت المؤقتة TEMP :
المشكلة
من المعروف أنه بمجرد دخول متصفحك على أي موقع يقوم المتصفح بتخزين جميع ملفات الصور في مجلد TEMP ، ولذالك عند تكرار زيارتك للموقع يكون التصفح أسرع والسبب هو أن جميع ملفات الصور في الحقيقة مأخوذة من مجلد TEMP وليس من مجلد ملفات الموقع على الشبكة ، ولذالك السؤال هنا كيف يستفيد أصحاب المواقع من هذه الملفات؟ ببساطه شديدة يقع الكثير من مصممي المواقع (خاصة المبتدئين) في خطأ ألا وهو أن يقوم بتكرار نفس الزر مثل زر Back بتخزينه في أكثر من مجلد ليكون كل مجلد تابع لصفحه معينه ( مثال : أن يتم تخزين الزر أربع مرات في أربع مجلدات مختلفة ، وبذالك يقوم المتصفح بتحميل كل صوره على حدا لأنها مختلفة في المسمى أو المسار )
الحل
الحل بسيط حدا في هذه الحالة ألا وهو الاعتماد على التقليل في استخدام الصور أو استخدام صوره ذات مسار واحد فقط بحيث كما في المثال المبين أعلى يقوم المتصفح بتحميل الصوره بدلا من أربع مرات يحملها مره واحده وتضمن سرعة التصفح للزائر في باقي صفحات الموقع ، وكنصيحه أخرى للمبتدئين لا يفضل عمل مجلد جديد خاص لكل صفحه من صفحات الموقع بل عمل مجلد واحد وليكن باسم pic وحفظ جميع صور الموقع به.
5- استخدام الفلاش والجافا :
المشكلة
- الكثير من المواقع تقوم بوضع ملفات فلاش ذات أحجام كبيره قد تصل إلى 600KB وللأسف الضحية في النهاية هو الزائر بحيث ينتظر طويلاً وفي النهاية يقوم بإغلاق المتصفح ومن المؤكد انه لن يفكر في تكرار هذه الزياره مره أخرى
- مواقع أخرى تقوم بملء الموقع باكواد جافا بحيث تكون هناك أشياء تظهر وتختفي بالصفحة مع صور متحركة تلاحق مؤشر الماوس بالإضافة إلى خليط من المفاجآت الأخرى التي تؤدي إلى استهلاك قوى المتصفح لعرضها
الحل
- بالنسبة للفلاش إذا كنت بالفعل تريد وضع فلاش ذات حجم كبير، يجب عليك عمل شريحه أولى مخصصه للتحميل مع عداد مئوي مثل Loading...25% ..26%..27% إلى ان يصل 100% وبهذا ربما يطمئن قلب الزائر أن الفلاش يعمل بشكل سليم و لا يوجد عطل بالموقع
- الجافا سكربت هي أكواد من المستحسن عدم الإكثار منها لأنها قد تؤدي إلى ثقل المتصفح مع ظهور رسائل خطأ عديدة عند وجود أحد الأكواد المعطوبة أو الناقصة وربما في أغلب الأحيان تجد رسالة أسفل المتصفح Done..with errors تعطي انطباعاً سيئاً لدى الزائر عن الموقع
المصدر : عرب سوفتوير
يمكنك النقل لأى منتدى للفائدة العامة مع ذكر المصدر
سيتناول هذا المقال خطوات هامه يجب أن يأخذها المصمم في اعتباره لضمان سرعة التحميل لصفحات موقعه الرئيسيه والفرعيه ، بالإضافة إلى بعض النقاط والبرامج التي تساعد على التصميم ، والآن نترككم مع المقال وبانتظار تعليقاتكم
1- التقليل من محتوى الصفحة الرئيسية قدر المستطاع:
المشكلة
الكثير من أصحاب المواقع اعتادوا على وضع معظم المعلومات في الصفحة الرئيسية مع عمل صفحه أو صفحتين فرعيتين فقط ، ويترتب على ذالك طول انتظار الزائر إلى أن يكتمل تحميل الصفحة سواء من النصوص أو الصور أو غير ذالك
الحل
عند بدء تصميم موقع (سواء كان موقع شخصي ، تجاري ، تعليمي ،...) يجب رسم خريطة عامه للموقع ، وخريطة الموقع تكون بمثابة هيكله عامه للمحتويات بحيث يتم تقسيمها إلى صفحات فرعيه ، ويتم وضع رابط لكل صفحه فرعيه في الصفحة الرئيسية ، أما عن محتوى الصفحة الرئيسية فهي تكون مجرد نبذه عن الموقع ونشاطاته ليقوم الزائر بعدها بالتنقل بين صفحات الموقع عن طريق روابط الصفحات الفرعية.
2- التقليل من مساحات الصور وأحجامها قدر المستطاع:
المشكلة
تعيب الكثير من مواقع الإنترنت البطء الشديد في التحميل والسبب يرجع إلى كبر أحجام ومساحات الصورة سواء كانت مساحة بالـ KB أو الحجم بالبكسل Pixel
الحل
- يجب مراعاة ألا يتم وضع صوره بحجم أكبر من 500 بكسل ( السبب : ستكون أفضل بالنسبة للزائر بحيث سيشاهد الصورة كاملة بدون النزول أو الصعود بمستوى الصفحة بالإضافه إلى استهلاكها لمساحه لا تزيد عن 40KB)
- من المستحسن أن تكون مساحة الصورة لا تتجاوز الـ 60KB كحد أقصى
هناك الكثير من البرامج التي تستخدم في التقليل من مساحات الصور بحيث يكون بها خاصية save for web ومن أفضل البرامج التي استخدمتها في هذا المجال هو برنامج الجرافكس الشهير Photoshop ، وبرنامج Paint Shop هذا في مجال الصور الثابتة ، أما عن الصور المتحركة فأنصحكم ببرنامج Advanced GIF Compressor
3- أكواد الـ HTML الغير فعاله :
المشكلة
عند تصميم صفحه ببرنامج مثل MS Front Page ، وتحتوي هذه الصفحه على صور ونصوص ، في كثير من الأحيان وعند مراجعتك لمحتوى الصفحة تلاحظ وجود أخطاء سواء في الترتيب أو في التنسيق ولذالك تقوم بعمليات تعديل أو حذف لبعض المحتويات ، ولكن للأسف كل هذه العمليات تترك شوائب في الأكواد ، ففي النهايه ربما تجد مثل هذا الكود ، وفي الحقيقه هذا الكود فارغ أي لا يحتوى على أي نصوص داخليه ولكن في نفس الوقت لا يعتبر خطأ برمجياً بل سيتقبله المتصفح بدون أي رسائل خطأ ، ولكن في النهاية سيؤثر هذا الخطأ الكودي على مساحة الصفحة
الحل
هناك العديد من البرامج التي تقوم بتنظيف الأكواد وتقوم بعملية تسمى Optimization أو Cleaning messy Code وجعلها تأخذ أقل مساحه ممكنه ، من أمثلة هذه البرامج HTML Shrinker وهو برنامج أكثر من رائع فمن خلال تجاربي العديده قام بعمل تنظيف للأكواد الغير مستخدمه وقام بتقليل مساحة احدى الملفات بنسبة 80% إلى 90%
4- اجعل موقعك خفيف بالإستفاده من ملفات الإنترنت المؤقتة TEMP :
المشكلة
من المعروف أنه بمجرد دخول متصفحك على أي موقع يقوم المتصفح بتخزين جميع ملفات الصور في مجلد TEMP ، ولذالك عند تكرار زيارتك للموقع يكون التصفح أسرع والسبب هو أن جميع ملفات الصور في الحقيقة مأخوذة من مجلد TEMP وليس من مجلد ملفات الموقع على الشبكة ، ولذالك السؤال هنا كيف يستفيد أصحاب المواقع من هذه الملفات؟ ببساطه شديدة يقع الكثير من مصممي المواقع (خاصة المبتدئين) في خطأ ألا وهو أن يقوم بتكرار نفس الزر مثل زر Back بتخزينه في أكثر من مجلد ليكون كل مجلد تابع لصفحه معينه ( مثال : أن يتم تخزين الزر أربع مرات في أربع مجلدات مختلفة ، وبذالك يقوم المتصفح بتحميل كل صوره على حدا لأنها مختلفة في المسمى أو المسار )
الحل
الحل بسيط حدا في هذه الحالة ألا وهو الاعتماد على التقليل في استخدام الصور أو استخدام صوره ذات مسار واحد فقط بحيث كما في المثال المبين أعلى يقوم المتصفح بتحميل الصوره بدلا من أربع مرات يحملها مره واحده وتضمن سرعة التصفح للزائر في باقي صفحات الموقع ، وكنصيحه أخرى للمبتدئين لا يفضل عمل مجلد جديد خاص لكل صفحه من صفحات الموقع بل عمل مجلد واحد وليكن باسم pic وحفظ جميع صور الموقع به.
5- استخدام الفلاش والجافا :
المشكلة
- الكثير من المواقع تقوم بوضع ملفات فلاش ذات أحجام كبيره قد تصل إلى 600KB وللأسف الضحية في النهاية هو الزائر بحيث ينتظر طويلاً وفي النهاية يقوم بإغلاق المتصفح ومن المؤكد انه لن يفكر في تكرار هذه الزياره مره أخرى
- مواقع أخرى تقوم بملء الموقع باكواد جافا بحيث تكون هناك أشياء تظهر وتختفي بالصفحة مع صور متحركة تلاحق مؤشر الماوس بالإضافة إلى خليط من المفاجآت الأخرى التي تؤدي إلى استهلاك قوى المتصفح لعرضها
الحل
- بالنسبة للفلاش إذا كنت بالفعل تريد وضع فلاش ذات حجم كبير، يجب عليك عمل شريحه أولى مخصصه للتحميل مع عداد مئوي مثل Loading...25% ..26%..27% إلى ان يصل 100% وبهذا ربما يطمئن قلب الزائر أن الفلاش يعمل بشكل سليم و لا يوجد عطل بالموقع
- الجافا سكربت هي أكواد من المستحسن عدم الإكثار منها لأنها قد تؤدي إلى ثقل المتصفح مع ظهور رسائل خطأ عديدة عند وجود أحد الأكواد المعطوبة أو الناقصة وربما في أغلب الأحيان تجد رسالة أسفل المتصفح Done..with errors تعطي انطباعاً سيئاً لدى الزائر عن الموقع
المصدر : عرب سوفتوير
يمكنك النقل لأى منتدى للفائدة العامة مع ذكر المصدر