Volver a flashcards

Flashcards con solución de WPO (Rendimiento Web)

¿Qué código de estado HTTP se utiliza para el estándar web de Early Hints?

103

¿Cómo se define el "server think time" (tiempo de pensamiento del servidor)?

Es el intervalo en el que el servidor compila recursos mientras el navegador permanece inactivo.

¿Qué ventaja principal ofrece Early Hints en la carga de una página web?

Permite al navegador comenzar a cargar recursos mientras el servidor prepara la respuesta completa.

Según las pruebas iniciales de Cloudflare, ¿en qué porcentaje puede mejorar Early Hints el tiempo de carga?

Más del 30%.

¿En qué pestaña del panel de Cloudflare pueden los clientes solicitar acceso a Early Hints?

En la pestaña Speed (Velocidad).

¿Por qué las Early Hints son preferibles al HTTP/2 "Server Push"?

Porque son "sugerencias" que permiten al navegador priorizar recursos según su caché y heurística.

¿Qué problema común de Server Push evita el uso de Early Hints?

El envío de bytes no solicitados o el retraso del descubrimiento del HTML.

¿Qué tipo de cabecera de respuesta utiliza Cloudflare para emitir Early Hints automáticamente?

La cabecera Link.

En el contexto de Early Hints, ¿qué indica el tipo de relación "rel=preconnect"?

Que se debe establecer una conexión con el origen sin transferir bytes todavía.

En el contexto de Early Hints, ¿qué indica el tipo de relación "rel=preload"?

Que el activo especificado debe cargarse lo antes posible.

¿Qué tecnología planea usar Cloudflare para generar Smart Early Hints sin cabeceras Link?

Aprendizaje automático (Machine Learning).

Para probar Early Hints en Chrome, ¿cuál es la versión mínima requerida?

Versión 94.

¿Qué API de navegador permite verificar si un recurso se cargó mediante Early Hints?

La API ResourceTiming (initiator=EarlyHints).

¿Qué pilar del SEO 2026 implica priorizar la versión móvil de un sitio para su indexación?

Mobile-First Indexing.

¿Qué significan las siglas del modelo E-A-T en SEO?

Expertise, Authoritativeness, Trustworthiness (Experiencia, Autoridad, Confiabilidad).

¿Qué factor de E-A-T se refuerza mediante la inclusión de certificaciones ISO o acreditaciones del sector?

La autoridad.

¿Cuál es el objetivo principal del SEO Local?

Conectar a la empresa con su comunidad y mercado local para atraer tráfico cualificado.

¿Qué técnica de SEO local utiliza términos geográficos específicos en el contenido y metaetiquetas?

Uso de palabras clave locales.

¿Qué beneficio ofrece el uso de IA en la creación de contenido dinámico según la Guía SEO 2026?

Permite personalizar la oferta y actualizar la información en tiempo real según el usuario.

¿Qué tipo de palabras clave se deben priorizar para la optimización de búsquedas por voz?

Palabras clave de cola larga (long-tail) y frases conversacionales.

¿Qué herramienta de interacción asegura atención 24/7 y mejora la satisfacción del usuario en 2026?

Los chatbots.

En Chrome DevTools, ¿para qué sirve la función de capturar capturas de pantalla durante la carga?

Para detectar errores visuales, spinners o comportamientos inesperados de los elementos.

¿Qué utilidad tiene la pestaña "Coverage" (Cobertura) en DevTools para el rendimiento?

Identifica el código CSS y JavaScript que no se utiliza en el diseño actual.

¿Qué impacto negativo tiene el código CSS/JS "extra" o no utilizado en dispositivos móviles?

Extiende los tiempos de carga y consume datos móviles adicionales de forma innecesaria.

¿Cómo se denomina la función de DevTools que permite que los cambios en el código persistan tras recargar la página?

Local overrides (Anulaciones locales).

¿Qué limitación principal tienen los Local Overrides de Chrome DevTools?

No retienen los cambios realizados directamente en el árbol DOM de la pestaña Elements.

¿Para qué sirve la función de "Request Blocking" (Bloqueo de peticiones) en QA?

Para verificar cómo se comporta el sitio (ej. texto alternativo) si falla la carga de un recurso específico.

¿Qué permite simular la función "User-Agent Spoofing" de DevTools?

Diferentes dispositivos (PC, tablet, móvil), sistemas operativos y navegadores.

¿Qué métodos de la consola se utilizan para cronometrar el tiempo de ejecución de un bloque de código?

console.time() y console.timeEnd().

¿Qué par de métodos de consola inician y detienen una sesión de perfilado (profiling) detallada?

profile() y profileEnd().

¿En qué pestaña de DevTools se visualizan los resultados de los métodos profile() y profileEnd()?

En la pestaña Performance (Rendimiento).

¿Qué evalúa la métrica Interaction to Next Paint (INP)?

La capacidad de respuesta general de una página observando la latencia de todas las interacciones.

¿Cuál es el valor objetivo ideal para la métrica INP para proporcionar una buena experiencia?

200 milisegundos o menos.

En el ciclo de vida de una interacción, ¿qué es el "retraso de entrada"?

El tiempo desde que el usuario interactúa hasta que comienzan las devoluciones de llamada de eventos.

En el ciclo de vida de una interacción, ¿qué es la "duración del procesamiento"?

El tiempo que tardan en completarse las devoluciones de llamada (callbacks) de eventos.

En el ciclo de vida de una interacción, ¿qué es el "retraso de presentación"?

El tiempo que tarda el navegador en presentar el siguiente fotograma con el resultado visual.

¿Qué tarea común del navegador durante el inicio de la página suele extender el retraso de entrada?

La evaluación de secuencias de comandos (análisis, compilación y ejecución de JS).

¿Qué técnica permite dividir tareas largas en devoluciones de llamada para no bloquear el hilo principal?

Ceder el control al hilo principal (yield) usando funciones como setTimeout.

¿Qué problema de rendimiento ocurre cuando se actualiza y se lee el diseño (layout) de forma síncrona en la misma tarea?

Diseño inestable o diseño síncrono forzado (Layout Thrashing).

¿Cómo afecta un DOM de gran tamaño a la interactividad del sitio?

Aumenta el costo de las actualizaciones de renderización y el tiempo de presentación del siguiente fotograma.

¿Qué propiedad de CSS permite renderizar elementos de forma diferida cuando se acercan al viewport?

content-visibility

¿Qué significa que el CSS sea un recurso de bloqueo de renderizado ("render-blocking")?

Que el navegador no mostrará ningún contenido procesado hasta que se construya el CSSOM.

¿Cómo se denomina la experiencia visual de ver una página sin estilos antes de que cargue el CSS?

Flash of Unstyled Content (FOUC).

¿Cómo se puede evitar que un archivo CSS sea bloqueante para la carga inicial?

Utilizando tipos de medios (media types) o consultas de medios (media queries).

Si un archivo CSS tiene la etiqueta media="print", ¿es bloqueante para el renderizado inicial?

No, solo se aplica cuando la página se imprime.

¿Qué métrica web mide el tiempo que tarda en mostrarse el contenido principal más grande en pantalla?

Largest Contentful Paint (LCP).

¿Cuál es el objetivo de tiempo para una buena puntuación de LCP?

2,5 segundos o menos.

¿Qué métrica cuantifica la estabilidad visual y los desplazamientos inesperados de elementos?

Cumulative Layout Shift (CLS).

¿Qué valor de CLS se considera óptimo para una web?

Menor a 0.1.

¿Qué protocolo de red ayuda a mejorar el rendimiento en redes inestables al evitar el bloqueo de línea de TCP?

HTTP/3 (basado en QUIC).

¿Quiénes fueron los creadores del motor de búsqueda Google y el algoritmo PageRank?

Larry Page y Sergey Brin.

A diferencia de sus predecesores, ¿en qué se basaba el algoritmo PageRank para determinar la relevancia?

En la cantidad y calidad de los enlaces entrantes (backlinks).

¿Qué diferencia fundamental existe entre SEO y SEM?

El SEO es posicionamiento orgánico gratuito, mientras que el SEM es posicionamiento de pago (PPC).

¿Cómo interpreta Google un "backlink" de otro sitio web hacia el tuyo?

Como un "voto de confianza" en el valor y autoridad de tu contenido.

¿Qué métrica de herramientas como Moz estima la credibilidad de un sitio en una escala de 0 a 100?

Autoridad de Dominio (Domain Authority o DA).

¿Qué práctica penalizada consiste en repetir excesivamente palabras clave para manipular los rankings?

Keyword stuffing.

¿Cuál es la función principal de la herramienta Google Search Console?

Monitorear el rendimiento en búsquedas, detectar problemas de indexación y errores de rastreo.

¿Qué herramienta de analítica permite medir el comportamiento de los usuarios y las tasas de conversión?

Google Analytics 4 (GA4).

¿Cuál es el límite recomendado de caracteres para una etiqueta de título para evitar que se corte en los buscadores?

Aproximadamente 65 caracteres.

¿Qué fenómeno ocurre cuando el usuario obtiene la respuesta directamente en Google sin clicar en ningún enlace?

Búsquedas cero clic (zero-click searches).

¿Qué son las palabras clave de cola larga (long-tail)?

Frases de búsqueda específicas con menor competencia y mayor probabilidad de conversión.

¿Qué archivo indica a los motores de búsqueda qué partes de la web pueden o no pueden rastrear?

robots.txt

En el análisis de la FATM, ¿qué problema técnico afecta a 148 de sus páginas rastreadas?

Falta de meta descripción.

¿Cómo se llama el proceso de conseguir enlaces estratégicamente para mejorar el SEO off-page?

Link building.

Concepto: Mobile-First Indexing

Google utiliza principalmente la versión móvil del contenido de un sitio para indexarlo y clasificarlo.

¿Cuál es la función de la etiqueta ALT en las imágenes para el SEO?

Proporcionar una descripción textual que los buscadores usan para indexar la imagen y mejorar la accesibilidad.

¿Qué métrica de Core Web Vitals evalúa la rapidez de respuesta ante la primera interacción del usuario?

First Input Delay (FID).

¿Qué técnica de caché permite servir archivos estáticos rápidamente desde servidores cercanos al usuario?

CDN (Content Delivery Network).

Página 1 / 1

¿Qué es esto?

Soy Cristian Eslava y a veces hago webs para procrastinar yo y vosotros 😉.

Esta la hice en febrero de 2026 para facilitar el aprendizaje de mis alumnxs. Aprender desarrollo web practicando. La idea es que crezca semanalmente con nuevos temas, tests y retos.

Inspirado en MDN, en W3Schools, en Codepen, en el crack de Manz y en mil sitios de documentación sobre desarrollo web. Quería aportar además de bloques teóricos con ejemplos, la gamificación de los retos y el sistema de test que ya tenía en culTest .

Si te gustó, si no te gustó, si quieres saludarme, o invitarme a 🍻 no dudes en escribirme en cristianeslava@gmail.com .