Cdn ما هي البيانات التي يتم إرسالها من المستخدم. ما هي CDN (شبكة توصيل المحتوى) وما هي فوائد استخدام CDN. تسريع أوقات التحميل
من المؤلف: إذا كنت تعمل في مجال التطوير لفترة طويلة، فأنت تعلم أن المشكلة الرئيسية على الإنترنت هي السرعة. الأمر بسيط: السرعة مهمة، وكلما أسرع كان ذلك أفضل. إحدى الطرق السهلة لتحسين الأداء هي استخدام CDN. لقد قمنا بالفعل بتغطية هذا الموضوع عدة مرات على موقع CSS-Tricks. البساطة هي أنك لا تحتاج إلى إعادة كتابة قاعدة البيانات وتحرير المحتوى يدويًا، لكن الكثير منا لا يولي اهتمامًا كافيًا للأداء في هذا المجال. الاستضافة والخوادم ولوحة التحكم، يا إلهي!
لحسن الحظ بالنسبة لنا، فإن تكامل CDN ليس بهذه الصعوبة. من الناحية المثالية، يمكنك إعداد كل شيء، وخدمات مثل Google PageSpeed تعلن عن الأداء العالي لموقعك، والذي يؤدي بدوره إلى تصنيفات بحث أعلى، وزيادة الإيرادات، وزيادة الشعبية، و... حسنًا، لقد فهمت الفكرة.
في هذه المقالة، سنتعرف على عملية إعداد CDN على تطبيق ويب مخصص، وبعد ذلك سنتعرف على بعض الحيل التي ستساعدك على تحقيق أقصى استفادة من CDN. كما قلت، يجب أن يكون الإعداد سهلاً، لذا فلنبدأ ونجعل الويب أسرع!
تجدر الإشارة إلى أن إعداد CDN لأولئك الذين يعملون على نظام إدارة المحتوى (CMS) مثل WordPress، حيث توجد مكونات إضافية خاصة لنشر CDN، قد يكون أبسط مما سنخبرك به الآن. لنفترض أنه ليس كل شخص لديه مثل هذه الرفاهية، لذلك دعونا ننتقل إلى المزيد الطريقة التقليدية.
لقد فقدتني على CDNلن يضر إذا نظرنا إلى المفاهيم الأساسية: ما هي CDN، وما هي الحاجة إليها. لنبدأ بهذا.
جافا سكريبت. بداية سريعة
تقوم شبكة CDN بسحب الملفات الثابتة من خادم موقعك وتخزينها مؤقتًا على خوادمها. عندما يصل المتصفح إلى موقعك، يتم تحميل المحتوى الثابت من خلال شبكة CDN، وليس من موقعك. وهذا أسرع بكثير، نظرًا لأن خوادم CDN موجودة في جميع أنحاء العالم. تعمل شبكة CDN نفسها على مبدأ الوكيل، حيث تحدد الخادم الأقرب للمستخدم، مما يضمن تسليم المحتوى بشكل أسرع وأكثر ملاءمة. يرمز الاختصار إلى شبكة تسليم المحتوى أو شبكة تسليم المحتوى.
إذًا كيف يحدد المتصفح وقت تنزيل الملفات عبر CDN بدلاً من خادم الموقع؟ تتم إعادة كتابة عنوان URL للملفات الثابتة للإشارة إلى CDN.
على سبيل المثال، نريد إعداد CDN لنطاق فرعي. على موقع CSS-Tricks، يمكن أن يكون العنوان هو cdn.css-tricks.com. وبناءً على ذلك، ستنتقل جميع روابط الملفات إلى النطاق الفرعي.
بشكل تقريبي، عناوين الملفات الموجودة على موقعك هي:
http://www.css-tricks.com/image.jpg http://www.css-tricks.com/style.css http://www.css-tricks.com/script.js
http://www.css-tricks.com/image.jpg http://www.css-tricks.com/style.css http://www.css-tricks.com/script.js |
...سوف يصبح هكذا:
http://cdn.css-tricks.com/image.jpg http://cdn.css-tricks.com/style.css http://cdn.css-tricks.com/script.js
http: //cdn.css-tricks.com/image.jpg http://cdn.css-tricks.com/style.css http://cdn.css-tricks.com/script.js |
يرسل المتصفح الطلبات إلى شبكة CDN بدلاً من خادم موقعك، مما يؤدي إلى حذفها حصة الأسدالتحميل من الخادم ويجعل موقعك أسرع.
انتظر، خادمين في موقع واحد؟إلى حد ما، هذا صحيح، لكن هذا لا يعني أنك ستدير خادمين.
الفكرة هي أن شبكة CDN تُستخدم كطبقة افتراضية بين خادمك ومتصفح المستخدم. تلتقط هذه الطبقة طلبات المتصفح إلى الخادم وتستجيب لها بسعادة من خلال الملفات المخزنة مؤقتًا نيابة عن الخادم الخاص بك.
في بعض الحالات، يمكنك تحميل الملفات الثابتة إلى CDN مباشرة، مما يؤدي إلى إزالة التحميل بالكامل من الخادم. في هذه المقالة، سنلقي نظرة على عملية الحصول على ملفات CDN الثابتة من الخادم الخاص بك وتخزينها مؤقتًا حتى لا تحتاج إلى تحميل الملفات إلى خادمين والعمل بعناوين مختلفة.
كيفية تثبيت CDN على تطبيق مخصصهناك العديد من الخدمات، ولكن الأكثر استخدامًا هي Amazon AWS وMaxCDN. اليوم سنلقي نظرة على خدمة MaxCDN.
الخطوة 1: اختر CDN وقم بتسجيل موقعكإذا قررت أن موقعك سيحتاج إلى CDN، فستحتاج إلى التسجيل. هناك العديد والعديد من الطرق، ولكن حتى لا نزن إيجابيات وسلبيات كل منها ( موضوع جيدوفي المقال القادم)، سأقدم عددًا من الخدمات:
الغرض الرئيسي من التسجيل هو إنشاء منطقة تحميل. يمكنك اعتبار منطقة التنزيل في CDN بمثابة حاوية تحتوي على كافة الملفات المدعومة. سيتم سحب البيانات تلقائيًا من الدليل الذي تحدده عند طلب الملف لأول مرة. بالنسبة للمستخدمين، سيتم تنزيل الملفات إما من مجال فرعي لشبكة CDN أو من مجال مخصص يشير إلى CDN. يتم حذف البيانات من سلة المحذوفات تلقائيًا بعد الوصول إلى فترة زمنية محددة.
الخطوة 2: قم بإنشاء عنوان URL لشبكة CDN الخاصة بكعنوان URL لـ CDN هو العنوان الذي سيتم من خلاله تنزيل جميع ملفاتك بعد الإعداد. القاعدة الأساسية الجيدة هي استخدام أسماء بسيطة في عنوان URL بحيث يمكنك بسهولة البحث عن الملفات واستبدال عناوين كافة الملفات الموجودة في قاعدة البيانات.
كما هو الحال مع النطاقات الفرعية الأخرى، ستحتاج إلى تحديد سجل cname فيها إعدادات DNSالمضيف الخاص بك.
دعونا نلقي نظرة على كيفية إنشاء متغير لعنوان CDN، وكيف يمكن استخدامه لإدراج موارد ثابتة برمجيًا قبل عنوان URL. لماذا يعد ذلك ضروريًا: (1) يجعل من الصعب ارتكاب الأخطاء في الترميز و (2) يسهل العمل مع عناوين URL التي سنحتاج إلى تغييرها.
للقيام بذلك، نحتاج إلى متغير عام لـ CDN، والذي سنلحقه على يسار عنوان URL للمورد الثابت. سنقوم بإنشاء المتغير في كل من PHP وJS لتسهيل العمل معه لاحقًا. سيساعدنا هذا المتغير أيضًا على تعطيل CDN بسهولة إذا أردنا ذلك. ستحتاج فقط إلى استبدال القيمة بـ / لإعادة العنوان إلى خادمنا.
يرجى ملاحظة أن الأمثلة التالية هي مجرد أمثلة ولا ينبغي استخدامها. قد تختلف حالات الاستخدام الفعلي.
مرحبا بالعالم! /* لنحدد جافا سكريبت عموميًا لاستخدام CDN داخل البرامج النصية */ var cdnURL = "";
مقالات ذات صلة
|
