تحتل Google المرتبة الأولى في السلسلة الغذائية على الإنترنت. يؤثر المجتمع (أو يملي) الكثير مما يحدث على الإنترنت. ويستمر تنسيق الصور الجديد WebP في هذا الاتجاه. مع تزايد أهمية سرعة تحميل الصفحة (ويرجع ذلك أساسًا إلى تصنيف صفحة Google) ، يرى المطورون والمصممون أن ضغط الصور هو أسهل طريقة لتقليل أوقات التحميل. صور Google WebP أصغر بنسبة 30٪ تقريبًا من صور JPG أو PNG العادية وتحافظ على جودة مكافئة. وأفضل ما في الأمر أنه لا داعي للقلق بشأن تحويل صورك يدويًا إلى WebP.

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

استخدم Optimole لخدمة ملفات WebP على WordPress

WebP ، كتنسيق صورة ، غير مدعوم افتراضيًا في WordPress. يمكنك تحميل صورة .webp ، ولكن كما هو الحال مع ملف SVG ، قد تتلقى رسائل خطأ. ومرة أخرى ، فيما يتعلق باستخدام ملفات SVG مع وورد ، هناك حل بسيط عبر المكونات الإضافية.

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

من بين خدمات WebP التي تم اختبارها ، Optimole تبرز من بين الحشود. يمكن أن تعمل بالفعل مع الحد الأدنى من التكوين. لذلك نريد أن نشرح لك كيفية تكوينه وجعل تثبيت WordPress الخاص بك متوافقًا مع تنسيق WebP بأسهل ما يمكن.

أولا ، سوف تريد بوضوح قم بتنزيل وتثبيت البرنامج المساعد نفسه . إنه موجود في دليل WP.org ، وهو مجاني تمامًا. منذ الخدمة المستندة إلى واجهة برمجة التطبيقات التي تعمل على تشغيلها (إلى حد ما). في حين أنه من الممكن تحويل الصور التقليدية إلى WebP أثناء التنقل باستخدام PHP ، لا يمنح كل مضيفي الويب هذا الإذن لخادمك. إذا كان لديك هذا الإذن ، فيمكنك أيضًا عرض المكون الإضافي WebP اكسبرسيمكنك الحصول على الكثير من السيطرة مع ذلك ، ولكنه نظام يتطلب مزيدًا من التكوين حتى يتمكن من العمل بسلاسة.

بمجرد تثبيت Optimole وتنشيطه على جهازك موقع انترنت WordPress ، ستجد خيار قائمة جديدًا على وسائل الإعلام - أوبتيمول .

مفتاح API Optimole الخاص بك

التسجيل الأمثل

قبل أن تتمكن من الوصول إلى الإعدادات أو التكوينات ، يجب أن يكون لديك حساب Optimole. إذا كنت قد قمت بالفعل بتكوين واحد ، فيمكنك النقر فوق الزر لدي بالفعل مفتاح API . وإلا، حفظ وإرسال مفتاح API عن طريق البريد الإلكتروني . حساب مفتاح API الأساسي مجاني وستحصل على حوالي 5 زيارة على هذا المستوى. إذا كنت بحاجة إلى أكثر من ذلك ، فهناك مستويات أسعار متاحة.

سعر التسعير

يُعرّف Optimole الزيارة بأنها " كل من يزور بك لو مرة [. . .] يتم احتساب كل مستخدم مرة واحدة فقط. لا يهم ما يفعلونه على موقعك ، أو عدد الصور التي يقومون بتنزيلها أو عدد الصفحات التي يزورونها ؛ إنه مجرد مستخدم. إذا غادروا موقعك وعادوا في نفس اليوم ، فهم لا يزالون مجرد مستخدم. "

بمجرد استنفاد الزيارات التي تم قياسها ، يتوقف عرض صور WebP فقط. صورك نفسها لا. ستجد مفتاح API في لوحة معلومات Optimole في الجزء العلوي.

مفتاح API ووردبريس الأمثل

كل ما عليك هو لصقها في لوحة معلومات WordPress ، وستكون جاهزًا لبدء نشر صور WebP باستخدام WordPress.

الصق المفتاح في الموقع

لوحة معلومات Optimole WordPress الخاصة بك

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

لوحة القيادة Optimole

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

ثم هناك علامة التبويب PROBLEMES ممكن في الأعلى. لا أحد يحب أن يرى علامة التبويب المميزة ، لكننا جميعًا بحاجة أيضًا إلى معرفة التعارضات التي قد تنشأ.

خطأ لوحة القيادة Optimole

المشكلة الرئيسية التي واجهناها هي مع ضغط الصور الأخرى وإضافات التسليم. كما ترى في الصورة أعلاه ، يعمل ملحق Jetpack بشكل مشابه لـ Optimole عبر فوتون APIT ، حتى يتمكنوا من ضرب رؤوسهم. بالنسبة لنا، تجلى هذا في حقيقة أنه لم يتم نقل أي صور إلى زائر. لم نواجه أية مشكلات مع خدمات الضغط الأخرى مثل TinyPNG أو Smush.

باستخدام لوحات المعلومات

إذا كنت تريد معلومات أكثر تفصيلاً حول كيفية عمل موقعك مع WebP ، فإن لوحة المعلومات الخارجية Optimole تحتوي على هذه المعلومات لك.

باستخدام لوحة القيادة الأمثل 1

بدلاً من أن تكون أصغر بـ 9,5 مرة فقط ، يمكنك رؤية الحجم الفعلي للملفات التي يتم تقديمها. بالإضافة إلى الملفات نفسها على مدار 30 يومًا.

تقرير Optimole Dashboard 1

يمكنك أيضًا تعيين علامات مائية في لوحة معلومات Optimole (أو WP) بحيث يتلقى أي شخص يتلقى WebP من موقع WordPress الخاص بك تلقائيًا شعارك blazon. إنها عملية بسيطة ، ويمكنك التحكم في التعتيم والموقع والمزيد.

ضبط البرنامج المساعد Optimole

يمكنك فعل الشيء نفسه بشكل أساسي من كلتا لوحتَي المعلومات. إما تحت علامة التبويب المعلمات من WordPress ، أو من خلال زيارة لوحة القيادة الخارجية لـ Optimole. كل هذا يتوقف على ما هو أكثر راحة لك ، وكذلك على مستوى DONNEES ما تحتاجه في أي وقت.

بالإضافة إلى ذلك ، ستكون قادرًا على التحكم في مستوى الضغط والتحميل البطيء ومتى / إذا تم دفق صور معينة على أنها WebP بناءً على أسماء الملفات. ستجد كل هذا في علامة التبويب المعلمات de وسائل الإعلام - أوبتيمول .

إضافة Lazyload WordPress

حزمة

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