1.2 ¿Cómo nace el HTML?
de 1997» y supone un gran salto de calidad por sobre las versiones anteriores. Entre sus novedades más destacadas se encuentran las hojas de estilos CSS, la posibilidad de incluir pequeños programas o scripts en las páginas web, mejora de la accesibilidad de las páginas diseñadas, tablas complejas y m ... amas o scripts en las páginas web, mejora de la accesibilidad de las páginas diseñadas, tablas complejas y mejoras en los formularios. La llegada del CSS trajo un sinfín de posibilidades gráficas a las páginas web, permitiendo que estas sean más decorativas, e incentivando a más desarrolladores a crear ...
1.1 ¿Qué es HTML?
or ir un poco más allá, podemos decir que el HTML se emplea para construir la «estructura» de un sitio web. Cómo lo hablamos en este post sobre HTML, CSS, y JavaScript. Cada uno de los códigos tiene su función dentro de la creación de un sitio web, pero por mencionar todo de manera muy simple, podemos ... sitio web, pero por mencionar todo de manera muy simple, podemos mencionar que sí la estructura se hace con el HTML; entonces las paredes van con el CSS; y el JavaScript le añade ciertas funcionalidades a la casa. ¿Qué es el HTML y cómo se usa? Los diseñadores utilizan el lenguaje HTML para crear sus ...
Cloaking: Una práctica SEO cuestionable
No porque estas empresas hagan Cloaking, si no, justamente, por lo contrario, porque cumplen con las directivas de privacidad. 7. Malas prácticas de CSS y de JavaScript Estas malas prácticas de CSS y JavaScript consisten en un Keyword Stuffing en el código. Pues, Google no es capaz de interpretar «o a ...
Visual Studio Code: Una herramienta diferencial
do permitir una gran cantidad de paquetes. Entre los Lenguajes tenemos: JavaScript, Python, Java, Markdown, TypeScript, C/C++, JSON, Powershell, HTML/CSS, C#, PHP, YAML, entre otros. 2. Sistemas operativos Cómo lo mencionamos en el apartado anterior, Visual Studio Code está disponible para la mayoría d ...
WCAG y Accesibilidad e inclusión en la web
onsortium. El cual es un organismo internacional que se encarga de liderar los estándares del internet, en especial las tecnologías cómo HTML; XHTML; CSS; y WCAG. Por eso entendemos qué la misión del W3C es la implementación de reglas comunes para incluir y adaptar el contenido a las necesidades del us ...
Google Discover: El nuevo feed de contenidos intuitivos
— Llega un punto en la vida de toda persona en la que descubre qué Papa Noel son los padres. De esto y más vamos a hablar. Pues, Google, desea brindar nuevas experiencias para los usuarios, así nació Google Discover. La herramienta qué te permite descubrir «cosas nuevas«. Google Discover quiere comp...
Optimizar Core Web Vitals es fácil
ontentful Paint. Pero, no menos cierto, es qué hay factores qué aumentan o reducen el tiempo de carga del LCP: cómo el tiempo del propio servidor; el CSS; el JavaScript; entre otros. Por eso tener el mejor servidor no hace resultado a la velocidad final, pues, son varios los factores a tener en cuenta. ... a consulta en la base de datos. API’s: Algunas APIs pueden tardar en resolverse, y generan una demora en los tiempos de carga. Mucho código: El CSS es muy lindo, pero pesado, un exceso de CSS ralentiza la carga del sitio. Lo mismo sucede con el JavaScript. Recursos no optimizados: Los recursos no ... Línea de tiempo con un ejemplo de carga para una web normal En la imagen anterior se muestra una página que realiza solicitudes de red para recursos (CSS y JavaScript) y, luego que se terminan de descargar esos recursos, se procesan en el subproceso principal. El resultado son periodos en los que el su ... ero las páginas HTML almacenadas en la caché, luego el resto. Anticiparte a conexiones de terceros. 2. Minimizar y diferir el código Los Scripts y el CSS puede llegar a ser un problema sí el código es muy grande, ya que penaliza directamente al Largest Contentful Paint. Cuando se abre una URL, el naveg ... ión nueva completamente minimizada. Otra idea es eliminar las cosas qué no se utilizan, usando un plugin minimizador de código. Con buscar «minimizar CSS» en la tienda de aplicaciones alcanza. Luego tendrás una amplia gama de opciones. La carga diferida o lazy load es una de las mejores ideas para dism ...
Páginas AMP: ¿Qué son?, ¿Cómo funcionan?
entre un 15% y un 85% en comparación con las que no. — Pero, ¿cómo lo hacen?. Bueno, es genial, porque las páginas AMP minimizan el uso de elementos CSS o JavaScript, dando prioridad a la carga de imágenes y textos. Pues, sí hay elementos innecesarios de carga para la navegación, ¿cuál es el punto de ... erentes variables: RECOMENDADO: ¿QUÉ ES UNA NUBE DE ETIQUETAS? ¿Qué hacen las Páginas AMP? Bueno, cómo lo mencionamos, el AMP minimiza todo lo qué es CSS y JavaScript innecesario. Lo hace creando una nueva URL con AMP, dejando una AMP y otra normal. Entonces, gracias a esto, podremos optimizar la versi ...
PWA: Las Progresive Web App se imponen en el SEO
un estándar, en este caso, se crean en lenguaje HTML. Pues, todos los navegadores son capaz de interpretarlo, además de qué para mejorar la UX, usan CSS y JavaScript. Por eso, los usuarios pueden utilizar cualquier navegador que elijan para acceder a su aplicación web antes de que se instale. 3. Respo ...
Clickbait: Lo bueno, lo malo, y lo feo
Cómo dijo Bill Kilgore en Apocalyse Now: — I love the smell of napalm in the morning! Pues, es qué todo ese napalm debe haber generado mucho humo, pero seguro no tanto como el qué genera el Clickbait. Digo esto, porque el Clickbait es una táctica de dudosa procedencia que tiene cómo objetivo generar...
Lazy Loading: Las cargas diferidas mejoran el rendimiento SEO
eficiente para aparecer en los primeros lugares de las SERPs. Pues, una carga rápida y eficiente ayuda mucho con este proceso. Pues, limpia mucho tu CSS. 3. Mejor UX Una navegación fluida y de calidad brinda una buena experiencia al usuario. En consecuencia, podría mejorar la tasa de conversión. Pues, ...
Acelerá tu sitio web con el algoritmo de compresión Brotli
o de mejorar los niveles de compresión descompresión a diferentes niveles. Algunos de estos nuevos usos, fueron las imágenes, los documentos HTML, el CSS, los scripts en Java, etc. A día de hoy, Brotli es el sistema de compresión más potente del mercado. Pues, es capaz de ofrecer mejoras de hasta un 20 ... rior al Gzip. Pues: Brotli ahorra un 21% más en compresión HTML qué Gzip. En cuando al JavaScript, el poder de compresión es un 14% superior. Y en el CSS, suele ser del 17% en la mayoría de las métricas, con respecto al Gzip. Cómo se puede apreciar en los datos, el Brotli es superior. Pues, puede ahorr ... ivo:brotli on;brotli_static on;brotli_comp_level 9; # You can change this from 1–11. 4–9 offers good performance balance.brotli_types text/plain text/css application/javascript application/json image/svg+xml application/xml+rss; Para Apache: Accede a tu servidor como usuario root con privilegios sudo. ... sión Brotli. En la configuración de Apache VirtualHost o del servidor, añadí:AddOutputFilterByType BROTLI_COMPRESS text/html text/plain text/xml text/css text/javascript application/javascript Opcionalmente, ajusta el nivel de compresión con BrotliCompressionQuality LEVEL-NUMBER, reemplazando LEVEL-NUM ... e sus predecesores, como Gzip, destacando su capacidad para comprimir datos de manera más efectiva, especialmente en formatos como HTML, JavaScript y CSS. Esta eficiencia se traduce en una carga más rápida de las páginas, un factor crucial para la retención de usuarios y el rendimiento en SEO. En concl ...