{"id":31408,"date":"2024-11-12T12:39:35","date_gmt":"2024-11-12T12:39:35","guid":{"rendered":"https:\/\/www.seobility.net\/?post_type=wiki&p=31408"},"modified":"2025-06-02T19:55:51","modified_gmt":"2025-06-02T19:55:51","slug":"degradacion-gradual","status":"publish","type":"wiki","link":"https:\/\/www.seobility.net\/es\/wiki\/degradacion-gradual","title":{"rendered":"Degradaci\u00f3n gradual"},"content":{"rendered":"

\u00bfQu\u00e9 es la degradaci\u00f3n gradual o graceful degradation?<\/span><\/h2>\n

Degradaci\u00f3n gradual en general<\/span><\/h3>\n

Se conoce por degradaci\u00f3n gradual a un principio de dise\u00f1o que garantiza que la funcionalidad de una computadora, m\u00e1quina, sistema electr\u00f3nico o red se pueda mantener (aunque de forma limitada) si una gran parte del sistema se destruye o se vuelve inoperable.\n<\/p>\n

El prop\u00f3sito, por lo tanto, es evitar la falla completa del sistema. Idealmente, no habr\u00eda tiempo de inactividad en un sistema con este dise\u00f1o, incluso aunque varios componentes fallen simult\u00e1neamente.\n<\/p>\n

Sin embargo, la eficiencia operativa o la velocidad disminuyen gradualmente a medida que la falla involucra a un n\u00famero creciente de componentes. La degradaci\u00f3n gradual est\u00e1 implementada en muchos sistemas corporativos y de seguridad, as\u00ed como tambi\u00e9n en la web.\n<\/p>\n

Degradaci\u00f3n gradual en sitios web<\/span><\/h3>\n

Con respecto al dise\u00f1o de degradaci\u00f3n gradual en una aplicaci\u00f3n web, implica que las funciones m\u00e1s antiguas se implementan junto con las m\u00e1s nuevas, garantizando de este modo, que cualquier usuario\/a de Internet, independientemente del navegador o dispositivo que utilice, pueda interactuar de manera efectiva con un sitio web.\n<\/p>\n

A trav\u00e9s de los a\u00f1os, las demandas de los navegadores han aumentado debido al uso de im\u00e1genes, framesets<\/a>, JavaScript, controles ActiveX, navegaci\u00f3n con pesta\u00f1as, Protocolo de voz sobre Internet (VoIP) y tecnolog\u00eda de videollamada. Por lo general, estas nuevas funciones solo est\u00e1n disponibles cuando se lanza una versi\u00f3n actualizada de un navegador o sistema operativo.\n<\/p>\n

Sin embargo, por varias razones, gran parte de los y las usuarias de Internet prefieren continuar usando el navegador que ya tienen instalado en lugar de actualizar inmediatamente a la \u00faltima versi\u00f3n cada vez que una nueva tecnolog\u00eda web se vuelve popular. Siendo que una nueva aplicaci\u00f3n web est\u00e9 dise\u00f1ada con cierta capacidad de degradaci\u00f3n, estos\/as cibernautas no est\u00e1n obligados\/as a actualizar de inmediato su navegador.\n<\/p>\n

Algunos ejemplos de uso del principio de degradaci\u00f3n gradual incluyen proporcionar una imagen con texto descriptivo si la reproducci\u00f3n de video no fuera viable, o mostrar un bot\u00f3n HTML en lugar de un bot\u00f3n animado si JavaScript no fuera compatible.\n<\/p>\n

Antecedentes de la degradaci\u00f3n gradual<\/span><\/h2>\n

La degradaci\u00f3n gradual ha sido originalmente importante para el dise\u00f1o e implementaci\u00f3n de grandes redes de comunicaci\u00f3n. La World Wide Web fue dise\u00f1ada por la Agencia de Proyectos de Investigaci\u00f3n Avanzada (ARPA) del gobierno de los EE. UU. con el objetivo de crear una red inform\u00e1tica a gran escala que pudiera soportar ataques f\u00edsicos y electr\u00f3nicos. La World Wide Web actual mantiene la capacidad de degradaci\u00f3n gradual, aunque no en la medida deseada por la mayor\u00eda de los\/las usuarios\/as.\n<\/p>\n

Diferencias entre la mejora progresiva y la degradaci\u00f3n gradual<\/span><\/h2>\n
\n
\"Mejora<\/a> <\/p>\n
Imagen:<\/b> Mejora progresiva vs. degradaci\u00f3n gradual – Autor: Seobility – Licencia: CC BY-SA 4.0<\/a><\/div>\n<\/div>\n<\/div>\n

Mejora progresiva (progressive enhancement)<\/a> es el principio opuesto a la degradaci\u00f3n gradual. En lugar de desarrollar todas las funciones desde cero, la progressive enhancement crea una aplicaci\u00f3n con funciones b\u00e1sicas compatibles con los principales navegadores y dispositivos.\n<\/p>\n

Progresivamente, se van agregando funciones m\u00e1s avanzadas para que una p\u00e1gina web pueda aprovechar al m\u00e1ximo la funcionalidad de los navegadores m\u00e1s nuevos y los dispositivos m\u00e1s potentes. Muchos desarrolladores\/as ven la mejora progresiva como una mejor alternativa, ya que comienza con conceptos b\u00e1sicos simples y agrega mejoras con el tiempo.\n<\/p>\n

La progressive enhancement generalmente se basa en HTML, lo que garantiza que la aplicaci\u00f3n funcione en cualquier navegador y en cualquier dispositivo. Tambi\u00e9n asegura que los lectores de pantalla puedan entender la aplicaci\u00f3n, lo cual es relevante para la accesibilidad de un sitio. Adem\u00e1s, es m\u00e1s f\u00e1cil probar la funcionalidad de los sitios web bas\u00e1ndose en la progressive enhancement que en la degradaci\u00f3n gradual.\n<\/p>\n

Implementaci\u00f3n de la degradaci\u00f3n gradual<\/span><\/h2>\n

La implementaci\u00f3n de la degradaci\u00f3n gradual para una aplicaci\u00f3n comienza con la determinaci\u00f3n de qu\u00e9 navegadores y dispositivos obsoletos deben seguir siendo compatibles. El objetivo no es brindar la mejor experiencia posible a los y las usuarios\/as de navegadores m\u00e1s antiguos, sino desarrollar la mejor soluci\u00f3n posible para los navegadores m\u00e1s avanzados. Esto significa que la funcionalidad de una p\u00e1gina web en versiones anteriores del browser es menos importante que la visualizaci\u00f3n completa de su contenido desde cualquier navegador, sea el m\u00e1s antiguo o el m\u00e1s nuevo.\n<\/p>\n

Por ejemplo, si se accede a un sitio desde una Blackberry o una computadora port\u00e1til con Internet Explorer 6, la estructura de la p\u00e1gina debe garantizar que esta a\u00fan se pueda mostrar en esas versiones anteriores del navegador y por lo tanto, la funcionalidad pasar\u00eda a un segundo plano.\n<\/p>\n

Seg\u00fan lo ya mencionado, la funcionalidad de una p\u00e1gina siempre est\u00e1 dise\u00f1ada para las \u00faltimas versiones del navegador. Despu\u00e9s de eso, se utilizan versiones anteriores del navegador para probar qu\u00e9 funciones y elementos CSS se pueden eliminar con la menor p\u00e9rdida posible de usabilidad<\/a>.\n<\/p>\n

En la mayor\u00eda de los casos se deben proporcionar alternativas de texto y\/o imagen para el contenido generado por los scripts. Tambi\u00e9n hay que asegurarse de que la p\u00e1gina se pueda utilizar con navegadores puramente basados en texto.\n<\/p>\n

El principio de degradaci\u00f3n gradual tambi\u00e9n se puede emplear para optimizaci\u00f3n m\u00f3vil<\/a>. Primero se desarrolla la versi\u00f3n de escritorio de un sitio web y luego, paso a paso, se adapta la funcionalidad y el dise\u00f1o para que la p\u00e1gina tambi\u00e9n se pueda visualizar en un m\u00f3vil (adaptaci\u00f3n conocida en la jerga marketiniana como responsive).\n<\/p>\n

Beneficios para la usabilidad de una p\u00e1gina web<\/span><\/h2>\n

La degradaci\u00f3n gradual deber\u00eda garantizar que las p\u00e1ginas con nuevas funciones tambi\u00e9n puedan ser utilizadas por navegadores y dispositivos m\u00f3viles m\u00e1s antiguos. Por lo tanto, los sitios web solo brindan informaci\u00f3n que puede ser usada por un navegador o dispositivo espec\u00edfico.\n<\/p>\n

Esto significa que, independientemente del navegador o dispositivo utilizado, usuarias y usuarios apenas experimentar\u00e1n ning\u00fan deterioro de la experiencia de usabilidad, en el mejor de los casos. Como resultado, es m\u00e1s probable que la gente permanezca en un sitio durante mucho tiempo y es menos probable que lo abandonen porque no poder usarlo.\n<\/p>\n

En este sentido, la degradaci\u00f3n gradual tambi\u00e9n es importante con respecto a la optimizaci\u00f3n de buscadores de una web, ya que la tasa de rebote<\/a> y el tiempo de permanencia son factores de posicionamiento importantes para los buscadores como Google.\n<\/p>\n

En resumen: Preguntas frecuentes sobre la degradaci\u00f3n gradual<\/span><\/h2>\n

\u00bfQu\u00e9 es la degradaci\u00f3n gradual en sitios web?<\/b>\n<\/p>\n

Las p\u00e1ginas que est\u00e1n dise\u00f1adas con degradaci\u00f3n gradual ofrecen alternativas adecuadas para que los sitios web modernos sean compatibles con todos los navegadores y dispositivos. Esto garantiza que la web tambi\u00e9n se pueda utilizar con versiones antiguas del navegador, aunque la funcionalidad pueda ser limitada.\n<\/p>\n

\u00bfCu\u00e1l es la diferencia con la mejora progresiva?<\/b>\n<\/p>\n

La mejora progresiva es lo opuesto a la degradaci\u00f3n gradual, ya que comienza con la funcionalidad b\u00e1sica de un sitio web para todos los exploradores y dispositivos. Despu\u00e9s de eso, se agregan funciones modernas que mejoran la experiencia del uso para versiones superiores del navegador.\n<\/p>\n

\u00bfC\u00f3mo se implementa la degradaci\u00f3n gradual?<\/b>\n<\/p>\n

La degradaci\u00f3n gradual comienza con los exploradores y dispositivos m\u00e1s recientes y luego verifica progresivamente las versiones anteriores para averiguar qu\u00e9 funciones deben limitarse para que el sitio a\u00fan se pueda mostrar.\n<\/p>\n

\u00bfC\u00f3mo ayuda a la usabilidad la degradaci\u00f3n gradual?<\/b>\n<\/p>\n

La degradaci\u00f3n gradual garantiza que un sitio web se pueda mostrar en exploradores m\u00e1s antiguos y en dispositivos m\u00f3viles y, por lo tanto, ayuda a la usabilidad.
\n