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