كيفية استخدام Tencent Cloud CDN وتخزين الكائنات (COS) لحل مشاكل التحميل البطيء للصور وارتفاع معدل العائد

تحميل الصور بطيء ، وعرض النطاق الترددي للخادم مزدحم ، ورسوم التدفق الشهرية مخيفة... بمجرد أن يكون لديك الكثير من الصور على موقع الويب أو التطبيق أو البرنامج الصغير ، فإن هذه الأسئلة الثلاثة ستصبح عاجلاً أم آجلاً "كابوسًا".

رد فعل العديد من المطورين الأول هو "إضافة عرض النطاق الترددي للخادم" ، لكن رسوم عرض النطاق الترددي التي تصل إلى عدة آلاف من الشهر تكون منخفضة بشكل شنيع. في عصر الحوسبة السحابية ، لا يوجد سوى مزيج من الإجابات القياسية لحل هذه المشكلة:

Tencent Cloud Object Storage (COS) + شبكة توزيع المحتوى (CDN)

.

ستستخدم هذه المقالة اللغة العامية والمنطق الفعلي البحتة لنقلك إلى تكوين هذه المجموعة من البنية من الصفر لحل مشكلة تحميل الصور بشكل كامل ومعدل العائد المرتفع ، وبالمناسبة ، سيتم تخفيض تكلفة الخادم الخاص بك بنسبة 80 ٪.

1. لماذا يتم تحميل صورك ببطء شديد ؟ (تفكيك نقطة الألم)

قبل التحسين ، دعونا نلقي نظرة على سبب انهيار نموذج "حمل الخادم" التقليدي.

الحد من المسافة الجغرافية (نقل العصابة): يتم وضع الخادم الخاص بك في بكين ، حيث يأتي المستخدمون في شنتشن للوصول ، ويجب أن تمتد البيانات لآلاف الكيلومترات. عندما يهتز الإنترنت قليلاً ، ستصبح الصورة ساعة رملية "محملة".

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

عنق الزجاجة في عرض النطاق الترددي الفردي: صورة عالية الدقة 2 ميجابايت. إذا فتح 100 شخص صفحة ويب للتنزيل في نفس الوقت ، يلزم عرض نطاق 200 ميجابايت على الفور. النطاق الترددي 5 ميغابت في الثانية و 10 ميغابت في الثانية من الخادم العادي مشلول بشكل أساسي في الثانية.

خطة كسر اللعبة: هيكل ربط COS CDN

COS (تخزين الكائنات): استبدال الخادم المحلي الخاص بك ، وتستخدم خصيصا لتخزين كميات هائلة من الصور. لديها قدرة عالية للغاية على القراءة والكتابة المتزامنة ، وتكلفة التخزين منخفضة للغاية.

CDN (شبكة التوزيع): قم بمزامنة الصور الموجودة في COS مع الآلاف من العقد الهامشية في جميع أنحاء البلاد وحتى في جميع أنحاء العالم مقدمًا. يحصل المستخدمون في قوانغتشو على الصور مباشرة من عقدة قوانغتشو ، ويحصل المستخدمون في بكين على الصور من عقدة بكين ، وانخفض معدل العائد إلى أقل من 5 ٪.

2. المرحلة الأولى: بناء الأساس وأمن السلطة COS

أولاً ، نريد نقل الصورة من خادم هش إلى COS مستقر.

1. إنشاء برميل التخزين (Bucket)

قم بتسجيل الدخول إلى Tencent Cloud Console ، وابحث عن "COS لتخزين الكائنات" ، وانقر على إنشاء دلو:

الاسم: اسم سهل التذكر (مثل My-image-bucket).

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

أذونات الوصول: هناك حفرة كبيرة هنا! تأكد من اختيار "القراءة والكتابة الخاصة". نصائح لتجنب الحفرة: يختار العديد من المبتدئين مباشرة "القراءة العامة والكتابة الخاصة" لراحة الصورة. هذا يعادل فضح عنوان تنزيل COS الحقيقي الخاص بك على الشبكة العامة. إذا قام شخص ما بتمرير رابط COS بشكل ضار ، فإن رسوم التدفق الهابط من COS ستجعلك تفلس بين عشية وضحاها. يجب علينا

من خلال CDN التالي لتحقيق مقاومة الشبكة العامة.

2. تحميل صور الاختبار

عند الانتهاء من الإنشاء ، انتقل إلى الدلو وقم بتحميل بعض صور الاختبار (على سبيل المثال ،

Test.jpg

) ، سجل مساره. في هذا الوقت ، نظرًا لأنها "قراءة وكتابة خاصة" ، فإن عنوان URL للكائن الذي تقوم بالوصول إليه مباشرة سيطالبك

AccessDenied

(رفض الوصول) ، مما يدل على أن سياسة الأمان سارية المفعول.

3. المرحلة الثانية: تكوين CDN والعودة السلسة إلى المصدر (الخطوات الأساسية)

بعد ذلك ، سنقوم بإعطاء COS "درع تسريع" CDN.

1. يرتبط الوصول إلى اسم المجال بـ CDN

أدخل وحدة التحكم CDN في Tencent Cloud ، انقر فوق "إدارة اسم المجال"-> "إضافة اسم المجال":

* اسم المجال المعجل: املأ اسم المجال الخاص بك من المستوى الثاني ، مثل img.yourdomain.com.

* نوع محطة المصدر: اختر "Tencent Cloud COS".

* عنوان الموقع المصدر: ضع علامة مباشرة على الدلو الذي أنشأته للتو في القائمة المنسدلة.

2. تفعيل "شهادة البرميل الخاص COS" (خطوة منع الفرشاة الرئيسية)

بعد اختيار محطة مصدر COS ، سيظهر النظام خيارًا ذهبيًا: "حق التحقق من المصدر" أو "حق الربط/حق تقييم البرميل الخاص".

* يجب وضع علامة على فتح!

* المبدأ: بعد الفتح ، ستنشئ Tencent Cloud تلقائيًا قناة مشفرة لا يعرفها سوى CDN للحصول على الصورة بواسطة COS. بالنسبة للمستخدمين العاديين ، يمكنهم الوصول فقط إلى

3. تكوين CNAME (جعل اسم المجال ساري المفعول)

بعد إضافة اسم المجال ، ستمنحك Tencent Cloud عنوان CNAME ينتهي بـ .cdn.dnsv1.com.

* انتقل إلى مزود خدمة تحليل اسم المجال الخاص بك (مثل Tencent Cloud DNSPod ، Alibabi Cloud Analytycle ، وما إلى ذلك) ، أضف سجل CNAME.

* سجل المضيف املأ img ، واملأ عنوان CNAME الذي تم نسخه للتو.

* انتظر 2-5 دقائق حتى يسري التحليل العالمي.

4. المرحلة الثالثة: كيف تضغط على معدل العائد إلى الحد الأقصى ؟

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

1. قاعدة انتهاء صلاحية ذاكرة التخزين المؤقت للعقدة (كلما كان ذلك أفضل)

تنتمي الصورة إلى "مورد ثابت" ونادرًا ما يتم تعديلها بمجرد نشرها.

* في "تكوين ذاكرة التخزين المؤقت" الخاص بـ CDN ، أضف قاعدة.

* نوع المحتوى: لاحقة الملف.

* لاحقة محددة:. ؛. Webp؛. svg

* وقت التحديث: يوصى بتعيينه لمدة 30 يومًا أو حتى 365 يومًا.

* المنطق: أخبر CDN العقد ، طالما أن الصورة تأتي إلا أنا

قم بالتحديث يدويًا ، وإلا فلن يُسمح لك بالذهاب إلى COS مرة أخرى في غضون عام ، وسيتم تثبيت الصورة مباشرة على العقدة الهامشية.

2. افتح "ذاكرة التخزين المؤقت لمعلمات التصفية" (المعروفة أيضًا باسم معلمات التجاهل)

عندما يزور المستخدم صورة ، يكون هناك أحيانًا ذيل خلف عنوان URL ، مثل img.yourdomain.com/a.jpg ؟ V = 123 أو ؟ من = weixin.

* إذا لم يتم تشغيل التصفية: CDN سيفكر a.jpg ؟ V = 123 و a.jpg ؟ V = 456 هما ملفان مختلفان تمامًا ، مما يؤدي إلى تنزيلين إلى COS.

* الطريقة الصحيحة: قم بتشغيل "تصفية التخزين المؤقت للمعلمات". بغض النظر عن المعلمات التي يجب إحضارها ، سيتم اعتبار CDN على أنه a.jpg ، والذي يضرب ذاكرة التخزين المؤقت للعقدة مباشرة ، وينخفض معدل العائد على الفور.

3. افتح "التكوين العائد المتقدم" (المتقدم المتقدم)

إذا كان لديك الكثير من الصور ، وفي بعض الأحيان يتم الوصول إلى الصور التي لا تحظى بشعبية ، يمكنك فتح "المصدر".

* عندما يطلب المستخدم صورة كبيرة من 10 ميغابايت ، ولكن يتم إغلاقها فقط بعد مشاهدة أول 2 ميغابايت.

* إذا لم تقم بتشغيل Range ، فستقوم عقدة CDN بتنزيل كل 10 ميغابايت من COS دفعة واحدة ، مما يؤدي إلى إهدار حركة المرور.

* بعد تشغيل المصدر ، سينظر المستخدم إلى مقدار ما يعيده CDN إلى المصدر ، مما يوفر المال بدقة.

5. المرحلة الرابعة: تحسين التجربة النهائية-التخسيس المتقدم للصور

إذا كنت تعتقد أن الصورة لا تزال غير محملة بالسرعة الكافية ، فهذا يعني أن "حجم" الصورة كبير جدًا. توفر Tencent Cloud أداة شبه غش: بيانات فينتيان (CI). يتم دمجها مباشرة في COS و CDN ، مما يقلل من حجم الصورة بأكثر من 60 ٪ دون تعديل أي من رموز الواجهة الأمامية.

1. افتح Vientiane webp التكيف

* نقاط الألم: تنسيق PNG/JPG قديم جدًا ، كبير الحجم. تنسيق WebP صغير بنسبة 30 ٪-50 ٪ ، لكن بعض المتصفحات القديمة (مثل IE منذ أكثر من عشر سنوات) لا تدعمها.

* تكوين الجنية: في وحدة التحكم في البيانات في CDN أو COS ، قم بتشغيل "توزيع WebP التكيفي".

* التأثير: عندما يدعم متصفح المستخدم WebP ، يقوم CDN تلقائيًا بتحويل a.jpg إلى تنسيق WebP في الخلفية وإرساله إلى المستخدم ؛ إذا كان متصفحًا قديمًا ، فلا يزال يتم إرسال a.jpg. مؤتمتة بالكامل ، والواجهة الأمامية غير مدركة ، وسرعة التحميل تقلع في مكانها.

2. في الوقت الحقيقي الاقتصاص والضغط (مع وصول المعلمة)

لا تدع الواجهة الأمامية لتحميل الصورة الأصلية مباشرة! إذا كانت صفحة القائمة الخاصة بك تحتاج فقط إلى صورة مصغرة 200x200 ، وكنت قد مرت 4K الصورة الأصلية ، فإن المستخدم عالق تمامًا.

* تدعم Tencent Cloud إضافة المعلمات مباشرة بعد رابط الصورة للسماح بالمعالجة السحابية في الوقت الفعلي:

* الصورة الأصلية: img.yourdomain.com/photo.jpg

* 200 عرض الصور المصغرة: img.yourdomain.com/photo.j

Pg ؟ ImageMogr2/thumbnail/200x/

* دع السحابة تساعدك على الخياطة. يحتاج هاتف المستخدم المحمول فقط إلى تنزيل عدد قليل من صور كيلوبايت ، كيف يمكن أن يكون غير سعيد ؟

6. ملخص وقائمة الفحص الذاتي

من خلال تكوين "مجموعة الجنية" أعلاه ، أكملنا أخيرًا مثل هذه المجموعة من بنية توزيع الصور الفعالة والمكلفة والآمنة تمامًا.

[متصفح المستخدم]

│

──> 1. الوصول إلى عقدة CDN (img.yourdomain.com) ──> [وصول ذاكرة التخزين المؤقت: 0 مللي ثانية فلاش تحميل]

│

└ ──> 2. ذاكرة التخزين المؤقت لم تصل (معدل العائد <5 ٪)

│

───> [قناة الأمان المشفرة] ──> Tencent Cloud COS (دلو التخزين الخاص) ──> [بيانات فينتيان تتحول تلقائيًا إلى WebP/اقتصاص]

عندما يبدأ متصفح المستخدم طلب ، قم أولاً بزيارة عقدة CDN. إذا ضرب ذاكرة التخزين المؤقت ، فستوميض الصورة وتحميلها في غضون 0 مللي ثانية. إذا لم تصل ذاكرة التخزين المؤقت (عادة ما تكون هذه الحالة أقل من 5 ٪) ، فسيعود CDN إلى دلو التخزين الخاص لـ Tencent Cloud COS من خلال قناة الأمان المشفرة ، ويتحول تلقائيًا إلى WebP أو يقطع من خلال البيانات فينتيان ، وأخيراً يعود إلى المستخدم بأمان.

أخيرًا ، قم بفرز قائمة الفحص الذاتي لمنع الانقلاب قبل الاتصال بالإنترنت:

مشروع التفتيش

الدولة الصحيحة

لماذا هو مهم

أذونات برميل COS

يجب أن تكون القراءة والكتابة الخاصة

منع السرقة الخبيثة بشكل صارم وحماية سلامة الأصول

CDN العودة إلى المصدر

يجب أن تكون مفتوحة ومخولة

خلاف ذلك ، لا يمكن لـ CDN الحصول على الصور من برميل COS الخاص

وقت التخزين المؤقت للصورة

يوصى بأكثر من 30 يومًا

تقليل معدل العائد إلى المصدر بشكل كبير وتقليل رسوم عداد تدفق COS

تصفية المعلمة ذاكرة التخزين المؤقت

يجب أن تكون مفتوحة

منع عناوين URL العشوائية مع المعلمات من إلغاء ذاكرة التخزين المؤقت CDN

شهادة HTTPS

التكوين الموصى به والقفز القسري

تجنب المتصفحات الحديثة أو البرامج الصغيرة التي تحجب الصور بسبب المحتوى المختلط

اتبع بدقة هذه المجموعة من البرامج التعليمية ، وستودع سرعة تحميل صورتك رسميًا عصر "معجون الأسنان المضغوط". حتى في مواجهة حركة المرور المفاجئة على مستوى المليون ، يمكن لخادمك التعامل معها بأمان.