بصفتك مصمم مواقع فمن الضروري ان تعرف تقنيات تستعمل في تحسين اداء موقعك حيث يلعب دور هام في جلب مستخدمين اخرين اليه، وهناك عدة اشياء يجب التحقق منها وتحسينها .
1 - الصور :
تعتبر الصور من اهم الاشياء الذي تأثر في سرعة الموقع حيث تقريبا كل صورة حجمها 1mb ستستغرق 0.5s لتحميليها من طرف المتصفح في الحالات العادية ولذالك هناك عدة طريق يجب عليك الاشتغال بها :
- يجب اعطاء للصور حجمها الحقيقي فستجد انك تستخدم صور تصل ابعادها الى 2000×1000 ولكن في المكان الذي تضعها فيها تاخد فقط ابعاد 500×250 لذالك في الاول يجب تغيير ابعاد الصورة .
- استعمال صيغ سهلة في التحميل مثل صيغة svg او webp بدل استعمال jpg او png ..
- يجب ايضا ضغط الصور لتقليل حجمها وبالتالي سيتم تحميلها في وقت اسرع، وهناك عدة مواقع تقدم هذه الخدمات اهمهم :
optimizilla
websiteplanet
img2go
squoosh
- ايضا حاول تستاعمل واحد التقنية سميتها lazy كتمكنك من تحميل الصورة فقط ملي كيوصل عندها scroll
- استعمال تقنية تسمى ب lazy وتساعدك في تحميل الصورة في الوقت المناسب، وتستعمل في جميع مواقع التواصل الاجتماعي حيث لن يتم تحميل الصورة الا عندما يصل اليها ال scroll .
للمزيد من المعلومات حول تقنية lazy يمكنك زيارة الرابط التالي تقنية lazy
2 - الملفات
- يجب دائما وضع ملفات css في اعلى الصفحة و ملفات javascript في اسفل الصفحة، لكي يتم تحميل واجهة الموقع اولا ثم يتم تطبيق اكواد الجافاسكريبت بعدها .
- يجب تقليل الملفات (css او javascript) الذي تم استدعائها في الصفحة لكي لا تكن هناك طلبات عديدة الذي تقلل من سرعة موقعك، بحيث سيقوم المتصفح بانشاء طلب واحد بدل انشاء عدة طلبات اخرى .
- بالنسبة للمكتبات حاول دائما تستعلم cdn حيث كيكون سريع في التحميل مقارنة الى درتي ملفات ديال المكتابات في المشروع ديالك .
- في حالة استخدمت مكتبات خارجية (bootstrap, fontawesome, jquery ...) يجب استعمال ال cdn الخاص بيها بدل تحميليها على شكل ملفات واستدعائها .
هذه فقط بعض الطرق و التقنيات الذي يمكنك استعمالها والذي ستلاحظ انها شكلت فرقا في سرعة موقعك،
مواقع لقياس سرعة موقعك :
webpagetest
gtmetrix
pingdom
إرسال تعليق