كمصمم ومطور ويب، يجب عليك أن تعرف ان زوار موقعك منهم من لديه سرعة انترنت كبيره وعاليه ومنهم أيضا من يعانى من بطء التصفح والتحميل، لذلك يجب عليك مراعاة ظروف جميع المستخدمين عن طريق تخفيض مدة تحميل موقعك لينساب جميع الشرائح من المستخدمين والمتصفحين للموقع،
وتوجد العديد من البرامج والمواقع التى تقوم بإختبار مدى سرعة وكفاءة الموقع، منها مثلا ذلك الموقع تقوم بالدخول اليه ووضع رابط موقعك وسوف يعرض لك إحصائيات كامله لموقعك من حيث حجم الصفحات وسرعة التحميل وعيوب التصفح.
طبعا هناك العديد من الاشياء التى قد تؤثر بالسلب على سرعة وكفاءة تحميل وتصفح الموقع وتجعله بطىء وغير مناسب لبعض المستخدمين أصحاب السرعات البطيئه، ومنها :
الصور
من أكبر المشاكل التى تواجه مستخدمى الموقع بسبب بطء التحميل هى الصور، حيث إستخدام صور ذات حجم كبير قد يؤثر بشكل كبير على سرعة وكفاءة تحميل صفحات الموقع بشكل ملحوظ. واليك بعض النصائح للحد من مشاكل بطء تحميل الصور :- استخدم الصور ذات الحجم الصغير او المتوسط وتجنب استخدام الصوره كبيره الحجم.
- استخدام خواص CSS قدر الامكان لرسم الشكل المرغوب بدلا من إستخدام صوره.
- استخدم محرر الصور لضبط أبعاد الصوره بدلا من ضبط أبعادها بإستخدام خواص ال CSS .
- قم برفع الصور على نفس السيرفر المتواجد به صفحات الموقع.
الخطوط
استخدام أكثر من نوع خط او مكتبة خطوط داخل الموقع قد يضيف له حس جمالى أثناء تصفحه، لكن قد حذرا عند إستخدامك للخطوط، بحيث لا تقوم بإدراج واستخدام أكثر من مكتبه من الخطوط حيث ذلك يجعل تصفح الموقع أبطء قليلا من ناحية التحميل.
اكتب كود HTML نظيف
- قم بتقليل المسافات البيضاء والفارغه داخل صفحة ال HTML قدر الامكان.
- تخلص من التعليقات Comments الغير ضروريه واكتب فقط تعليقات مختصره وتفى بالغرض بدون تبذير.
- عدم استخدام عناصر HTML غير ضروريه ويمكن الاستغناء عنها بخواص CSS .
- لا تقم بإدراج جدول داخل جدول Table أخر او مجموعه من الجدوال لان تداخل الجداول يبطء عملية تحميل الموقع.
- قم بالحد من إستخدام وسم Iframe واستدعاء صفحات خارجيه داخل موقعك حيث يبطء من أداء وتحميل الموقع.
- وضع صور فارغه لا تحتوى على مسار داخل توصيف Src يؤثر سلبا على تحميل الموقع.
- لا تستخدم أكواد جافاسكريبت فى بداية صفحة HTML ولكن أجعلها فى نهاية الصفحه.
- قم بترتيب الاكواد وتنظيمها بشكل يسهل قراءته.
أكتب كود CSS نظيف
- قم بكتابة أكواد ال CSS داخل وسم head او استدعيها بوسم link إذا كانت فى ملف خارجى.
- استخدم أكواد CSS لضبط الخطوط والاشكال قدر الامكان بدلا من استخدام صور.
- قم بحذف الأكواد المكرره والغير ضروريه داخل الكود.
- استخدم القيم المختصره للخواص مثل خاصية margin و padding ، اكتب الاربع قيم على نفس السطر.
- استخدم تعليقات مختصره ولا تبذر فى استخام تعليقات لا فائده منها.
- اكتب كود منظم ويسهل قراءته.
- استخدم طريقة التجميع Grouping قدر الامكان، فى حالة اتفاق مجموعه من العناصر فى نفس الخواص.
أيضا يجب عليك الحذر وعدم الاسراف فى إستخدام أكواد جافاسكريبت ثقيله قد تؤثر بالسلب على مدة تحميل وتصفح موقعك مما يؤثر بالسلب على إنطباع زوار الموقع.
موضوعات من رادار قد تنال إعجابك ▼
محول الاكواد محول الأكواد اضافة الإبتسمات اضافة الإبتسمات