المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : سرعة الاداء Speed Performance



Rise Company
15-08-2016, 00:24
سرعة الاداء Speed Performance

https://www.rise.company/forum/images/imported/2016/08/10.jpg

(https://www.facebook.com/creative.house.services/posts/1682263595358595:0#)معنى الـ Speed Performance


كل ما كان موقع سريع و اداؤه عالي كل ما المستخدمين اتعلقوا بيه أكتر .. تخيل انت لو بتتصفح موقع و كان بطئ أوي أكيد هتتعب من تصفحة و مش هتكمل
لو هنتكلم علي سرعة الموقع فاحنا هنتكلم عن نقطتين :
1- السيرفر
كل ما كان السيرفر اللي عليه موقعك امكانياته كويسة كل ما كان الموقع أسرع . كل ما كانت الداتا سنتر اللي عليها موقعك قريبة من المنطقة اللي بتستهدف منها الزوار كل ما الوقت اللي خده الموقع علشان يفتح كان أقل.
2- الموقع
ايه فايدة ان يكون السيرفر قوي و الموقع نفسه وحش؟
فازي ما هتختار سيرفر كويس لازم تظبط موقعك بحيث يديك أفضل أداء.
( دي بعض النصائح اللي هتفرق معاك أوي في تحسين أداء موقعك )
1- Browser Caching
لما بتيجي تتصفح موقع لأول مرة بتلاقي الموقع بطئ شوية بعد كده لما بتعمل ريفريش الموقع بيكون أسرع . ليه؟
لان البروازر اللي بتستخدمه بيعمل كاش لبعض الملفات بحيث بعد كده بدل ما يحملها من السيرفر تاني في كل مرة ياخدها من الكاش بتاع البراوزر
فلازم تظبط حاجة اسمها Expires Headers
2- Enable Keep-Alive
ودي كده زي سيجنال بتتبعت كل وقت محدد لو موقعك مردش علي السجنال دي الموقع هيعتبر انه
Down
ممكن تقرا معلومات أكتر من هنا
http://en.wikipedia.org/wiki/Keepalive
3- Gzip Compression
تفعيله هيقللك حجم الريسبونس حوالي 70%
و بالتالي هيفرق معاك جدا جدا في سرعة موقعك
لو عايز تعرف معلومات أكتر من هنا
http://developer.yahoo.com/performance/rules.html#gzip
4- Landing Page Redirects Cacheable
أوقات ممكن تكون عامل نسخة للموبايل من موقعك فانت ممكن تحول اليوزر من :
www.site.com (http://l.facebook.com/l.php?u=http%3A%2F%2Fwww.site.com%2F&h=4AQG7rGXFAQHIjNL-YOXjMM3GolCgI0bHmUf9M61LlXAr5g&enc=AZMK5hAiCUCEQGvUW-LMLXMjqH8UgDjMMGfB6ymJWKmAUl4f1ithpVSSOBjYxJXim4SB tPtj9Jp3kx4sgbZVNCvpuPn8_Y4gu7ieHGlivgV_qd20qPSucU d-2jnZDn15HTFq2EwnOyPGj40i5J3zYqhZdqXu5xa50M2GHhQLs7 EaLx5GMhV0qMoedYT_bgO2VgsStpOzNdsdlL9YoSur-JDe&s=1)
لـ
www.m.site.com (http://www.m.site.com/)
لو كان Cacheable Redirect
هيفرق معاك كتير جدا في سرعة تحويل اليوزر
5- Use a CDN (Content Delivery Network)
ودي عبارة عن سيرفرات منتشرة علي مستوي العالم في اماكن مختلفة الناس بتحط عليها بعض ملفات للموقع زي الجافا سكريبت و ملفات الاستايل
و عندك أغلب الحاجات المشهورة زي الجيكويري و البوتستراب ليها ملفات مرفوعة علي سيرفرات زي دي
طيب ايه اللي هستفاده من كده؟
لو بصيت فوق في نقطة الكاش هتلاقيني قايلك ان البراوزر بيحمل بعض الملفات و يخزنها و بعد كده لو موجوده عنده بيحملها من البراوزر بدل ما يحملها من السيرفر تاني
طيب لو انت مستخدم مكتبة مشهورة من
CDN
و يوزر كان فاتح موقع مستخدم نفس المكتبة و كان البروزر عملها كاش من قبل كده من الموقع ده .. لما ييجي يفتح موقعك البروازر هيستخدم الفايل المعموله كاش و بالتالي موقعك هيفتح معاه أسرع بكتير
6- Specify a Character Set
دي معناها انك تحدد الترميز اللي هيظهر بيه موقعك
7- Minify Your Codes
انك تفتح موقع وتتصفحه يعني انت هتحمل الصور و الجافا سكريبت و ملفات الاستايل
لو انت عامل
Minify For js & css Files
أكيد هحجمها هيصغر و بالتالي الوقت اللي هتتحمل فيه أقل و بالتالي موقعك يفتح أسرع
8- Avoid Bad Requests
اتأكد دايما ان اللينكات اللي بتشاور بيها علي الصور و الملفات مش بايظة علشان ما يتعملش ريكوست ع الفاضي و بالتالي يبقي الموقع خد وقت في حاجة مالهاش داعي
9-Specify Image Dimensions
أوقات موقعك بيظهر بشكل علي بروازر و يظهر بشكل تاني علي بروازر مختلف .
كل بروازر ليه معايير افتراضيه بيظهر بيها المحتوي .. فمتخليش البراوزر يفكر كتير في انه يعالج الشكل اللي هيظهر بيه الموقع . واحدة من الحاجات اللي ممكن تعملها انك تظبط أو تحدد مقاسات الصور بتاعتك
10-Optimize Images
أوقات الصور بتاعتك بتكون شايلة معلومات مش مهمة زيادة و بالتالي حجم أكبر ع الفاضي فاانت ممكن تظبط الصور بتاعتك
شوف اللينك ده
http://www.smushit.com/ysmush.it/
11-Put CSS At The Top And JS At The Bottom
الافضل انك تحط ملفات الاستايل في الموقع من فوق و تحط ملفات الجافاسكريبت تحت
فده هيفرق كتير جدا معاك في سرعة الموقع . ولو عايز معلومات أكتر شوف اللينكات دي
http://code.google.com/speed/page-speed/docs/rendering.html… (http://code.google.com/speed/page-speed/docs/rendering.html#PutCSSInHead)
http://developer.yahoo.com/performance/rules.html#js_bottom