6 نصائح لتهيئة الصور على موقعك على ووردبريس لزيادة سرعته
الصور من الأشياء الأساسية في جميع مواقع الويب، ويعد تكوين صور الموقع وتحسينها أمرًا ضروريًا لزيادة سرعته والحفاظ على الزوار والعملاء وتحسين تجربتهم، لأن الصور غير المحسنة تجعل الموقع بطيئًا، مما قد يؤدي إلى فقدان الزوار وتجعل من الصعب تحقيق الهدف من إنشاء الموقع. .
ولهذا قمنا بإعداد هذا المقال الذي سنعرفك فيه على أهمية تحسين صور موقعك ومدى تأثير ذلك على سرعته. سنقدم لك أيضًا بعض النصائح التي يمكنك الاستفادة منها في إعداد الصور لتحسين سرعة موقعك.
لماذا يجب عليك إنشاء صور على موقعك؟
يعد إنشاء الصور وتحسينها من الأمور المهمة التي يجب أن تأخذها بعين الاعتبار عندما تريد زيادة سرعة موقعك، حيث تتضمن مواقع الويب عددًا كبيرًا من الصور، تمامًا كما لو كان موقعك متجرًا إلكترونيًا، حيث سيكون لديك لإضافة صور للمنتجات التي سيتم بيعها في متجرك. وكما نعلم فإن حجم الصور أكبر من حجم بيانات الصفحة الأخرى مثل النصوص وغيرها، لذلك فهي تأخذ أكبر وقت عند تحميل صفحات الموقع إذا لم يتم تنسيقها بشكل صحيح.
عندما تقوم بتحسين صور موقعك ستزيد سرعتها بشكل كبير مما يحسن تجربة الزوار ويجعلهم يرغبون في البقاء في موقعك لفترة أطول، ويعتبر هذا من أكثر الأسباب التي تساهم في زيادة فرصهم في أن يصبحوا عملاء ، وفرصهم في شراء منتجاتك. وفيما يلي سنلخص لك الفوائد التي يضيفها تحسين الصور إلى موقعك من خلال هذه القائمة:
تحسين استخدام موارد الاستضافة: تشغل الصور مساحة كبيرة من موارد الاستضافة وتتطلب نطاقًا تردديًا كبيرًا لنقلها إلى متصفحات المستخدمين، لذا فإن تحسينها سيوفر لك المزيد من موارد الاستضافة لاستخدامها في أمور أخرى، خاصة إذا كانت موارد الاستضافة الخاصة بك تقتصر.
زيادة سرعة الموقع: تحسين الصور قبل نشرها سيؤدي إلى تقليل حجمها، مما يزيد من سرعة موقعك وسرعة تحميل صفحاته.
تحسين تجربة المستخدم: من خلال تحسين صور موقعك، سيشعر المستخدمون بسلاسة شديدة عند التنقل بين صفحات موقعك، مما يضمن بقائهم في موقعك لفترة أطول.
تحسين الموقع لمحركات البحث (SEO): كما ذكرنا سابقاً فإن تجهيز الصور يساعد على تحسين سرعة موقعك، وهذا يؤدي إلى تحسينه لمحركات البحث.
نصائح لإنشاء وتحسين صور الموقع
هناك العديد من الأشياء التي يمكنك القيام بها لتحسين صور موقع WordPress الخاص بك، وفيما يلي سنقدم لك بعض النصائح التي يمكنك استخدامها للقيام بذلك:
1- ضغط صور الموقع
ضغط الصور هو عملية يتم فيها تقليل حجم الصور دون التأثير على دقتها أو طريقة عرضها على الموقع. لذلك يعتبر ضغط الصور من أهم الوسائل التي يمكنك الاستفادة منها من أجل تحسين صور موقعك وزيادة سرعته.
يمكنك ضغط الصور بعدة طرق، وغالبًا ما توفر معظم برامج تحرير الصور هذه الميزة. يمكنك أيضًا الاعتماد على إحدى أدوات الويب TinyPNG أو JPEGmini للقيام بذلك. بالإضافة إلى ذلك، يوفر لك WordPress عددًا من الإضافات التي تعمل على ضغط الصور وتحسينها تلقائيًا، سواء عند رفعها على الموقع أو تلك التي تم تنزيلها مسبقًا قبل تثبيت الإضافة، وتشمل هذه الإضافات Smush وTinyPNG.
2- اختيار التنسيق المناسب للصور
يعد اختيار تنسيق الصورة الصحيح من الأشياء المهمة التي تلعب دورًا في تحسين صور الموقع. ليست كل تنسيقات الصور مناسبة لمواقع الويب. هناك تنسيقات تساعد على تحسين سرعة الصفحة، لكنها في المقابل غير مدعومة من قبل جميع متصفحات الويب، مثل تنسيقات JPEG XR.
هناك العديد من التنسيقات الملائمة والمشهورة عالميًا والتي يمكنك استخدامها في موقع الويب الخاص بك، وهذه التنسيقات هي:
WebP: قامت Google بتطوير هذا التنسيق ليشمل جميع ميزات التنسيقات الأخرى. ومن خلال الاعتماد على الصور بهذا التنسيق ستتمكن من ضغط الصور وتحسينها بشكل كبير دون التقليل من دقتها. ولحسن الحظ فإن ووردبريس يدعم هذا التنسيق ويوفر لك إضافات تعمل على تحسين وتحويل جميع الصور الموجودة في موقعك إلى هذا التنسيق. مثل Optimole وShortPixel.
JPEG: يعتبر تنسيق JPEG أو JPG من أشهر تنسيقات الصور المستخدمة على مواقع الويب، لأنه مدعوم من جميع الأجهزة وأنظمة التشغيل تقريبًا، ويمكنك تحسين وضغط الصور بهذا التنسيق مع الحفاظ على التوازن بين جودة الصورة و مقاس.
PNG: يدعم هذا التنسيق عددًا كبيرًا من الألوان في الصورة، كما يدعم أيضًا الصور الشفافة جزئيًا. إنه اختيار مناسب للصور التي تحتوي على نص. وتتميز الصور بهذا التنسيق بأنها صور عالية الدقة ولكن بأحجام كبيرة مما يقلل من سرعة تحميل الصفحة. يمكنك الاعتماد على هذا التنسيق للصور التي تتطلب دقة عالية، مثل صور الشعار والصور النصية وغيرها.
3- استخدم خاصية التحميل البطيء
ستزداد سرعة تحميل صفحات موقع WordPress الخاص بك عند تفعيل ميزة التحميل البطيء، حيث تعمل هذه الميزة على تأخير تحميل الصورة على صفحات الموقع طالما أن هذه الصور خارج إطار الشاشة المعروضة للمستخدم.
يمكنك تفعيل هذه الخاصية في الووردبريس عن طريق تثبيت أحد الإضافات المخصصة لذلك في موقعك مثل إضافة Wp Rocket و Optimole، حيث تقوم بتثبيت الإضافة وتفعيل خاصية التحميل البطيء من إعداداته. على الرغم من أن WordPress يدعم الآن ميزة التحميل البطيء بشكل افتراضي، إلا أنه يفعل ذلك بطريقة لا تدعمها... جميع المتصفحات تدعمها، لذا من الأفضل تفعيلها من خلال وظيفة إضافية مخصصة.
4- استخدم أبعاد الصورة المناسبة
يعتبر استخدام الأبعاد المناسبة للصور حسب السياق الذي سيتم نشرها فيه ممارسة فعالة لإعداد الصور من أجل تحسين سرعة موقعك. على سبيل المثال، بدلاً من استخدام صورة بارزة للمقالة ذات الأبعاد (3200/4000)، تعرف على الحجم الفعلي الذي ستظهر به الصورة البارزة في موقعك واستخدم هذه الأبعاد. حجم الصور المميزة.
من الممكن تعديل أبعاد الصور بعدة طرق. ويمكنك تعديلها على حاسوبك الشخصي باستخدام أحد برامج تحرير الصور قبل رفعها على الموقع. كما يوفر لك الووردبريس إمكانية تعديل أبعاد الصور بعد رفعها إلى مكتبة الوسائط باستخدام الأدوات التي توفرها المكتبة، ولكن من الأفضل القيام بذلك قبل إضافة الصورة. إلى المكتبة، لأن تعديل الصورة في مكتبة الوسائط يترك نسخ متعددة منها، وهذا يسبب زيادة في حجم الذاكرة التي تستهلكها موارد الاستضافة.
5- تفعيل خاصية التخزين المؤقت للمتصفح
عند تفعيل خاصية التخزين المؤقت في موقعك يتم حفظ صور موقعك على أجهزة الزوار، وعندما يدخل المستخدم إلى موقعك مرة أخرى يتم استيراد الصور من جهازه بدلا من استيرادها من خادم الويب، وهذا يزيد من السرعة من عرض الصور على موقعك بشكل كبير، وبالتالي تزداد سرعته لأنه يتم تحميل باقي بيانات الصفحة بسرعة أكبر، حيث يتم استخدام النطاق الترددي الذي كان من المقرر تنزيل الصور فيه لتحميل بيانات الصفحة الأخرى.
لتفعيل هذه الميزة، يمكنك تثبيت مكون إضافي للتخزين المؤقت، مثل W3 Total Cache أو WP Super Cache. تقوم بتثبيت وتفعيل الإضافة، ومن ثم تفعيل الخاصية من خلال إعدادات الإضافة.
6- الاعتماد على شبكة توصيل المحتوى CDN
كما نعلم، يتم حفظ بيانات أي موقع على خادم داخل مركز بيانات في منطقة معينة من العالم، وعندما يدخل المستخدم إلى الموقع، يتم استيراد هذه البيانات من الخادم، وكلما زادت المسافة الجغرافية بين الموقعين مركز البيانات وموقع المستخدم، كلما زاد الوقت اللازم لوصول البيانات والصور. المتصفح، وزيادة وقت تحميل صفحات الموقع.
يمكن تجنب هذه المشكلة من خلال الاعتماد على شبكة توصيل المحتوى مثل Cloudflare، حيث تتكون من عدد كبير من الأجهزة المنتشرة في مناطق مختلفة من العالم. عندما تعتمد على شبكة توصيل المحتوى، يتم حفظ نسخة من محتوى موقعك، بما في ذلك صور الموقع، على كل جهاز. أجهزة الشبكة: عندما يدخل مستخدم إلى موقعك، يتم استدعاء صور وبيانات الموقع من جهاز CDN الأقرب إلى موقع المستخدم. ولهذا السبب يعد الاعتماد على CDN إحدى الطرق المقترحة لتحسين سرعة موقعك.
وفي الختام نود أن نشير إلى أن سرعة الموقع مرتبطة بالعديد من الأمور التي يجب عليك الاهتمام بها وتحسينها من أجل زيادة سرعته، ولكن كما وضحنا في هذا المقال فإن تحسين الصور يعتبر من أهم الأمور التي تساهم في ذلك، لذا احرص على إعداد وتحسين صور موقعك من أجل تطويره. .
المصادر - ووردبريس بالعربية, wordpress
