چگونه وب سایتی دوست دار محیط زیست داشته باشیم

احتمالاً زمان آن فرا رسیده است که آن ویدیوهای پخش خودکار را کنار بگذارید. با انجام برخی تغییرات ساده در طراحی و عملکرد، می توانید نیازهای انرژی وب سایت خود را به طور چشمگیر کاهش دهید.

بر اساس منبع آنلاین Website Carbon Calculator، یک وب سایت به طور متوسط ​​1.76 گرم CO ₂ برای هر بار مشاهده یک صفحه تولید می کند. اگرچه آگاهی از تأثیرات زیست محیطی وب در حال افزایش است (هر چند بسیار آهسته)، به همان اندازه ​​​​متوسط ​​انرژی مورد نیاز وب سایت ها هم در حال افزایش است، که اغلب به دلیل پدید آمدن جلوه های بصری غیر ضروری مانند ویدئو ها با پخش خودکار و انیمیشن های برجسته است.

ردپای کربن وب سایت شما را در قسمتهای مختلف می توان دید، اما اساساً هدف شما ایجاد یک وبسایت کوچک، معمولی و کم حجم با بارگیری سریع و پیمایش راحت در آن است همچنین می خواهید تا جایی که ممکن است انتقال داده و مصرف انرژی را کاهش دهید. اعمال این هدف در طراحی وب، فقط بر مصرف انرژی شما تأثیر نمی گذارد، بلکه باعث می شود سایت شما عملکرد بهتری داشته باشد و آن را کاربر پسندتر و در دسترس تر کند و همچنین برای موتورهای جستجو بهتر بهینه سازی شود.

مقدمات

• اول از همه، شما باید به دنبال یک شرکت ارائه دهنده میزبانی سازگار با محیط زیست باشید. شرکتی ایده آل است که از انرژی های تجدید پذیر استفاده کند نه صرفاً جبران انرژی مصرفی. بنیاد وب سبز (The Green Web Foundation) یک پایگاه داده عالی دارد از ارائه دهندگانی که از انرژی سبز استفاده می کنند یا کربن خنثی هستند.
• کد پشت وب سایت خود را تا حد امکان تمیز و ساده نگه دارید. ابزارهایی برای کوچک کردن HTML ،CSS و جاوا اسکریپت وجود دارد که اساساً از شر کدهای غیر ضروری خلاص می شوید و می توانید سرعت وب سایت را افزایش دهید.
• ابزارهای ردیابی و تحلیلی مانند Google Analytics را حذف کنید، مگر اینکه این ابزارها در عملیات شما مرکزیت داشته باشند و به ارزش کسب و کار شما بیافزایند.

تجربه ی کاربر (UX)

• هدف اصلی این است که وب سایت را در اندازه سطح عملکرد اصلی سایت کاهش دهید، یعنی از شر افزونه های غیر ضروری خلاص شوید و یک پیمایش سایت ساده میسر شود که برای پیدا کردن مطلب مورد نظر، نیاز به کلیک های متعدد نداشته باشد. دید منتقدانه داشته باشید، ببینید واقعاً وجود چه چیزی در سایت شما ضروری است؟
• با افزایش بازدید وب سایت از طریق تلفن همراه، از ابتدا یک استراتژی طراحی وب برای موبایل در نظر بگیرید. این بدان معناست که تصاویر را در اندازه موبایل آپلود کنید، طوریکه هر بار که روی گوشی بارگذاری می شوند، اندازه آنها تغییر نکند.

تصاویر

• تصاویر می توانند بسیار انرژی بر باشند، به ویژه تصاویر تمام صفحه. جدای اینکه بپرسیم آیا تصویر واقعاً مورد نیاز است (و خلاص شدن از شر اسلایدسازی تصاویر)، تصاویر باید قبل از آپلود از نظر سایز دوباره تنظیم شده و به درستی فشرده شوند. ابزاری مانند ShortPixel می تواند آنها را فشرده و بهینه کند،و از فرمت های فایل مانند WebP به جای JPEG نیز استفاده کنید.
• از نظر سیستم رنگی، استفاده از رنگ‌های تیره و با کنتراست بالا توصیه می‌شود، چون به راحتی در دستگاه‌های کاربر تعریف می‌شوند و باتری کمتری مصرف می کنند. وب سایت “Colorable” به شما امکان می دهد طرح خود را آزمایش کنید و ترکیبات را مرور کنید. مثلا شما امتیاز AAA را برای نسبت کنتراست هدف قرار دادید.
• به جای استفاده از JPEG و PNG برای تصاویر و گیف ها، از گرافیک های برداری مقیاس پذیر (SVG) استفاده کنید که اندازه آنها بسیار کوچکتر است.
• اگر مجبور هستید از ویدیو استفاده کنید، به جای میزبانی روی سایت خودتان، به پلتفرم دیگری مانند YouTube لینک دهید. و اگر باید ویدیوها را روی سایت آپلود کنید، اجازه ندهید که به صورت خودکار پخش شوند.
• استفاده از فونت های پیش فرضی که در دسترس شما هستند در هر جایی که سایت خود را می سازید سبزترین گزینه است (کمترین آلودگی را دارند). علاوه بر این، سعی کنید تا حد امکان از تغییرات فونت کمتری استفاده کنید.
• فراموش نکنید حتما از فضای منفی (negative space) در سایت استفاده کنید.