Arabic subtitles

Optimizing the DOM - Website Performance Optimization

Get Embed Code
6 Languages

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

  1. [BLANK_AUDIO]
  2. >> حسنًا. سنتابع الآن إلى الأشياء الممتعة. هل يمكننا البدء في التحسين الآن؟
  3. >> نعم. لنركز فقط على الخطوات التي تسبق
  4. ،إنشاء شجرة العرض، والتي تتمثل في إنشاء DOM وCSSOM
  5. لأنه عادة ما تكون تلك الخطوات
  6. .هي أسوأ الأسباب ويجعل عرض صفحتك بطيء جدًّا
  7. >> حسنًا، لقد تحدثنا عن دفق HTML إلى العميل
  8. بأقصى سرعة ممكنة حتى يمكن للمستعرض البدء في بناء DOM. هل هناك أي شيء آخر؟
  9. >> إذًا، هذه واحدة بالتأكيد. ماذا عن حجم HTML؟
  10. >> اممم. حسنًا، سأمضي وأخمن
  11. .أنه ينبغي علينا أن نبقي عليه صغيرًا قدر الإمكان
  12. >> نعم. هذا أمر آخر جيد. لنلق نظرة
  13. على بعض الإستراتيجيات التي سوف
  14. تساعدنا في ذلك. لنقل أننا نريد تحسين ملف HTML الظاهر أمامنا. أول
  15. ،شيء نلاحظه هو أن لدينا تعليقات CSS
  16. وتعليقات HTML، وتعليقات JavaScript. هذه التعليقات
  17. مفيدة جدًّا بالنسبة للمطوِّرين. ولكن خمن ما الذي
  18. .سيفعله المستعرض عندما يواجهها
  19. .سيتجاهلها
  20. >> بالضبط. لا جدوى من إرسالها إلى المستعرض أيضًا. يمكننا
  21. .تصغير الملف وتقليل حجمه
  22. ،لمعرفة المزيد عن التصغير
  23. ادخلوا على الرابط الموجود في ملاحظات المدرب. بمجرد أن تنتهوا من ذلك، فإنه ينبغي عليكم أيضًا ضغط الملف
  24. والتأكد من أن المستعرض
  25. .قد قام بتخزينه. مرة أخرى، راجعوا ملاحظات المدرب