تحسين الصور في WordPress لتسريع الأمور

إلى جانب الترميز العام لموضوع WordPress الخاص بك ، فإن العامل الآخر الذي له تأثير كبير على سرعة موقعك هو الصور. تعد قوالب WordPress هذه الأيام “ثقيلة بالصورة” وبالطبع سأتحمل بعض اللوم لأنني أحب إضافة الصور المميزة حيثما أمكن ذلك 🙂

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

نصائح لتسريع وقت تحميل الصور

فيما يلي بعض النصائح العامة للحفاظ على سرعة تحميل صورك على موقعك. لا شيء رائع ، فقط بعض الاقتراحات:

• تميل ملفات JPG إلى أحجام ملفات أقل من ملفات PNG
• عند استخدام Photoshop ، تأكد من حفظ صورتك “للويب”
• لا تستخدم علامات العرض والارتفاع IMG لتغيير حجم صورك ، واقطعها كلما أمكن ذلك
• تأكد من تحديد سمات العرض والارتفاع حتى لا يضطر المتصفح إلى القيام بأي عمل

ملحقات تحسين الصور والخدمات

يوجد أدناه العديد من الخدمات واثنين من مكونات WordPress الإضافية التي يمكن أن تساعدك على تحسين صورك لتقليل حجم ملفها و / أو تسريع تحميل الصور على موقعك.

Smush it & البرنامج المساعد WP Smush.it

Smush.it هي خدمة رائعة تم إنشاؤها بواسطة Yahoo والتي تتيح لك تحميل الصور وستقوم بإزالة الملفات التعريفية غير الضرورية أو تسطيح ملفات png لتقليل حجم ملفها. يمكنك زيارة موقعهم لتحسين صورك ، ولكن الأفضل من ذلك أنهم يقدمون واجهة برمجة تطبيقات تؤدي التحسين (باستثناء تجريد بيانات تعريف JPEG).

أنشأ Alex Dunae المكوّن الإضافي WP Smush.it الذي يستخدم واجهة برمجة التطبيقات بحيث يمكنك تحطيم الصور الموجودة على موقع WordPress الخاص بك تلقائيًا عند التحميل.

إنها واحدة من أفضل المكونات الإضافية لتحسين الصور ، وستريد الحصول عليها جميعًا

من مواقعك.

PunnyPNG

PunnyPNG هي خدمة أخرى لضغط الصور أوصي بها لمطوري السمات .

سيأخذ PunnyPNG خطوة أبعد من smush.it لزيادة تحسين صورك وهو مثالي للصور في ملفات السمات التي يتم تحميلها على جميع صفحاتك.

باستخدام CDN (شبكة توصيل المحتوى)

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

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

للمطورين: استخدم صورة WordPress المميزة بدلاً من Timthumb

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

من ناحية أخرى ، من خلال تحديد أحجام صور معينة للصور المميزة ، سيتم اقتصاص جميع صورك عند التحميل (أو عند تشغيل المكون الإضافي Regenerate Thumbnails Plugin) ولن تضطر إلى تشغيل أي نص برمجي لعرض صورة على الموقع. يغير WordPress أيضًا جودة الصور المعاد تغيير حجمها قليلاً مما قد يجعل حجم الملف أصغر قليلاً.

تغيير جودة صورة JPEG المصغرة

لقد وجدت هذه الحيلة الرائعة من Glyin Mooney في Skidoosh.co.uk لتغيير جودة JPEG في WordPress …

في الأساس ، يمكنك إضافة وظيفة بسيطة إلى ملف function.php الخاص بك لتحديد جودة JPEG الافتراضية لصورك. في حين أن الكثير من الأشخاص قد يستخدمون هذا لزيادة الجودة إلى 100 (كما يقترح في المنشور) ، يمكنك أيضًا استخدامه لخفض الجودة وتسريع موقعك.

جودة JPEG الحالية للصور المصغرة المعاد تغيير حجمها في WordPress هي 90 ، ما عليك سوى إضافة ما يلي لتغيير القيمة (دعنا نقول أننا نريد صورًا عالية الجودة بنسبة 60٪ من الجودة الأصلية)

add_filter('jpeg_quality', function($arg){return 60;});

ما عليك سوى تغيير “قيمة الإرجاع” إلى الجودة التي تريدها لصورك. وإذا كنت تتلقى خطأ “T_FUNCTION غير متوقع” ، فجرّب الوظيفة التالية بدلاً من ذلك:

function jpeg_quality_callback($arg) { return (int)100; } add_filter('jpeg_quality', 'jpeg_quality_callback');

كيف تحافظ على تحميل WordPress الخاص بك بسرعة؟

هل لديك أي نصائح أخرى رائعة لتحسين سرعة الصور المستخدمة في مدونتك؟ ما الخطوات الأخرى التي تتخذها للحفاظ على سرعة تشغيل موقع الويب الخاص بك وجعل Google والمستخدمين سعداء؟