{"id":17643,"date":"2018-07-23T04:40:49","date_gmt":"2018-07-23T11:40:49","guid":{"rendered":"https:\/\/kinsta.com\/?p=24306"},"modified":"2025-02-20T11:12:20","modified_gmt":"2025-02-20T10:12:20","slug":"sitios-web-cero-carbon","status":"publish","type":"post","link":"https:\/\/kinsta.com\/es\/blog\/sitios-web-cero-carbon\/","title":{"rendered":"Haciendo M\u00e1s Verde la Red: C\u00f3mo Podemos Hacer Sitios Web que No Emitan Carbono"},"content":{"rendered":"

Cuando uno habla sobre el tema de hacer la internet m\u00e1s verde y reducir las emisiones de carbono de los sitios web, la gente normalmente se me queda viendo con la mirada en blanco y me pregunta \u201c\u00bfLos sitios web producen emisiones de carbono?\u201d<\/p>\n

Tendemos a pensar que el internet es limpio e inmaterial. Ha habido un gran deseo de llevar los servicios al internet, no solo para mejorar la eficiencia y la experiencia de usuario, sino tambi\u00e9n para reducir el consumo de recursos y el impacto ambiental. Sin embargo, hay un creciente conjunto de evidencia de que el internet, tiene un alto impacto ambiental real<\/strong>, incluso si no podemos verlo.<\/p>\n\n

El consumo de energ\u00eda y emisiones deL internet son enormes. La electricidad es la sangre que da vida al internet, y este es usado para dar energ\u00eda a centros de datos, redes de telecomunicaci\u00f3n y dispositivos que usamos para navegar en la red. En total, el internet global utiliza m\u00e1s electricidad que el Reino Unido (416.2 hora teravatios<\/a> de electricidad al a\u00f1o, para ser precisos).<\/p>\n

Esto termina siendo much\u00edsimas emisiones de carbono. De hecho, 2% de las emisiones globales<\/a> de carbono vienen de la electricidad usada en el internet. Tal como los centros de datos utilizados por las grandes corporaciones. Esto es equivalente a la cantidad de carbono emitida por la industria global de aviaci\u00f3n, sobre la cual muchos piensan que es una de las industrias m\u00e1s contaminadas. Para ponerlo en perspectiva, si el internet fuera un pa\u00eds, ser\u00eda el sexto lugar dentro de los m\u00e1s contaminantes del mundo, equivalente a Alemania.<\/p>\n

\"Los
Los centros de datos producen much\u00edsimas emisiones de carbono<\/figcaption><\/figure>\n

A diferencia de muchas otras industrias que buscan eficiencia y reducir las emisiones, se espera que las emisiones del internet vayan creciendo en los pr\u00f3ximos a\u00f1os. El n\u00famero de gente con acceso al internet en el mundo est\u00e1 en crecimiento, y los datos se van haciendo m\u00e1s r\u00e1pidos y m\u00e1s baratos, todos estamos consumiendo m\u00e1s. Los servicios de streaming, como lo son, YouTube<\/a>, Netflix y Spotify, son usuarios de grandes paquetes de datos y van en crecimiento, pero incluso los sitios web ordinarios se est\u00e1n haciendo mayores consumidores de datos.<\/p>\n

De acuerdo al HTTPArchive.org<\/a>, el sitio web promedio el d\u00eda de hoy, es cuatro veces m\u00e1s grande de lo que eran en el 2010<\/strong> y sigue en aumento.<\/p>\n

\"Crecimiento
Crecimiento de un sitio web promedio (Fuente: HTTP Archive)<\/figcaption><\/figure>\n

Como resultado, se estima que el internet pueda crecer hasta producir un 3.5% de las emisiones de carbono del mundo<\/a>, dentro de los pr\u00f3ximos 10 a\u00f1os, en una \u00e9poca donde todas las industrias deber\u00edan de dejar de producir tantas emisiones.<\/p>\n

La urgencia ha sido resaltada por Thomas Stocker, uno de los cient\u00edficos de clima m\u00e1s importantes y un exl\u00edder del International Panel on Climate Change (IPCC). \u00c9l ha declarado lo siguiente:<\/p>\n

\u00a0<\/p>\n

El a\u00f1o 2020 es crucial. Si las emisiones de CO2 contin\u00faan aumentando para entonces, las metas de mitigaci\u00f3n m\u00e1s ambiciosas se convertir\u00e1n inalcanzables. (Fuente:M2020<\/a>)<\/em><\/p><\/blockquote>\n

Esto nos deja dos a\u00f1os para transformar nuestra industria de ser una de las de mayor crecimiento en la producci\u00f3n de emisi\u00f3n de gases invernadero y empezar a reducir nuestras emisiones colectivas. Como dise\u00f1adores web, desarrolladores y due\u00f1os de sitios web, debemos empezar a ver que podemos hacer para reducir las emisiones de nuestros sitios web.<\/p>\n

Primero, debemos entender tres simples principios:<\/p>\n

    \n
  1. No podemos manejar las cosas que no podemos medir<\/li>\n
  2. La transferencia de datos consume electricidad, as\u00ed que reducir la transferencia de datos reducir\u00eda las energ\u00eda y emisiones.<\/li>\n
  3. La energ\u00eda renovable produce mucho menos emisiones que otras fuentes.<\/li>\n<\/ol>\n

    Midiendo las Emisiones de Carbono de los Sitios Web<\/b><\/h2>\n

    Es muy dif\u00edcil mejorar algo que uno no puede medir, y hasta recientemente, era casi imposible saber qu\u00e9 emisi\u00f3n un sitio web realmente produce. El resultado fue, que es muy dif\u00edcil para los dise\u00f1adores web, los desarrolladores y los due\u00f1os de sitios discutir el problema de las emisiones de carbono de sus sitios web, e incluso a\u00fan m\u00e1s dif\u00edcil resolverlo.<\/p>\n

    Afortunadamente, eso ya es posible, usando la herramienta gratuita para estimar las emisiones de CO2 de los sitios web, entrando a WebsiteCarbon.com<\/a>, que provee datos sobre las emisiones de CO2 (basado en un monto especial por cada visita de p\u00e1gina), el consumo anual de energ\u00eda y si el sitio tiene como host un centro de datos que usa energ\u00eda renovable o no. Usando esta herramienta es posible hacer un punto de referencia de su sitio web contra los competidores, y establecer objetivos para su propia reducci\u00f3n de carbono.<\/p>\n

    \"Midiendo
    Midiendo las emisiones de carbono de un sitio web<\/figcaption><\/figure>\n

    Los datos de esta herramienta revelan algunos datos sorprendentes. El sitio web promedio produce 6.8 gramos de CO2 por cada visita a la p\u00e1gina<\/strong>. Esto no suena sorprendente, pero se va acumulando r\u00e1pido. Un sitio web promedio con 10,000 visitas a su p\u00e1gina al mes, producir\u00eda 816 kg de CO2 al a\u00f1o. Esto es m\u00e1s que las emisiones producidas por un vuelo de Londres a Tokio.<\/p>\n

    Por otro lado, el sitio web m\u00e1s eficiente result\u00f3 ser www.muskfoundation.org<\/a>, la fundaci\u00f3n sin fines de lucro de Elon y Kimbal Musk, con emisiones de tan solo 0.009 gramos de CO2 por visita. Puede ser un sitio web brutalmente minimalista y ciertamente, no cumple con las expectativas de experiencia de usuario de la mayor\u00eda de los sitios webs modernos, pero si resalta lo eficiente que un sitio web puede ser.<\/p>\n

    Reduciendo la Transferencia de Datos de Sitios Web<\/b><\/h2>\n

    Habiendo hecho puntos de referencia de emisiones de nuestros sitios web existentes y los sitios de nuestros competidores, podemos tomar acci\u00f3n para reducir nuestras emisiones. Ya que la transferencia de datos, se relacionan de forma directa al consumo de energ\u00eda y emisiones, una de las cosas clave que debemos hacer es encontrar formas para lograr que los sitios web sean m\u00e1s eficientes<\/strong> con sus datos. Hay dos formas para lograr esto.<\/p>\n

    Primero, podemos reducir el peso (en KB) de todos los sitios web. Reducir el peso de la p\u00e1gina tiene muchos beneficios adicionales, incluyendo tiempos de carga m\u00e1s r\u00e1pidos, lo cual mejora la experiencia de usuario y SEO, e igual reduce el uso de datos para usuarios con conexiones limitadas. Esto puede ser particularmente importante para usuarios m\u00f3viles y visitantes de grupos de bajos recursos, particularmente en pa\u00edses en desarrollo donde los datos de internet son muy caros relativo a los salarios locales.<\/p>\n

    Unas cosas muy sencillas que podemos hacer para reducir el peso de los sitios web:<\/p>\n

      \n
    1. Podemos escribir c\u00f3digo m\u00e1s limpio y eficiente.<\/li>\n
    2. Podemos usar gr\u00e1ficos de vectores y efectos CSS para crear una experiencia envolvente con archivos mucho m\u00e1s peque\u00f1os que usando im\u00e1genes tradicionales como JPEG y GIF.<\/li>\n
    3. Podemos subir im\u00e1genes a una escala, en lugar de depender de que CSS las cambie de tama\u00f1o. Si est\u00e1 usando WordPress, esto no es tan importante y que este soporta im\u00e1genes responsivas<\/a>.<\/li>\n
    4. Podemos pasar la carga de archivos media pesados<\/a>\u00a0a proveedores externos que sean ecol\u00f3gicos.<\/li>\n
    5. Podemos comprimir archivos, im\u00e1genes y videos para reducir los tama\u00f1os de los archivos sin una p\u00e9rdida visible de calidad. Vea nuestros art\u00edculos sobre la optimizaci\u00f3n<\/a> de im\u00e1genes y compresi\u00f3n lossy<\/a>. \u00a1Una peque\u00f1a compresi\u00f3n lossy f\u00e1cilmente puede reducir el tama\u00f1o de un sitio web hasta un 90%! <\/strong>\ud83d\ude32\"AntesAntes y despu\u00e9s de una compresi\u00f3n<\/li>\n
    6. Podemos evitar utilizar videos que se auto reproduzcan, pidiendo al usuario que de play si es que les interesa.<\/li>\n
    7. Podemos minimizar las fuentes personalizadas, que en realidad pueden sumar una gran proporci\u00f3n del tama\u00f1o total de la p\u00e1gina. Considerar fuentes seguras para la web<\/a> es otra gran opci\u00f3n.<\/li>\n
    8. Podemos tomar la decisi\u00f3n de no soportar navegadores antiguos como IE8 y solo utilizar fuentes de sitios web modernos, como WOFF y WOFF2, los cuales utilizan mejores m\u00e9todos de compresi\u00f3n. Chequee este tutorial sobre usar versiones b\u00e1sicas de las fuentes locales<\/a>.<\/li>\n
    9. Podemos reducir los scripts de rastreo y de publicidad, los cuales consumen datos sin ofrecer un valor real al usuario. Cheque como analizar el desempe\u00f1o de terceros<\/a> en su sitio web.<\/li>\n
    10. Podemos utilizar soluciones m\u00f3viles, como AMP<\/a>, para simplificar de forma instant\u00e1nea la versi\u00f3n actual de un sitio web.<\/li>\n<\/ol>\n

      A trav\u00e9s de todo el ciclo de vida de un sitio web, probablemente la mejor regla es, \u201cSi tiene duda, mejor no lo ponga\u201d<\/strong><\/p>\n

      Normalmente cuando no estamos seguros si un sitio web necesita algo, es tentador agregarlo, solo para estar seguros, pero realmente deber\u00edamos verlo desde otra perspectiva. Deber\u00edamos dejar fuera todo de lo que no estemos seguros y luego revisar si alguien lo extra\u00f1a. Solo entonces agr\u00e9guelo al sitio si se demuestra necesario y de valor.<\/p>\n

      Implementar una soluci\u00f3n de cache<\/a> tambi\u00e9n es muy importante. La cache es el proceso de almacenar recursos de una petici\u00f3n y re utilizar esos recursos para peticiones futuras. B\u00e1sicamente, reduce la cantidad de ancho de banda del servidor requerido para generar una versi\u00f3n de la p\u00e1gina, al almacenar recursos est\u00e1ticos externos al host.<\/p>\n

      Tome por ejemplo Kinsta. Tienen cuatro tipos distintos de cache<\/a>, los cuales se hacen de forma autom\u00e1tica en el software a nivel servidor:<\/p>\n