القائمة إغلاق

كيفية معالجة و تحسين الصور بواسطة KeyCDN لتسريع موقعك ووردبريس

كيفية معالجة و تحسين الصور لتحقيق أقصى قدر ممكن من الأداء في موقع ووردبريس

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

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

تحسين صورة أمر بالغ الأهمية لتسريع تحميل صفحات موقعك

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

إقرأ أيضا:

  1. أهم الخطوات المتبعة لتسريع موقعك WordPress
  2. أفضل الطرق لتحسين الصور لزيادة سرعة موقعك WordPress
  3. تفعيل ضغط Gzip لتسريع موقعك ووردبريس
  4. كيفية تقليل TTFB لتسريع تحميل صفحات موقعك ووردبريس
  5. أفضل إضافات ذاكرة التخزين المؤقت wp cache لتسريع موقع ووردبريس
  6. دور إضافات التخزين المؤقت wp cache في تسريع موقع ووردبريس
  7. تقنيات تحسين السيو لإبراز المحتوى الخاص بك في عمليات بحث Google

كيفية معالجة و تحسين الصور بواسطة KeyCDN لتسريع موقعك ووردبريس لتحقيق أقصى قدر من الأداء

بعد أن أدركنا أهمية تحسين الصورة بشكل عام ، دعونا نبدأ بتطبيق هذه التقنية على الصور, في أربع خطوات بسيطة فقط.

  • إنشاء حساب KeyCDN

KeyCDN هو CDN عالمي يوفر خدمة سريعة وقابلة للتطوير وموثوق بها. لديها مراكز بيانات في 25 دولة في ست قارات, للمساعدة في الحفاظ على موقع الويب الخاص بك بسرعة وأمان. بالإضافة إلى ذلك, تتضمن مجموعة ميزات KeyCDN معالجة الصور.

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

  • تنشيط معالجة الصور في قائمة موقع KeyCDN

بمجرد إعداد حسابك, و الدخول إلى القائمة KeyCDN, انتقل إلى علامة التبويب المناطق Zone في الشريط الجانبي, ثم أخثر المنطقة التي تريد تنشيط معالجة الصور من خلالها, ثم انقر فوق المربع الموجود بجوار إظهار الميزات المتقدمة, حتى ترى إعدادات منطقة الاستخراج ,ثم حدد من القائمة المنسدلة معالجة الصور, ستكون وظيفة معالجة الصور نشطة الآن في منطقة الطباعة التي إخترتها. يمكنك بعد ذلك تكرار هذه العملية للمناطق الأخرى التي تراها مناسبة.

ملحوظة : تستخدم شبكات CDN مناطق “السحب” و “الدفع” عند تقديم محتوى الموقع. يتم تكوين معالجة الصور باستخدام KeyCDN على أساس كل منطقة هذا يعني أنه سيتعين عليك تنشيطه لكل منطقة من مناطق السحب (أو على الأقل تلك التي ترغب في استخدامها).

  • تفعيل التخزين المؤقت WebP

تلعب تنسيقات ملفات صورك دورًا رئيسيًا عند تحسينها للحصول على أداء عالي. لهذا السبب تتضمن KeyCDN أيضًا طريقة لتحويل صورك إلى ملفات WebP وتخزينها مؤقتًا لتسريع عرضها للمستخدم. تصل ملفات WebP إلى أحجام أصغر (وبالتالي سرعات تحميل أسرع) دون المساس بالجودة. عادةً ما تكون صورة WebP أصغر بنسبة 26٪ تقريبًا من PNG بنفس الجودة وأقل من 25 إلى 35٪ من JPEG قابلة للمقارنة.

بمجرد تشغيل معالجة الصور KeyCDN, استمر في التمرير خلال الميزات المتقدمة حتى ترى Cache Key WebP, و فعل الميزة

  • تفعيل طلب الاستعلام لتلبية احتياجاتك

عند تنشيط معالجة الصور من لوحة معلومات KeyCDN , تتم إضافة رؤوس x-ip و x-ip-info إلى الخوادم التي يتم تخزين صورك عليها. يشير رأس x-ip إلى ما إذا كان الطلب ناجحًا ، بينما يشير رأس x-ip-info إلى الإخراج لكل طلب.

باستخدام KeyCDN API, يمكنك تحديد طلبات الاستعلام لتعديل هذه الرؤوس وملفات الصور الخاصة بك في الوقت الحقيقي. يتيح لك ذلك إجراء مجموعة متنوعة من التعديلات للتأكد من أن صورك تبدو أفضل.

تشمل المعلمات المتوفرة:

    1. Crop : يزيل البكسلات من حواف الصورة.
    2. قص : يمكنك استخدام القص الذكي أو ضبط العرض والارتفاع.
    3. العرض : يحدد عرض الصورة.
    4. الارتفاع : يحدد ارتفاع الصورة.
    5. الملاءمة : يحدد كيفية ملائمة الصورة للأبعاد المحددة.
    6. التنسيق : يشير إلى ما إذا كان يجب أن تكون الصورة ملف JPEG أو PNG أو WebP.
    7. الجودة : تحدد مستوى جودة الصورة.
    8. الضغط : يطبق مستوى الضغط المحدد لصور PNG.
653 مشاهدة

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *