(تكملة للثريد السابق حول طرق تسريع موقعك)
2- جهة فرونت اند (frontend side):
- استخدم ملفات js و css المضغوطة ماتسمى ب minified
- استخدم خدمة cdn لاستضافة ملفات assets الخاصة بمموقعك كملفات js و css فهي تسرع عملية تحميل عن طريق نظام متطور لاستعلام من اقرب سرفر لك...
2- جهة فرونت اند (frontend side):
- استخدم ملفات js و css المضغوطة ماتسمى ب minified
- استخدم خدمة cdn لاستضافة ملفات assets الخاصة بمموقعك كملفات js و css فهي تسرع عملية تحميل عن طريق نظام متطور لاستعلام من اقرب سرفر لك...
(ساخصص مستقبلا ثريد خاص بشرح cdn)
- استخدم صور svg للصور اقل تعقيدا في الالوان كايقونات او عناصر رسومية graphics فهي اسرع في تحميل من صور عادية
لاتستخدم صور اصلية في كافة جهات موقعك بل اعرض خصص لكل ابعاد صورة خاصة مثلا للavatar صورة ببعد : 60x60 ولل thumbnail ابعاد 120x120..
- استخدم صور svg للصور اقل تعقيدا في الالوان كايقونات او عناصر رسومية graphics فهي اسرع في تحميل من صور عادية
لاتستخدم صور اصلية في كافة جهات موقعك بل اعرض خصص لكل ابعاد صورة خاصة مثلا للavatar صورة ببعد : 60x60 ولل thumbnail ابعاد 120x120..
وهكذا، حتى لاتضطر لتحميل نفس صورة اصلية ذات حجم كبير لابعاد مختلفة
- في بعض حالات استخدم css background image بدل img tag لانها اسرع في تحميل والعرض
- ابتعد عن عرض صور بصيغة base64
- استخدم mod_expires لتحديد عمر ومجال cache الخاص بالصور وملفات css وjs...
- في بعض حالات استخدم css background image بدل img tag لانها اسرع في تحميل والعرض
- ابتعد عن عرض صور بصيغة base64
- استخدم mod_expires لتحديد عمر ومجال cache الخاص بالصور وملفات css وjs...
- استخدم حركة تحميل spinner loading حتى تخبر الزائر انه يقوم بإجراء ما ولم ينتهي منه حتى لايحس بالبطء اثناء ارسال استعلام او القيام بوظيفة ما.
هذي اهم الاشياء البسيطة التي تساهم بتحسين سرعة موقعك ويمكنك ايضا الاستعانة بأداة PageSpeed insight مطورة من جوجل..
هذي اهم الاشياء البسيطة التي تساهم بتحسين سرعة موقعك ويمكنك ايضا الاستعانة بأداة PageSpeed insight مطورة من جوجل..
لقياس سرعة موقعك وتعطيك نصائح لزيادة سرعته developers.google.com
روابط قد تفيدك :
ماهو frontend و backend؟
Atouiahmed.com
ماهي صور svg؟
هل استفدت من ثريد ؟
روابط قد تفيدك :
ماهو frontend و backend؟
Atouiahmed.com
ماهي صور svg؟
هل استفدت من ثريد ؟
جاري تحميل الاقتراحات...