انتقل إلى محتوى الدرس

Front-End Performance Fundamentals أساسيات سرعة وأداء الواجهة الأمامية

تعرّف على سبب كون كود الواجهة الأمامية مكشوفاً في المتصفح، والفرق بين التحقق في المتصفح والتحقق في الخادم، وخطورة وضع المفاتيح السرية بالواجهة، ومفهوم تهديدات XSS وCSRF، وأساسيات سرعة الأداء وتهيئة محركات البحث SEO.
2 صفوف تعليمية
تكنولوجيا الويب
1 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

إلى جانب الأمان، تُعد سرعة الواجهة الأمامية () عاملاً حاسماً في نجاح أي موقع؛ فإذا استغرقت الصفحة ثواني طويلة للفتح على الهاتف المحمول، يغادر معظم الزوار فوراً قبل قراءة المحتوى. يعتمد تحسين سرعة الواجهة الأمامية على أربع ممارسات عملية بسيطة وفعالة:

  • 1. ضغط الصور واستخدام الصيغ الحديثة (): الصور غير المضغوطة هي السبب الأول لبطء المواقع. تحويل صورة ضخمة بحجم إلى صيغة ويب حديثة مثل أو بحجم يضاعف سرعة فتح الصفحة مع الحفاظ على نقاء الصورة.
  • 2. التحميل الكسول للصور البعيدة (): بدلاً من إجبار المتصفح على تنزيل جميع الصور الموجودة في أسفل الصفحة دفعة واحدة عند فتحها، تؤجل ميزة تحميل الصور السفلية حتى يقترب المستخدم منها أثناء التمرير.
  • 3. تقليص حجم ملفات التنسيق والبرمجة (): إزالة المسافات الزائدة والتعليقات من ملفات و لتقليل حجم البيانات المنقولة عبر الشبكة.
  • 4. التخزين المؤقت وشبكات توصيل المحتوى (): حفظ الملفات الثابتة كالشعارات والخطوط في ذاكرة المتصفح المؤقتة لتفتح الصفحات التالية في أجزاء من الثانية.
الصف 2 ملاحظة هامة