كيفية تحسين الصور في WordPress؟

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

لحسن الحظ ، يحتوي WordPress على بعض الميزات المضمنة التي ستساعد في تحسين الصور بحيث يتم تحميلها بشكل أسرع وتشغل مساحة أقل على موقعك دون المساس بالجودة!

ابحث عن صور غير محسّنة في GTmetrix + PSI

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

تحسين الصور باستخدام إضافات WordPress + الخدمات

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

هناك أيضًا خدمات ستفعل ذلك من أجلك ، مثل TinyPNG و Kraken Image Optimizer ، والتي تضغط الصور دون التأثير على الجودة على الإطلاق.

استخدم حجم الصورة الصحيح

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

صور مخبأة

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

يقوم المكون الإضافي WP Smush بالفعل بذلك تلقائيًا بمجرد تثبيته وتنشيطه (ويجب عليك بالتأكيد القيام بهذين الأمرين!). يمكنك أيضًا استخدام المكونات الإضافية ، مثل Autoptimize أو Wp Super Cache ، والتي لا تقوم فقط بالتخزين المؤقت ولكن تصغير الكود أيضًا.

استخدم LazyLoad لتأجيل الصور خارج الشاشة

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

استخدم ضغط الصور

يمكنك استخدام نوعين مختلفين من ضغط الصور: LZW أو JPEG. يرتبط الاختلاف بينهما بنوع ملف الرسوم الذي يدخل فيه أكثر من أي شيء آخر ، لذا اختر أيهما يكون منطقيًا لموقفك!

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

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

خدمة الصور في تنسيقات الجيل التالي

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

حدد أبعاد الصورة

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

خدمة الصور من شبكة CDN

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

دمج الصور باستخدام CSS Sprites

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

استخدم الصور التكيفية للجوال

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

تعطيل ربط الصور الساخنة

عند إنشاء ارتباط سريع لصورة ، فإن ما تفعله أساسًا هو الارتباط بالملف الأصلي على خادم شخص آخر. يؤدي تعطيل هذا إلى منع الأشخاص من سرقة النطاق الترددي الخاص بك ، لذا فهذا شيء تريد القيام به.

يمكنك القيام بذلك باستخدام العديد من مكونات WordPress الإضافية ، مثل WP Rocket. يمكنك عادة أيضًا أن تطلب من مضيفك القيام بذلك نيابة عنك (إذا كنت مع مضيف جيد).

إزالة بيانات EXIF

بيانات EXIF ​​هي معلومات مخفية لا يمكنك رؤيتها في محرر WordPress الخاص بك ، ولكن قد يراها الآخرون. يحتوي على معلومات مثل طراز الكاميرا بالإضافة إلى إعدادات التاريخ والوقت. ستؤدي إزالة هذا إلى تقليل استخدام النطاق الترددي!

تتضمن هذه العملية استخدام أداة تنظيف الصور مثل JPEGsnoop أو jhead ، والتي تتيح لك إزالة جميع بيانات EXIF ​​من الصور الموجودة على موقعك - ​​دون الحاجة إلى تنزيلها أولاً!

قدِّم صورًا أقل جودة للمستخدمين في اتصالات بطيئة

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

ما سبب أهمية استخدام الصور المحسنة؟

يمكن أن تكون الصور جزءًا كبيرًا من أداء موقعك ، لذا من المهم تحسينها! سيضمن ذلك تحميل الصور بأسرع ما يمكن وبكفاءة.

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

يكره الأشخاص الانتظار في المواقع ، وخاصة مستخدمي الهواتف المحمولة - مما يجعل تحسين الصور جزءًا أساسيًا من أي موقع WordPress. كما أنه يساعد في تحسين محركات البحث لأن Google تحب مواقع الويب سريعة التحميل أيضًا (لسبب وجيه).

استنتاج

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

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