Embed Size (px)
DESCRIPTION
أصبحت سرعة التطور التي تعيشه البشرية في أيامنا هذه، مخيفةً إلى حدٍّ جعل من غير المقبول التراجع أو التباطؤ في هذا التطور. ولعل أبرز ما يميز هذه المرحلة هو بروز شبكة الوب حاضناً أساسياً لا يمكن تجاهله، على الرغم من التحديات والمشكلات التي رافقت ظهوره، ومازالت ترافقه لاسيما من حيث الأداء. يهدف البحث إلى عرض المشكلات الحالية التي تواجه الأنظمة الحاسوبية العاملة على شبكة الوب من حيث الأداء، وأنظمة التخاطب مع المستخدم. ويطرح قائمة التحديات التي تواجهها، وذلك من خلال تقسيم المشكلات بناء على أنواع التقنيات البرمجية المستخدمة في بناء صفحات الوب. كما يعرض البحث مجموعة من النصائح والتحسينات المقترحة لرفع أداء هذه النظم إلى الحد الأمثل. وقد تم اختيار نظام المفاضلة في وزارة الصحة في الجمهورية العربية السورية، بيئة للاختبار وتطبيق النصائح والتوصيات. In today’s world, the development aspects are growing very fast. We must acknowledge the fact that we have to be as faster as this development. One of the major properties of today’s evolving is the World Wide Web which has the focus as a main container for the remaining properties. Since its beginning, the World Wide Web is facing a lot of difficulties and challenges such like the performance issues. This essay aims to state all of the current performance difficulties that are facing web-based computer systems. This can be done through dividing those difficulties according to the technology that was used in the web. Moreover, we demonstrate a number of suggestions and improvements that may increase the web performance in order to reach its ideal usage. In addition, those suggestions will be implemented in a real use case, and we chose the “Mofadalah” web-based system at the ministry of health in Syrian Arab Republic as an environment for our use case.
Citation preview
الوبدراسة الطرق المثلى لتحسين أداء تطبيقات
باسل الخطيب. إشراف د
تقديم محمد القواص
External Objects
؟!!الوبالقضايا األساسية حول مشاكل بطء
الزبونعدم رضى
ثوان 10من استغرق أكثر تحميل الصفحة
الشركاتالتأثير السلبي على أرباح
Google 0.4 sec for 10 Results 0.9 sec for 30 Results
20% Drop in full-page trafic
Amazon +100 ms
1% drop in sales
الموقععدد مستخدمي
More than 8 sec =>
االنطباع األولي للزبون
1/20 sec 10 sec, Noam Tractinsky
الوبنمو حجم صفحة
2003 till now 3.3x
األعظميوقت االستجابة ثوان 3إلى 2 • ثوان 5إلى 3 • ثانية 30إلى 20 •
التحسينات المقترحة ألداء صفحات الوب
التحسينات المقترحة على مستوى صفحة الوب
HTTPالتقليل من عدد الطلبات الصادرة عن
HTTPالتقليل من عدد الطلبات الصادرة عن
نمطيةتحويل النصوص الصورية إلى نصوص •
Text Overlaysاستخدم •
(Paddingأو CSS margins)إلى spacer cellsتحويل •
Spriteأو Image mapدمج الصور و اسخدام •
HTTPالتقليل من عدد الطلبات الصادرة عن
JavaScriptو CSSدمج و تحسين ملفات •
Cacheتخزين الملفات الديناميكية في •
javaScript includesو Frames(i)التخلص من •
تغيير حجم الصور وتحسينها
تحسين الملتيميديا
تحسين الملتيميديا
الوبتحسين الفيديو من أجل •
الفيديومعدالت وأبعاد إطار •
fps 15إلى 12–
–320 x 240 pixels
والحركةالتقليل من الضجيج •
تحسين الملتيميديا
تعديل الفيديو •
ضغط الفيديو من أجل الوب–
Filtersباستخدام Video Noiseتقليل –
اللونتعديل المباينة في –
gammaتعديل مستوى –
واألبيضاستعادة األسود –
.اختيار أفضل أنواع الكودك لتتماشى مع نوع العمل المراد فعله–
قدر اإلمكان CSSإلى JavaScriptتحويل
Sniffingاستخدام طريقة
Server-Sideقبل المخدم من
Table Layoutتحويل التخطيط الجدولي
CSSالتخطيط المتعلق بـ إلى
CSSبقواعد Inline Styleتبديل
بحكمة JavaScriptتشغيل
في أعلى الصفحة CSSتعريف
في أسفلها Javascriptوالـ
CSSمستوى التحسينات المقترحة على
التنازليةاستخدام المنتقيات
ul > li{font-weight:bold;}
مع التصاريح Selectorsالمنتقيات تجميع
Declarations المشتركة .sitehead, .sitenav { font-weight: normal; font-size: 12px; color: #0b2475; font-family: arial, helvetica, sans-serif; }
المشتركةتجميع التصاريح مع المنتقيات
body {font-size: 1em;} body {font-family: arial, helvetica, geneva, sans-serif;} body {color:#000000;} body {background:#ffffff;}
classesدمج التنسيقات المتشابهة داخل صفوف
مشتركة
للتخلص من Inheritanceاستخدام خاصية الوراثة
التصاريح المتكررة
المختزلة CSSاستخدام صيغ
المختزلة CSSاستخدام صيغ
مختزلةاستخدام ألوان •
–color: #fc0;
Shorthand Propertiesالخاصيات المختزلة •
–border: <border-width> <border-style> <color> transparent
الطويل classو IDأسماء التعريف اختصار
#c .ta{text-align:center;}
CSS3و CSS2ميزات من االستفادة
•[att] •[att=val] •[att~=val] •[att |=val] •transition: width 2s;
Javascriptمستوى التحسينات المقترحة على
Javascriptمن ملف حذف تعليقات
الظرفيةمن التعليقات التقليل
<!--[if lt IE 7]><script src="patch.js" type="text/javascript"></script><![endif]-->
تقليل المساحات البيضاء
JavaScriptاختزاالت استخدام
x=x+1; => x++;
الثابتة stringمختصرات استخدام
msg="An error has occurred";
تجنب كتابة تعليمات مستحيلة التنفيذ
تقصير أسماء المتحوالت والوظائف المعرفة من قبل
المستخدم
القيم االفتراضية
JSONو RSSكحل بديل عن Ajahالنظر في استخدام
عند الحاجة لها XMLو
AJAXمستوى التحسينات المقترحة على
يقابل المشكلة تماما بما AJAXتطبيق
مة AJAXاستخدام مكتبة جيدوذات تصميم مدعَّ
مدعَّمة وذات تصميم جيد AJAXاستخدام مكتبة
AJAXاتصاالت •
... DOMالمطلوبة تسهيالت في الوصول إلى العقد •
–$()
تنظيم األحداث•
وظائف التسهيالت المرفقة•
التأثيرات المرئية•
HTTPمن متطلبات طلب التقليل
HTTP 1.1 : يمكن إرسال أكثر من طلبين إلى المخدم ال
بآن معاً من نفس المتصفح
اختيار أنماط البيانات بشكل صحيح قبل اإلرسال
توظيف ذاكرة وسطية خاصة
الشبكةالتأكد من معالجة مشاكل أداء
الخاصة بالبروتوكولطبقة ثامنة فوق الطبقات السبع
Server Sideالتحسين من جانب المخدم
Parallelتحسين طرق التحميل المتوازية Downloads
DNS lookupsمقابالت تقليل
جزء من الثانية 120-20عادة DNSيستغرق
HTTPضغط
Gzip
Deltaتشفير
URIsإعادة كتابة عناوين المصادر على اإلنترنت
mod_rewriteباستخدام تقنية
نظام المفاضلة الكترونية في وزارة الصحة
. هذه الحالة المواقع مصمم دون مراعاة قواعد تحسين األداءفي CSSملفات 10هو Javascriptملفات من المالحظ أن عدد
طلب، والحجم الكلي للملف 54، وعدد الطلبات هو 8هو
.ثانية 15.04ميغا بايت، والزمن الكلي المستغرق 1.2
ميغا بايت والزمن الكلي المستغرق 1وأصبح الحجم الكلي ثانية 14.9
9.05طلب والزمن الكلي المستغرق 38وأصبح عدد الطلبات ثانية
آفاق مستقبلية
آفاق مستقبلية
دراسة األداء لألنظمة العاملة على أجهزة النقالة•
دراسة األداء لتبادل البيانات بين األجهزة•
دراسة أداء األنظمة التي تدعم تطبيقات األجهزة النقالة•
تطوير نظام آلي يعتمد على البحث السابق ليساعد المطور •
على رفع من أداء نظامه
