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

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

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

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

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

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

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

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

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

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

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

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

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

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

أولاً، سترى الحساب المرتبط بواجهة برمجة التطبيقات (API)، ثم في أسفل الشاشة، يعرض الملحق أحدث الصور المُحسّنة. يمكنك ملاحظة الفرق الكبير في حجم صور WebP المُقدّمة مقارنةً بالصور الأصلية التي رفعتها إلى ووردبريس.

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

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

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

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

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

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

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

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

حزمة

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