ما هو تصميم الويب المستدام ، وكيف يمكنك تنفيذه؟

أهمية تصميم الويب المستدام

يمكن لتقنية الويب أن تفيد المجتمع والبيئة ، ولكن فقط إذا استخدمناها بحكمة ...

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

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

إذا كانت الإنترنت دولة ، فستكون رابع أكبر ملوث. بيان الويب المستدام

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

ومع ذلك ، على الرغم من كونه موضوعًا شائعًا للمحادثة في عام 2023 ، لا يزال هناك بعض الالتباس حول تصميم مواقع الويب المستدامة.

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

اسمحوا لي أن أبدأ بالإجابة على بعض الأسئلة الشائعة.

ما هو موقع الويب المستدام؟

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

لماذا يجب أن تكون مواقع الويب مستدامة؟

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

تقع التكنولوجيا في قلب حياتنا المهنية والشخصية. عدد الأجهزة المتصلة في ارتفاع ، ومن المتوقع أن يصل إلى 55.7 مليار بحلول عام 2025.

التقنيات الرقمية مسؤولة عن 4٪ من انبعاثات غازات الاحتباس الحراري (GHG) ، ويزداد استهلاكها للطاقة بنسبة 9٪ سنويًا.

تنبعث من الإنترنت 1.6 مليار طن سنويًا من انبعاثات غازات الاحتباس الحراري. تتطلب إزالة كل هذا الكربون تغطية ثلث مساحة اليابسة في العالم بالغابات الناضجة!

هذا الاتجاه هو سبب حاجتنا إلى مواقع ويب صديقة للبيئة.

ما هو تصميم الويب المستدام؟

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

إذن ، كيف يؤثر تصميم الموقع على الانبعاثات العالمية؟

أظهرت دراسة حديثة أن الوقت اليومي للشاشة قد زاد بحوالي 50 دقيقة يوميًا منذ عام 2013 ، ويقضي الأمريكي العادي 7 ساعات و 4 دقائق في النظر إلى الشاشة كل يوم.

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

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

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

فوائد تصميم الويب المستدام

تصميم الويب المستدام مفيد للبيئة ويعزز معدلات التحويل بشكل فعال. يتم تحويل المواقع الخضراء بشكل أفضل من المواقع غير الصديقة للبيئة. تشمل المزايا البارزة لتصميمات الويب المستدامة ما يلي:

واجهة مستخدم بسيطة وبديهية

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

أداء أسرع

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

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

تحسين محركات البحث (SEO)

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

يؤدي أداءً جيدًا على أحجام الشاشات المتنوعة

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

ميزات تصميم الويب المستدام

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

• يستخدم بساطتها: أحد أهم جوانب تصميم الويب المستدام هو بساطتها. يمكنك إنشاء مواقع ويب يتم تحميلها بشكل أسرع وتستخدم موارد أقل باستخدام رموز أقل وصور أقل وملفات أصغر.
• تحسين الصور: غالبًا ما تكون الصور هي أثقل العناصر على صفحة الويب ، لذا من الضروري تحسينها للويب. يضمن ضغطها أنها تشغل مساحة أقل وتحميلها بكفاءة دون إبطاء بقية الصفحة.
• يستخدم CSS Sprites: CSS sprites هي تقنية تصميم ويب مستدامة تجمع بين صور متعددة في ملف واحد. لذلك ، في حين أنها تتطلب المزيد من العمل مقدمًا ، فإنها توفر النطاق الترددي على المدى الطويل لأن جميع بيانات الصورة مخزنة في مكان واحد بدلاً من نشرها عبر عدة صفحات.
• يقلل موارد HTML و CSS وجافا سكريبت: في كل مرة يتم فيها تحميل موقع الويب الخاص بك ، يجب أن يحصل على بيانات خادم إضافية. لذا ، فإن تقليل هذه العناصر سيساعد في جعل تحميل موقعك أسرع. على سبيل المثال ، بدلاً من استخدام برنامج نصي خارجي مثل Google Analytics ، استخدم أداة التحليلات المضمنة في WordPress. وبدلاً من استيراد مكتبة كاملة بها مئات من أوراق الأنماط ، قم فقط باستيراد ما تحتاجه لعرض المحتوى الخاص بك بشكل فعال.
• يزيد من قابلية إعادة استخدام الكود: من المهم عدم النظر إلى تصميم الويب على أنه عملية لمرة واحدة. في PixoLabo ، نتتبع أي نصوص أو قوالب أنشأناها ونعيد استخدامها عندما يكون ذلك ممكنًا.
• يزيل الملفات المكررة: غالبًا ما تحتوي مواقع الويب على ملفات زائدة عن الحاجة. على سبيل المثال ، يؤدي وجود ملف index.html و index.php إلى إهدار مساحة القرص غير الضرورية وإبطاء أوقات التحميل. يقوم المطورون بإزالة هذه الملفات بشكل فعال ، مما يضمن تقليل مساحة القرص وتحميل الويب بشكل أسرع.
• يستخدم الوسائط المتعددة التفاعلية بمسؤولية: عند تصميم موقع الويب الخاص بك ، فأنت تريد التركيز على المحتوى وليس الميزات. إذا قمت بإضافة الكثير من الميزات ، فإنك تبطئ موقعك لأنه يجب عليه معالجة المزيد من التعليمات البرمجية في كل مرة يتم تحميله.
• تكامل الحلول الجاهزة: توجد العديد من الحلول الجاهزة لمشاكل مواقع الويب الأكثر شيوعًا. يجب أن تحاول دائمًا إيجاد حل قبل إنشاء شيء ما بنفسك إذا كان ذلك يوفر لك الوقت والطاقة. على سبيل المثال ، يحتوي WordPress بالفعل على وحدات لدمج شبكات التواصل الاجتماعي مثل Facebook و Twitter و LinkedIn - لذلك ليست هناك حاجة لإعادة اختراع العجلة!

فهم بصمتك الرقمية

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

• يمكن أن تنبعث رسالة بريد إلكتروني واحدة تحتوي على مرفق صورة ما يصل إلى 50 جرامًا من مكافئ ثاني أكسيد الكربون. (هـ = "مكافئ" لتشمل غازات الدفيئة التي تتجاوز ثاني أكسيد الكربون.)
• في حين أن هذا قد يبدو وكأنه مبلغ صغير ، فكر في عدد رسائل البريد الإلكتروني التي ترسلها مؤسستك يوميًا.
• الآن ، قم بضرب ذلك في كل منظمة تم تمكينها رقميًا في العالم.

وهذا مجرد بريد إلكتروني. من السهل أن نرى كيف نصل إلى 1.6 مليار طن من انبعاثات غازات الدفيئة السنوية.

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

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

ممارسات تصميم الويب المستدامة

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

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

تندرج ممارسة تصميم الويب المستدام في هذه الفئات:

1. تحسين أداء الويب: ما مدى سرعة تنزيل الأصول على جهاز المستخدم؟
2. إمكانية العثور على المحتوى: ما مدى سرعة عثور المستخدمين على المحتوى الذي يحتاجون إليه؟ وما مدى قابلية تطبيق هذا المحتوى بمجرد اكتشافه للمستخدمين؟
3. سهولة الاستخدام: ما مدى سرعة إنجاز جميع المستخدمين للمهام عبر الأجهزة والأنظمة الأساسية بسرعات عرض نطاق ترددي مختلفة؟
4. Green Web Hosting: هل الخوادم التي تستضيف منتجاتك وخدماتك الرقمية مدعومة بالطاقة المتجددة؟

في الآونة الأخيرة ، تمت إضافة إضافتين هامتين إلى قاموس تصميم الويب المستدام:

1. روح العميل والمشروع: ما هي مشاريعك الرقمية التي تروّج لها أو تبيعها؟ كيف يتم تنفيذها بشفافية وفعالية؟
2. ممارسات الأعمال: كيف تجسد مؤسستك هذه المبادئ نفسها؟

كيف تجعل موقع الويب الخاص بك مستدامًا

1 - ابدأ بالتخطيط لرحلة المستخدم الخاصة بك

إذا لم تكن معتادًا على المفهوم ، فإن رحلة المستخدم تشير إلى تسلسل الإجراءات التي سيتخذها المستخدم عند زيارة موقعك لتحقيق هدف معين - الاشتراك ، الشراء ، إلخ.

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

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

تجربة المستخدم الجيدة (UX) التي تتجنب نقاط الاحتكاك ستؤدي حتمًا إلى انخفاض استهلاك الطاقة وزيادة سعادة العملاء.

2 - اختر موفر استضافة يعمل بالطاقة الخضراء

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

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

3 - اختيار التصميم سريع الاستجابة

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

يعني اختيار هذا النوع من التصميم أن موقع الويب الخاص بك سوف يتكيف مع التنسيقات المختلفة ، ويمكنك تقليل استهلاك الموارد في هذه العملية.

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

4 - تسهيل العثور على المعلومات

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

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

5 - مخبأ كل شيء!

يعد التخزين المؤقت ضروريًا للاستدامة إذا كنت تستخدم تطبيقًا مدفوعًا بلغة PHP ، كما تفعل العديد من مواقع الويب (WordPress و Magento و Drupal وما إلى ذلك).

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

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

مع وجود التخزين المؤقت في مكانه ، يتم تنفيذ معظم عبء العمل المكثف هذا فقط في المرة الأولى التي يطلب فيها الزائر صفحة. ثم يتم تخزين HTML الناتج في ذاكرة تخزين مؤقت بحيث لا تحتاج كل عملية تحميل لاحقة للصفحة إلى القيام بكل هذا العمل الثقيل.

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

هناك العديد من الطرق للتخزين المؤقت لمواقع الويب ؛ في PixoLabo ، نفضل WP Rocket للتخزين المؤقت للصفحة. مواقع ويب فائقة السرعة واستدامة أفضل - ما الذي لا تحبه؟

6 - إذا كنت تكتب رمزًا ، فتأكد من أنه رمز نظيف

سيستخدم معظم المستخدمين CMS ، ولكن إذا كتبت بعض التعليمات البرمجية ، فتأكد من سهولة فهمها وتغييرها وتجنب عمليات التكرار والعمليات غير الضرورية.

7 - تجنب الإضافات والإضافات غير الضرورية

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

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

8 - تجنب الخطوط المخصصة أو تقييدها

قد تكون هذه الحقيقة مفاجأة ، لكن الخطوط المخصصة يمكن أن تزيد من حجم ملف موقع الويب الخاص بك.

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

لذلك ، يجب ألا تستخدم الخطوط المخصصة إلا إذا شعرت أنها ضرورية لعلامتك التجارية ولأغراض عملية.

9 - استخدم ملفات الوسائط بحكمة (وحسنها!)

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

يتضمن Imagify for WordPress تحسينًا تلقائيًا للصور ، لذلك لا داعي للقلق بشأن القيام بذلك بنفسك. علاوة على ذلك ، يمكنه تحويل الصور إلى تنسيقات ملفات حديثة مثل WebP ، والتي تكون أصغر بنحو 25٪ من صور PNG أو JPG.

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

على سبيل المثال ، قد تكون بعض صور المنتج عديمة الفائدة (على سبيل المثال ، زوايا متشابهة جدًا). في حالات أخرى ، يمكن بسهولة استبدال الصور المستخدمة على الصفحة ، مثل صور المخزون العشوائية ، ببدائل مثل رسومات SVG ، أو يمكن تحقيق نفس التأثير من خلال أنماط CSS.

10 - تحميل كسول أسفل محتوى الطي

قد تحتوي كل صفحة من صفحات الويب الخاصة بك على قدر كبير من المحتوى "الجزء السفلي غير المرئي من الصفحة" - أي المحتوى غير المرئي ما لم يقم الزائر بالتمرير لأسفل الصفحة.

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

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

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

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

11 - الحد من استخدام مقاطع الفيديو والصور المتحركة

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

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

12 - تصغير HTML و CSS وجافا سكريبت

مرة أخرى ، ربما تقوم بذلك بالفعل لأغراض السرعة ، ولكن إذا لم تكن كذلك ، فلنتعرف على السبب بسرعة.

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

يؤدي تصغير الكود إلى تجريد كل هذا الوزن غير الضروري ، مما يقلل من حجم الملفات التي يجب نقلها عبر الإنترنت ويجعل تحميل موقعك أسرع.

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

13 - إزالة CSS و Javascript غير الضرورية

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

ربما تكون قد استخدمت سمة أو منشئ صفحات مع العديد من التخطيطات والأنماط والوظائف المختلفة التي لا تستخدمها أبدًا في أي مكان على موقعك.

ستبقى جميع الشفرات في ملفات CSS و JS ، مما يزيد من كمية البيانات التي يجب نقلها عبر الإنترنت ويجعل تحميل موقعك أبطأ بدون سبب وجيه.

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

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

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

14 - تحسين موقع الويب الخاص بك لأجهزة مختلفة

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

سوف يقضون وقتًا أطول بكثير في العثور على ما يسعون إليه ، ويستهلكون المزيد من الطاقة.

لتجنب ذلك ، تأكد من أن تصميمك يتكيف جيدًا مع أكبر عدد ممكن من هذه المتغيرات لتوفير تجربة مثالية للمستخدمين.

15 - استخدم CDN لخدمة المحتوى الخاص بك

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

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

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

يعد اختيار CDN الذي يستخدم الطاقة المتجددة ، مثل Cloudflare ، أمرًا ضروريًا.

16 - تدقيق المحتوى الخاص بك للتأكد من أنه يسلم على الإستراتيجية

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

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

17 - تقليل انبعاثات ثاني أكسيد الكربون عن طريق تعويض انبعاثات الكربون الخاصة بك

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

يمكن لأصدقائنا في Treebuddy Earth مساعدتك.

جعل موقع الويب الخاص بك صديقًا للمناخ

يعد اعتماد تصميم الويب المستدام طريقة مثالية لاستخدام عملك كقوة للخير. هناك الكثير من الالتباس حول ماهية موقع الويب الصديق للبيئة. تصميم الويب المستدام هو تصميم خدمات الويب التي تعطي الأولوية للكوكب والناس.

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

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

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

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

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

هل أنت بحاجة لبناء موقع مستدام؟

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

بعد ذلك ، إذا كنت تعتقد أننا مناسبون تمامًا لاحتياجات تصميم الويب المستدام ، فلنتحدث! نحن نقدم مجموعة كاملة من حلول الاستشارات والتصميم للشركات والعلامات التجارية للمنتجات.

وإذا كنت لا تزال غير متأكد من كيفية إنشاء موقع ويب مستدام ، فلنتحدث. سنستمع إليك ونجيب عن أسئلتك ونحدد كيفية إنشاء موقع ويب أخضر لعملك أو العلامة التجارية لمنتجك!

ماذا تضيف؟

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

بقلم جريجور سايتا

المؤسس المشارك / CXO

تضمين التغريدة