Arabic subtitles

JavaScript and the CRP - Website Performance Optimization

Get Embed Code
6 Languages

Showing Revision 1 created 06/09/2016 by Udacity Robot.

  1. [BLANK_AUDIO]
  2. >> حسنًا، أعتقد الآن أن لدي الوسائل اللازمة لتحسين
  3. HTML وCSS. فهل ننتقل إلى شجرة العرض؟
  4. ،>> تقريبًا، لم نتحدث بعد عن JavaScript
  5. ومن الواضح أن هذه خطوة مهمة؛ لنلق
  6. نظرة على ذلك. حسنًا، دعوني
  7. أخمن التصغير والضغط والتخزين؟
  8. >> نعم. هذه كلها إستراتيجيات جيدة. ولكن بالنسبة إلى JavaScript، لعلك استمعت إلى
  9. بعض الآراء التي تشتكي أيضًا من البرامج النصية التي تقوم بحظر
  10. المحلل. لنلق نظرة على ما هو مقصود من ذلك
  11. .وكيف يمكننا تحسينه
  12. لقد قمت بتوسيع صفحة hello world
  13. ببرنامج نصي مضمن بالأسفل. دعونا
  14. نتحدث عنه. قبل كل شيء، نأتي إلى النموذج DOM ونبحث عن أول
  15. عنصر span. وهو كما ترون يحتوي على
  16. النص "أداء الويب". وبعد ذلك، نقوم بتعديل عنصر
  17. DOM من خلال تغيير نصه الداخلي وكذلك
  18. .تغيير خصائص CSS الخاصة به. يبدو الأمر بسيطًا للغاية
  19. >> نعم، هذا يبين أن JavaScript يمكنها التعامل مع كل من
  20. نموذج DOM ونموذج كائن CSS. إنها
  21. أداة فعالة للغاية. وتبدو أكثر تشويقًا
  22. من هنا. فيما يلي سنقوم بإنشاء
  23. عنصر div جديد، وتعيين محتواه النصي. وخاصية
  24. CSS caller، ثم نلحقها بالصفحة. دعونا
  25. نحاول تحميل هذه الصفحة على هاتفنا. لاحظوا
  26. أن النص الآن يقول Hello interactive students بدلاً من
  27. Hello web performance students. ولدينا أيضًا العنصر الجديد الخاص بنا أسفله
  28. مباشرة. نعم، كما هو متوقع. إذًا، هل هناك
  29. أي شيء هنا يمكننا فعله لتحسين الأداء؟
  30. ،>> بالتأكيد، قد يتطلب الحديث عن تحسين أداء JavaScript دورة تدريبية كاملة. ولكن
  31. في هذا المثال المحدد، لا يتعلق الأمر بالتعليمة البرمجية في حد ذاتها، بل يتعلق
  32. بكيفية تضمينها في الصفحة. دعونا نرجع خطوة إلى الوراء
  33. .ونفكر في كيفية تعامل المستعرض مع بناء هذه الصفحة