اذهب إلى المحتوى
  • 0

ما هو CDN ؟

Ahmed Khaled18

السؤال

السلام عليكم انا اطلعت علي مكتبة material ui و react-bootstrap ولكن وجدت اختلاف في طريقة كتابة الsyntax اعلم ان الفكرة واحدة ويستخدمون طريقة الcomponents لكني افضل استخدام النظام الشبكي من الbootstrap العادي  ولو اردت استخدام بعض المكونات ممكن استخدمها من الmatrial -ui لكن لدي عدة أسئلة أولا 

انا اضمن الbootstrap العادي عن طريق رابط CDN اضعه في Index.html مع العلم كل هذا في react 

اريد معرفة ما هو الCDN 

وما مميزاته وعيوبه

وأريد ان اصل لنسخة (bootstrap CDN (RTL

 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

Recommended Posts

  • 0

بإختصار CDN هو ما يطلق عليه Content Delivey Network أي شبكة توزيع و مزامنة المحتوى, وهي مجموعة من الخوادم المتزامنة و الموزعة على شبكة الأنترنت, تحتوي على مكتبات و بعض محتويات الأنترنت الأكثر إنتشاراً مثل مكتبة بوتستراب و مكتبة jquery  و مكتبة popper.js  والكثير من غيرها. 

مميزاتها: 

  • تسرع من عمل الموقع عند تضمينها. 
  • تقلل من حجم ملفات مشروعك. 
  • تقلل معدل الأرتداد

عيوبها: 

  • لا تعمل عند إنقطاع الأنترنت. 
  • إذا تم فقد الموقع المستضيف إلى هذه المكتبات فستتعطل هذه المكتبات. 

يمكنك البحث عن bootstrap rtl  ويمكنك استخدام cdn المقدم من قبل الموقع المستضيف لهذه المكتبة مثل موقع rtlcss.com. 

<link rel="stylesheet" href="https://cdn.rtlcss.com/bootstrap/v4.5.3/css/bootstrap.min.css" integrity="sha384-JvExCACAZcHNJEc7156QaHXTnQL3hQBixvj5RV5buE7vgnNEzzskDtx9NQ4p6BJe" crossorigin="anonymous">

<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.rtlcss.com/bootstrap/v4.5.3/js/bootstrap.bundle.min.js" integrity="sha384-40ix5a3dj6/qaC7tfz0Yr+p9fqWLzzAXiwxVLt9dw7UjQzGYw6rWRhFAnRapuQyK" crossorigin="anonymous"></script>

 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0

يشير مصطلح "شبكة توصيل المحتوى" (CDN) إلى مجموعة من الخوادم الموزعة جغرافيًا والتي تعمل معًا لتقديم محتوى الإنترنت بسرعة.

تتيح شبكة CDN النقل السريع للموارد اللازمة لتحميل محتوى الإنترنت ، بما في ذلك صفحات HTML وملفات JavaScript وأوراق الأنماط والصور ومقاطع الفيديو. تستمر شعبية خدمات CDN في النمو ، واليوم يتم توجيه غالبية حركة مرور الويب عبر هذا النوع من الشبكات ، بما في ذلك حركة المرور من المواقع الرئيسية ، مثل Facebook و Netflix و Amazon.

ما هي مزايا شبكة CDN؟

تختلف فوائد استخدام CDN اعتمادًا على حجم واحتياجات خاصية الإنترنت المعينة ، ولكن يمكن تقسيم الفوائد الرئيسية لمعظم المستخدمين إلى جوانب مختلفة:

 

- تحسين مرات تحميل الموقع : من خلال تقريب المحتوى من زوار الموقع باستخدام خادم CDN قريب (من بين التحسينات الأخرى) ، يمكن لزوار الموقع الاستفادة من أوقات التحميل الأسرع على مستوى الصفحة. نظرًا لأنه من المرجح أن يتجنب الزوار المواقع البطيئة ، فإن استخدام CDN يمكن أن يساعد في تقليل معدل الارتداد وزيادة الوقت الذي يقضونه على الموقع. بمعنى آخر ، يؤدي موقع الويب الأسرع إلى زيادة عدد الزوار ومدة الزيارة.

- انخفاض تكاليف النطاق الترددي : استهلاك النطاق الترددي للاستضافة هو عنصر نفقات رئيسي لمواقع الويب. من خلال التخزين المؤقت والتحسينات الأخرى ، تمكنت شبكات CDN من تقليل كمية البيانات التي يتعين على الخادم الأصلي تقديمها ، وبالتالي تقليل تكاليف الاستضافة لمالكي مواقع الويب. زيادة توافر المحتوى : قد تؤدي زيادة عدد الزيارات أو حدوث أعطال في الأجهزة إلى تعطيل الأداء الطبيعي لموقع الويب. نظرًا لطبيعتها الموزعة ، يمكن لـ CDN التعامل مع المزيد من حركة و الضغط على الخادم الرئيسي,

ما هي عيوب شبكة CDN؟

- جميع الملفات تتواجد في خادم أخر و بالتالي أي عطل أو عطب في الخادم المضيف فسيؤثر على التطبيق أو الموقع الخاص بك.

بإختصار شديد شبكة CDN لا يمكن الإستغناء عنها فهي توفر لك مزايا لا يمكن لخادمك الخاص أن يوفرها لك و ستجعل موقعك أو تطبيقك أكثر سرعة وأمان,

 

 

 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...