كيفية ضغط الصور في WordPress (مع المكونات الإضافية لووردبريس وبدونها)

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

لماذا يجب ضغط الصور في WordPress؟

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

كيفية ضغط الصور في WordPress؟

لضغط الصور في WordPress لدينا طريقتان:

  1. باستخدام الإضافات
  2. يدويًا

سوف نلقي نظرة على كلا الخيارين.

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

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

2. تكوين البرنامج المساعد بعد تنشيط المكون الإضافي ، تحتاج إلى مفتاح API لبدء استخدامه مرة أخرى. يمكنك طلب مفتاح API جديد إذا كنت جديدًا في النظام الأساسي. فقط أدخل عنوان بريدك الإلكتروني وانقر على Request Key . ولكن إذا كان لديك بالفعل مفتاح API ، أدخله وانقر على Validate . بمجرد إدخال مفتاح API صالح ، سوف تكون قادرًا على رؤية إعدادات المكون الإضافي في الصفحة التالية. يمكنك تكوين الإعدادات الأساسية مثل نموذج الضغط ، وتحسين الصورة المصغرة ، وبيانات EXIF ​​، وتغيير حجم الصورة من صفحة الإعدادات العامة . هناك خيار للاحتفاظ بنسخة احتياطية من ملفات الصور الأصلية في مجلد منفصل أيضًا ولكن قد يستغرق مساحة تخزين أكبر. إذا كانت لديك مساحة محدودة متاحة من خطة الاستضافة الخاصة بك ، فإن الاحتفاظ بالنسخة الاحتياطية داخل الخادم ليس اختيارًا حكيمًا. لذا تأكد من توفر مساحة على القرص وعرض النطاق الترددي قبل اتخاذ القرار. من علامة التبويب Advanced ، يمكنك تحديد مجلدات صور معينة لتحسينها ، وتمكين التحسين التلقائي ، وتحويل PNG إلى JPEG ، وما إلى ذلك.

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

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

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

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

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

2. قم بتحميل الصور بعد تحديد مستوى الضغط ، يمكنك البدء في تحميل الصور لضغطها. فقط قم بتحميلها في مربع الصور على الموقع. بمجرد تحميل الصور ، ستبدأ الأداة في ضغطها تلقائيًا. ستستغرق العملية ثانيتين حسب حجم الصور ومستوى الضغط الذي اخترته. بعد ذلك ، سترى ملفات الصور المضغوطة حديثًا على صفحة الويب بمعدل ضغط وحجم. كما ترى في لقطة الشاشة أعلاه ، لدينا متوسط ​​ ٪ + تخفيض في حجم الصورة وهو أمر رائع.

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

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

1. Lazy Load the Images بشكل افتراضي ، عندما يهبط شخص ما على أي من صفحاتك ، سيقوم WordPress بتحميل المحتوى بالكامل مرة واحدة. لذلك إذا كان لديك عدد كبير جدًا من الصور ، فسوف يستغرق الأمر بعض الوقت وفقًا لأداء الخادم الخاص بك. ومع ذلك ، هناك تقنية بسيطة متاحة لتحسين خدمة الصورة تسمى lazy load . بمجرد تمكينه ، لن يتم تحميل جميع الصور مرة واحدة عندما يهبط شخص ما على صفحتك. بدلاً من ذلك ، سيتم تقديم الصور عندما يقوم المستخدم بالتمرير لأسفل إلى القسم المعني من صفحة الويب. هذه طريقة ممتازة لتقليل وقت تحميل الصفحة. تأتي معظم ملحقات التخزين المؤقت لـ WordPress مع ميزة التحميل البطيء افتراضيًا. إذا كان المكون الإضافي للتخزين المؤقت لا يدعمه ، فيجب أن تفكر في استخدام مكون إضافي مخصص مثل BJ Lazy Load . لم يتم تحديث الإضافة لبعض الوقت ، لكنها ستقوم بالمهمة.

2. إزالة بيانات EXIF ​​ بيانات EXIF ​​هي تفاصيل صغيرة تضيفها الكاميرات إلى الصور. عندما نقوم بتحميل الصور إلى تثبيت WordPress الخاص بنا ، يتم تخزين بيانات EXIF ​​ولن تتم إزالة افتراضيًا . ومع ذلك ، عندما نتعامل مع تثبيت WordPress ، فهذه ليست ضرورية. لذا ، فإن إزالة بيانات EXIF ​​هي خيار جيد آخر لخدمة الصور بشكل أسرع. يمكن إزالتها بسهولة باستخدام أداة ضغط الصور مثل ShortPixel. ولكن ، يمكنك إزالة بيانات EXIF ​​من مكتبة الصور بأكملها في وقت واحد باستخدام أداة إزالة بيانات EXIF ​​الآلية .

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

1. استخدم Caching Plugins يقوم البرنامج المساعد أو الإضافة للتخزين المؤقت Caching بإنشاء نسخة غير متصلة بالإنترنت لصفحات الويب الخاصة بك ويخزنها على الخادم الخاص بك. لذلك ، عندما يهبط زائر على صفحاتك ، فإن إضافة التخزين المؤقت Caching سيعرض النسخة المحفوظة . بهذه الطريقة ، يمكنك تقليل الطلبات إلى الخادم وتحسين سرعة الصفحة. تأتي بعض شركات استضافة WordPress بنظام تخزين مؤقت متكامل. ولكن يمكنك اختيار أي من ملحقات التخزين المؤقت المعروفة التالية إذا لزم الأمر.  مثل WP Rocket  أو Super Cache W3 T وهناك المزيد من ملحقات أو إضافات التخزين المؤقت لـ WordPress إذا تريد استخدام مكون إضافي آخر غير هؤلاء. انقر هنا لقرأة شرح WP Rocket أفضل إضافة وردبريس لتسريع موقعك.

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

2. استخدم قالب لموقعك أو سمة خفيفة الوزن لا تبحث عن ثيمات WordPress الفاخرة إذا كنت بحاجة إلى موقع ويب أساسي. لديهم أطر عمل ثقيلة وتأتي مع الكثير من JavaScript والملفات الأخرى. لذلك ، يمكنهم التأثير على أداء موقع الويب الخاص بك عن طريق تقليل سرعة الموقع. يوفر معظم مؤلفي السمات موقعًا تجريبيًا للمستخدمين لتجربة موضوعهم. يمكنك استخدام هذا الموقع التجريبي لمعرفة أداء وسرعة السمات. فقط انسخ عنوان URL للموقع التجريبي وتوجه إلى أداة سرعة موقع الويب مثل Pingdom أو PageSpeed ​​Insight . بعد ذلك ، ابدأ العملية لاختبار الأداء ومعرفة النتيجة. إذا كان موضوعًا خفيف الوزن ، فسيكون له نتائج أداء جيدة جدًا. ومع ذلك ، ضع في اعتبارك أن الموقع التجريبي ليس ٪ الأمثل مع ملحقات التخزين المؤقت والصور المضغوطة. لذلك ، ستكون هناك اختلافات طفيفة في نتائج الاختبار. في تجربتنا ،أسرع 10 قوالب وردبريس مقارنة أسعار و وقت التحميل هي: GeneratePress – مراجعة GeneratePress Astra – مراجعة قالب Astra OceanWP إطار التكوين

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

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

4. استخدم CDN لتقف على CDN Content Delivery Network . عندما تختار خطة استضافة لموقع الويب الخاص بك على WordPress ، ستطلب منك شركة الاستضافة مركز البيانات المفضل لديك. حصلت شركات الاستضافة المشهورة على مراكز بيانات في مواقع متعددة يمكن للمستخدمين الاختيار من بينها حسب رغبتهم. إذا اخترت مركز بيانات يقع في الولايات المتحدة الأمريكية ، سيتم تحميل الموقع بشكل أسرع للزوار من الولايات المتحدة الأمريكية. ولكن ، من ناحية أخرى ، إذا قام شخص ما بزيارة موقع الويب من الهند أو أي بلد آخر بعيدًا عن موقع مركز البيانات ، فسيكون هناك تأخير بسيط في وقت تحميل الموقع. لإصلاح هذه المشكلة ، يجب عليك استخدام موفر CDN .

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

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

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

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

3. خرائط مواقع XML يمكنك تحسين وجود محرك البحث بسرعة عن طريق إنشاء خرائط مواقع باستخدام مكون إضافي لخريطة الموقع . كل ما عليك فعله هو إرسال خريطة الموقع داخل أداة Google Search Console والبدء في جلب المحتوى. للحصول على ترتيب أفضل للصور ، يمكنك أيضًا التفكير في إنشاء ملف خريطة موقع يحتوي على كل صورة تريدها. تأتي معظم مكونات تحسين محركات البحث (SEO) مع هذه الميزة. بعد إنشاء ملف sitemap ، قم بإضافته إلى موقع GSC الخاص بك. بعد ذلك ، سيقوم المكون الإضافي لـ SEO بجلب كل صورة وإرسالها لفهرسة محرك البحث متى أضفت صورًا جديدة. كيفية إضافة علامات ALT تلقائيًا لقد ذكرنا بالفعل أهمية علامات بديل في صورك.

لذلك ، سوف نوضح لك كيفية إضافة علامات بديلة تلقائيًا باستخدام ملحق WordPress بسيط. يمكنك العثور على عدد من المكونات الإضافية لإضافة علامات بديلة إلى الصور في WordPress . ولكن في الوقت الحالي ، سنستخدم البرنامج المساعد PB SEO Friendly Images . أول شيء عليك القيام به هو تثبيت وتفعيل البرنامج المساعد على موقع WordPress الخاص بك. بعد التنشيط ، سترى خيارات تكوين المكون الإضافي على الجانب الأيسر. ما عليك سوى الانتقال إلى Settings> SEO Friendly Images من لوحة معلومات WordPress الخاصة بك. من هناك ، قم بتعديل مخطط بديل حسب تفضيلاتك. بعد تعديله تحتاج إلى تحديث الإعدادات. هذا هو! سيغير المكون الإضافي علامات alt لكل صورة جديدة ستقوم بتحميلها من الآن فصاعدًا. إذا كنت بحاجة إلى مزيد من المعلومات ، فلدينا دليل مفصل لإضافة علامات بديلة تلقائيًا إلى الصور في WordPress.

الخاتمة:

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

للتلخيص ، يمكنك ضغط الصور في موقع الويب الخاص بك باستخدام طريقتين رئيسيتين:

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

يمكن استخدام ShortPixel لكلا النهجين وهي أيضًا أداتنا المفضلة لضغط الصور نظرًا لتكاملها مع Cloudflare والعديد من الميزات المفيدة. إن كانت لديكم طرق أخرى لضغط الصور في WordPress. اسمحوا لنا أن نعرف في التعليقات.