إعداد web.config لدعم ملفات WebP على خادم IIS

يُعتبر استخدام صور WebP في مواقع الويب الحديثة خطوة مهمة لتحسين الأداء وسرعة التحميل. حيث تتمتع صور WebP بجودة عالية وحجم أقل مقارنةً بصيغ الصور التقليدية مثل JPG وPNG. سنستعرض في هذا المقال كيفية إعداد إعادة كتابة في ملف web.config الخاص بموقع WordPress الخاص بك على خادم IIS لدعم الصور بصيغة WebP.

تثبيت وحدة إعادة الكتابة لـ IIS

أول خطوة يجب اتخاذها هي التأكد من أن خادم IIS لديك يحتوي على وحدة URL Rewrite مثبتة. إذا لم تكن مثبتة، يمكنك تنزيلها من الموقع الرسمي لـ Microsoft IIS. تعتبر هذه الوحدة ضرورية لإجراء التعديلات المطلوبة على ملف التكوين.

تعديل ملف web.config

بعد ذلك، يجب فتح ملف web.config الموجود في الجذر الخاص بتثبيت WordPress لديك. يعد ملف web.config هو عنصر أساسي في تطبيقات IIS حيث يحتوي على إعدادات التكوين المختلفة. هنا سنقوم بإضافة قواعد جديدة تدعم إعادة كتابة الروابط لتقديم صور WebP.

داخل وسم الـ <system.webServer>, يجب إضافة أو تعديل قسم الـ <rewrite> بالقواعد التالية:

<rewrite>
    <rules>
        <rule name="Serve WebP" stopProcessing="true">
            <match url="(.*)\.(jpg|jpeg|png)$" />
            <conditions>
                <add input="{HTTP_ACCEPT}" pattern=".*image/webp.*" />
                <add input="{REQUEST_FILENAME}.webp" matchType="IsFile" />
            </conditions>
            <action type="Rewrite" url="{R:1}.webp" />
        </rule>
    </rules>
</rewrite>

تعمل هذه القاعدة على فحص ما إذا كان عنوان URL المطلوب ينتهي بامتدادات .jpg أو .jpeg أو .png (مع مراعاة حالة الأحرف). بعد ذلك، تتحقق مما إذا كان المتصفح يدعم صور WebP وإذا كان هناك ملف .webp مطابق موجود. إذا تم استيفاء كلا الشرطين، فإن القاعدة تعيد كتابة الرابط لتقديم النسخة بصيغة WebP بدلاً من الصور الأصلية.

إعداد نوع MIME لـ WebP

من الضروري التأكد من أن نوع MIME الخاص بصور WebP تمت إضافته بشكل صحيح في إعدادات IIS. تأكد من أن الإعدادات خاصتك صحيحة كما يلي:

• الامتداد: .webp
• نوع MIME: image/webp

اختبار الإعدادات

بعد إجراء هذه التعديلات في ملف web.config، قم بحفظ الملف وإعادة تشغيل خادم IIS أو الموقع المعني من خلال مدير IIS. تأكد أيضا من مسح ذاكرة التخزين المؤقت للمتصفح الخاص بك، ثم قم باختبار استدعاء صورة بصيغة JPG أو PNG. للمكتبات التي تدعم WebP، يجب أن ترى النسخة بصيغة WebP تُقدَّم إذا كانت موجودة.

تأكد من أن لديك كلا النسختين الأصلية (JPG/PNG) ونسخة WebP من صورك بنفس اسم الملف، على سبيل المثال: image.jpg وimage.webp. إذا كانت لديك صور سابقة تحتاج إلى تحويلها، يمكنك استخدام أدوات تحويل جماعي لتحويل الصور إلى صيغة WebP.

استكشاف الأخطاء وإصلاحها

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

في الختام، إن إعداد إعادة كتابة في ملف web.config لدعم ملفات WebP على IIS هو خطوة هامة لتحسين أداء موقعك على WordPress. مع هذه التعديلات، يمكنك تقديم صور عالية الجودة بحجم أقل مما يساعد على تسريع تحميل الصفحات وتحسين تجربة المستخدم.