{"id":1487,"date":"2020-06-04T13:26:42","date_gmt":"2020-06-04T17:26:42","guid":{"rendered":"https:\/\/yorkandchapel.com\/cn\/?p=1487"},"modified":"2023-12-14T16:21:13","modified_gmt":"2023-12-14T20:21:13","slug":"sustainable-web-design","status":"publish","type":"post","link":"https:\/\/yorkandchapel.com\/cn\/blog\/sustainable-web-design\/","title":{"rendered":"Sustainable Web Design: 5 Tips to More Efficient Code"},"content":{"rendered":"<h2 id='certainly-the-internet-stands-out-as-the-most-revolutionary-technology-of-the-past-25-years-reshaping-nearly-every-facet-of-our-daily-existence'  id=\"boomdevs_1\" class=\"lead\" >Certainly, the internet stands out as the most revolutionary technology of the past 25 years, reshaping nearly every facet of our daily existence.<\/h2>\n<p>For many, the thought of a world devoid of the internet is now a distant recollection. Amidst its widespread influence, one crucial element frequently disregarded is its environmental footprint. The internet&#8217;s infrastructure, encompassing devices such as laptops and cellphones, along with the intricate web of servers and global wireless connections, plays a substantial role in carbon emissions. As we acknowledge the transformative power of the internet, it&#8217;s imperative to consider sustainable web design practices as a crucial component in mitigating its environmental impact.<\/p>\n<p><span style=\"font-weight: 400;\">As of 2019, the internet boasted 4.4 billion users, with approximately 1 million new users joining each day. With 1.5 million websites in existence, a staggering 44 billion gigabytes of data are generated daily. The sheer volume of content is exemplified by 300 hours of video uploaded every minute, leading to a daily consumption of 5 billion videos on YouTube alone. <strong>Alarmingly, the internet&#8217;s annual carbon footprint rivals that of the entire aviation industry.<\/strong><\/span><\/p>\n<p><span style=\"font-weight: 400;\">Amidst these striking statistics, there is a pivotal role for web developers to play in mitigating the environmental impact through sustainable web design. By incorporating eco-friendly principles into web development practices, developers can contribute to a significant reduction in the carbon footprint associated with websites. This shift toward sustainable web design is crucial, given the continuous growth in internet usage.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">As a web developer, embracing sustainable web design principles becomes an ethical imperative. Integrating these practices not only lessens the environmental impact of websites but also enhances the overall product for clients. By prioritizing sustainability, web developers can actively participate in minimizing the internet&#8217;s carbon footprint and fostering a more environmentally conscious digital landscape.<\/span><\/p>\n<h3 id='5-tips-to-reduce-bandwidth-with-more-efficient-code'  id=\"boomdevs_2\" ><b>5 Tips to Reduce Bandwidth with More Efficient Code<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">On the website programming side, the use of smarter and more efficient code can dramatically reduce bandwidth and improve the load time of a website.\u00a0<\/span><\/p>\n<ul>\n<li><span style=\"font-weight: 400;\">The term \u2018tree shaking\u2019 is a process whereby unused code is excised from JavaScript. CSS files can be massively complicated, so using a simple tool like Purge CSS can remove unnecessary code. <\/span><span style=\"font-weight: 400;\">Don&#8217;t include an entire framework, just include only the JavaScript and CSS you need.<\/span><\/li>\n<li><span style=\"font-weight: 400;\">Minify and Concatenate your JS and CSS which dramatically reduces file size. At York and Chapel, we use Webpack and Gulp to do the heavy lifting of code optimization.<\/span><\/li>\n<li><span style=\"font-weight: 400;\">Server-side optimization is a critical part of sustainable programming, with Gzip being the most powerful tool for on the fly data compression.<\/span><\/li>\n<li><span style=\"font-weight: 400;\">Using advanced proxy caching accelerators for faster delivery such as WP Super Cache, Varnish, and FastCGI Cache reduces a server\u2019s workload and therefore its energy requirements.<\/span><\/li>\n<li><span style=\"font-weight: 400;\">Websites can use a CDN to store static assets and deliver them from the closest datacenter.\u00a0<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">There are also entire platforms that emphasize speed and size restrictions that are environmentally beneficial. An Accelerated Mobile Page (AMP) is a framework created by Google and other companies. Its sole purpose is to make super-fast mobile pages. At its core, AMP is a stripped-down version of HTML designed for mobile users with a separate desktop markup. AMP is great for building lightweight and efficient mobile websites but are not easy to implement.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">These practices can dramatically decrease energy usage while also delivering a faster, more efficient website experience.<\/span><\/p>\n<img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-1513 size-full\" src=\"https:\/\/yorkandchapel.com\/cn\/wp-content\/uploads\/sites\/3\/2020\/06\/website-sustainability-hermo.jpg\" alt=\"Reduce website carbon footprint and lead charge in sustainable web design\" width=\"1600\" height=\"800\" srcset=\"https:\/\/yorkandchapel.com\/cn\/wp-content\/uploads\/sites\/3\/2020\/06\/website-sustainability-hermo.jpg 1600w, https:\/\/yorkandchapel.com\/cn\/wp-content\/uploads\/sites\/3\/2020\/06\/website-sustainability-hermo-300x150.jpg 300w, https:\/\/yorkandchapel.com\/cn\/wp-content\/uploads\/sites\/3\/2020\/06\/website-sustainability-hermo-1024x512.jpg 1024w, https:\/\/yorkandchapel.com\/cn\/wp-content\/uploads\/sites\/3\/2020\/06\/website-sustainability-hermo-768x384.jpg 768w, https:\/\/yorkandchapel.com\/cn\/wp-content\/uploads\/sites\/3\/2020\/06\/website-sustainability-hermo-1536x768.jpg 1536w\" sizes=\"(max-width: 1600px) 100vw, 1600px\" title=\"\">\n<h3 id='adopt-sustainable-development-practices'  id=\"boomdevs_3\" ><b>Adopt Sustainable Development Practices<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">When it comes to website design, you can control about 60% of your carbon footprint by using sustainable development practices. A lightweight website uses fewer computational resources, less energy, less bandwidth, and has the added user benefit of loading faster and running smoother.\u00a0<\/span><\/p>\n<ul>\n<li><span style=\"font-weight: 400;\">Designers can reduce extraneous content such as unneeded images in image carousels that do little to advance the narrative or provide more information.<\/span><\/li>\n<li><span style=\"font-weight: 400;\"> Switching to the use of WebP reduces image size by 30%.<\/span><\/li>\n<li><span style=\"font-weight: 400;\">Using links instead of embedding YouTube videos saves nearly a megabyte of bandwidth even before hitting the play button.<\/span><\/li>\n<li><span style=\"font-weight: 400;\">Uploading videos in 720p instead of full HD creates file sizes significantly smaller while creating a nearly imperceivable difference in image quality on all but the largest monitors and TVs.\u00a0<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h3 id='switch-to-renewable-energy-data-centers'  id=\"boomdevs_4\" ><b>Switch to Renewable Energy Data Centers<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">The biggest impact you can make is to host your website at a data center that buys its power from renewable energy sources.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Just in the U.S., data centers use 140 billion kilowatt-hours annually. <strong>That\u2019s the equivalent of 50 power plants or nearly 150 million metric tons of carbon emissions.\u00a0<\/strong><\/span><\/p>\n<p><span style=\"font-weight: 400;\">Renewable energy data centers are already being used by companies that run massive hyperscale data operations such as Apple, Amazon, Facebook, Google, and Microsoft. Facebook currently buys 1.54 Gigawatts of wind and solar energy. Amazon Web Services has committed to meet the terms of the Paris Agreement and reach net carbon zero operations by 2040. Microsoft has committed to spending $1 billion in carbon remediation technologies over the next four years.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Unfortunately, there are no data centers that are completely carbon neutral, so you\u2019ll have to find one that gets a higher percentage of its power from renewable sources. Your company can also directly purchase carbon offsets or plant trees to minimize the remainder of your carbon footprint. At York and Chapel, we have made a donation to <a href=\"https:\/\/www.groundworkbridgeport.org\/\" target=\"_blank\" rel=\"noopener\">Groundwork Bridgeport<\/a> to offset the carbon footprint of our corporate website.<\/span><\/p>\n<p>&nbsp;<\/p>\n<img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-1535 size-full\" src=\"https:\/\/yorkandchapel.com\/cn\/wp-content\/uploads\/sites\/3\/2020\/06\/taylor-vick-aWslrFhs1w4-unsplash.jpg\" alt=\"Server Farm with Sustainable Web Design Focus\" width=\"1600\" height=\"900\" srcset=\"https:\/\/yorkandchapel.com\/cn\/wp-content\/uploads\/sites\/3\/2020\/06\/taylor-vick-aWslrFhs1w4-unsplash.jpg 1600w, https:\/\/yorkandchapel.com\/cn\/wp-content\/uploads\/sites\/3\/2020\/06\/taylor-vick-aWslrFhs1w4-unsplash-300x169.jpg 300w, https:\/\/yorkandchapel.com\/cn\/wp-content\/uploads\/sites\/3\/2020\/06\/taylor-vick-aWslrFhs1w4-unsplash-1024x576.jpg 1024w, https:\/\/yorkandchapel.com\/cn\/wp-content\/uploads\/sites\/3\/2020\/06\/taylor-vick-aWslrFhs1w4-unsplash-768x432.jpg 768w, https:\/\/yorkandchapel.com\/cn\/wp-content\/uploads\/sites\/3\/2020\/06\/taylor-vick-aWslrFhs1w4-unsplash-1536x864.jpg 1536w\" sizes=\"(max-width: 1600px) 100vw, 1600px\" title=\"\">\n<p>&nbsp;<\/p>\n<h3 id='the-sustainable-future-of-development'  id=\"boomdevs_5\" ><b>The Sustainable Future of Development<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Developers have the opportunity to significantly reduce a website carbon footprint by adhering to sustainability principles. Achieving viability requires close collaboration with clients and third-party vendors to deliver an environmentally conscious solution that aligns with business requirements. The interesting reality is that there isn&#8217;t much of a trade-off involved, as websites that are well-designed, user-friendly, optimized, and fast tend to have the smallest carbon footprint.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Incorporating sustainable web design principles not only benefits the environment but also addresses the increasing share of world climate pollution associated with the growing online economic activity. Those responsible for building the internet&#8217;s infrastructure must play a role in curbing environmental damage. Given the rising number of companies embracing sustainability mandates, those capable of delivering sustainable web development, including the integration of sustainable web design practices, will find a receptive and expanding clientele eager to promote eco-friendly online solutions.<\/span><\/p>\n<p>Looking for an agency that leverages Sustainable Web Design? <a title=\"Contact York and Chapel\" href=\"https:\/\/yorkandchapel.com\/cn\/contact\">Contact us<\/a>.<\/p>\n<p>&nbsp;<\/p>\n<h3 id=''  id=\"boomdevs_6\" ><\/h3>\n<h3 id='citations'  id=\"boomdevs_7\" ><b>Citations<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Dougherty, J. (2019, December 10). Internet growth + usage stats 2019: Time online, devices, users. Retrieved May 28, 2020, from <a href=\"https:\/\/www.clickz.com\/internet-growth-usage-stats-2019-time-online-devices-users\/235102\/\" target=\"_blank\" rel=\"noopener\">https:\/\/www.clickz.com\/internet-growth-usage-stats-2019-time-online-devices-users\/235102\/<\/a><\/span><\/p>\n<p><span style=\"font-weight: 400;\">Editor. (2020, March 11). 37 Mind-Blowing YouTube Facts, Figures, and Statistics &#8211; 2020. Retrieved May 28, 2020, from <a href=\"https:\/\/merchdope.com\/youtube-stats\/\" target=\"_blank\" rel=\"noopener\">https:\/\/merchdope.com\/youtube-stats\/<\/a><\/span><\/p>\n<p><span style=\"font-weight: 400;\">Lenox, J. (2019, January 15). How Improving Website Performance Can Help Save The Planet. Retrieved May 28, 2020, from <a href=\"https:\/\/www.smashingmagazine.com\/2019\/01\/save-planet-improving-website-performance\/\" target=\"_blank\" rel=\"noopener\">https:\/\/www.smashingmagazine.com\/2019\/01\/save-planet-improving-website-performance\/<\/a><\/span><\/p>\n<p><span style=\"font-weight: 400;\">Miller, R. (2020, April 24). Data Centers Accelerate Their Focus on Sustainability, Green Power. Retrieved May 28, 2020, from <a href=\"https:\/\/datacenterfrontier.com\/data-centers-accelerate-their-focus-on-sustainability-green-power\/\" target=\"_blank\" rel=\"noopener\">https:\/\/datacenterfrontier.com\/data-centers-accelerate-their-focus-on-sustainability-green-power\/<\/a><\/span><\/p>\n<p><span style=\"font-weight: 400;\">Schultz, J. (2019, June 08). How Much Data is Created on the Internet Each Day? Retrieved May 28, 2020, from <a href=\"https:\/\/blog.microfocus.com\/how-much-data-is-created-on-the-internet-each-day\/\" target=\"_blank\" rel=\"noopener\">https:\/\/blog.microfocus.com\/how-much-data-is-created-on-the-internet-each-day\/<\/a><\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Certainly, the internet stands out as the most revolutionary technology of the past 25 years, reshaping nearly every facet of our daily existence. For many, the thought of a world devoid of the internet is now a distant recollection. Amidst its widespread influence, one crucial element frequently disregarded is its environmental footprint. The internet&#8217;s infrastructure, [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":1535,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[4],"tags":[],"acf":[],"_links":{"self":[{"href":"https:\/\/yorkandchapel.com\/cn\/wp-json\/wp\/v2\/posts\/1487"}],"collection":[{"href":"https:\/\/yorkandchapel.com\/cn\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/yorkandchapel.com\/cn\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/yorkandchapel.com\/cn\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/yorkandchapel.com\/cn\/wp-json\/wp\/v2\/comments?post=1487"}],"version-history":[{"count":43,"href":"https:\/\/yorkandchapel.com\/cn\/wp-json\/wp\/v2\/posts\/1487\/revisions"}],"predecessor-version":[{"id":2337,"href":"https:\/\/yorkandchapel.com\/cn\/wp-json\/wp\/v2\/posts\/1487\/revisions\/2337"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/yorkandchapel.com\/cn\/wp-json\/wp\/v2\/media\/1535"}],"wp:attachment":[{"href":"https:\/\/yorkandchapel.com\/cn\/wp-json\/wp\/v2\/media?parent=1487"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/yorkandchapel.com\/cn\/wp-json\/wp\/v2\/categories?post=1487"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/yorkandchapel.com\/cn\/wp-json\/wp\/v2\/tags?post=1487"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}