Meetups WebPerf.cz

El objetivo de PageSpeed.ONE es acelerar los sitios web para los usuarios. Lo logramos a través de asesoramiento en velocidad y nuestra herramienta de monitoreo.

Por supuesto, sabemos que no podemos hacerlo solos. Por eso fundamos la comunidad WebPerf.cz y este año ya hemos organizado dos meetups, uno en Praga y otro en Bratislava.

Acompáñanos en un informe resumido de estos eventos exitosos.

WebPerf.cz #1
(Praga, Alma Career, 21. 3. 2024)#

En el primer meetup histórico de los entusiastas de las páginas rápidas, llenamos Alma Career en Praga.

¿De qué se habló en Praga?

Novedades de Webperf (Michal Matuška)#

• La nueva métrica INP reemplaza a FID.
• Performance Inequality Gap.
• Long Animation Frames API (LoAF).

Optimización de fuentes web (Aleš Roubíček)#

• Utiliza la propiedad font-display.
• No olvides el fallback a la fuente local.
• La propiedad unicode-range permite filtrar la descarga de caracteres específicos.
• Fuentes variables son eficientes en términos de tamaño de datos.
• Realiza subsetting, limitando el tamaño de la fuente.
• Usa un stack moderno basado en fuentes del sistema.

Cultura de rendimiento (Martin Michálek)#

• Cultura de rendimiento = modo de organizar una empresa para un sitio más rápido.
• ¿Quién es responsable de un sitio lento? Generalmente, el management.
• ¿Dónde te encuentras en el Modelo de Madurez de Rendimiento Web?
• ¿Qué es lo más importante? Que la velocidad sea gestionada como un proyecto y que reciba recursos y tiempo.
• ¿Qué argumentos funcionan? Influencia de la velocidad en las conversiones.

Cultura de rendimiento (panel de discusión)#

• Martin Michálek (PageSpeed.ONE)
• Libor Vaněk (CDN77)
• Martin Kocourek (Sazka.cz)

Mira el playlist de todo el evento.

WebPerf.cz #2
(Bratislava, ESET, 22. 5. 2024)#

El segundo meetup de los entusiastas de las páginas rápidas se llevó a cabo en las hermosas instalaciones de ESET en Bratislava:

Mejorando la experiencia del desarrollador: Vite y optimización de rendimiento (Milan Holeš)#

• La velocidad también puede referirse a la velocidad de compilación para el desarrollador.
• Vite.js es muy rápido, entonces, ¿por qué a veces es lento?
• ¿Cómo mejorar la velocidad?
• Cuidado con los «archivos de barril».

Hidratación de aplicaciones React: la clave para optimizar INP (Michal Matuška)#

• ¿Qué es la métrica INP y cómo se mide?
• ¿Cómo funciona la hidratación en React? Fases de renderizado/compromiso.
• Componentes + HTML + datos = hidratación.
• ¿Qué impacto tiene la hidratación en el INP?
• ¿Cómo optimizar? Cuidado con un DOM grande, carga diferida, React.lazy(), renderizado concurrente, Suspense.

Cómo la web performance mejora los resultados de campañas online (Vladimír Cintula)#

• Unos pocos milisegundos pueden impactar en la UX.
• Mayor velocidad = menor costo por clic en PPC.
• Ad Rank = CPC bid * Quality Score (la velocidad es parte).
• En Riešenia midieron 25 de sus proyectos de e-commerce.
• Con cada segundo de retraso en la carga, la tasa de rebote aumenta en un 3.61%.
• Con cada segundo de retraso en la carga, la tasa de conversión empeora un 0.4%.

Web performance y SEO (Tomáš Ďurovič)#

• ¿Cuáles son las métricas de velocidad importantes para SEO?
• John Mueller de Google dice que las métricas verdes son el máximo impulso, las naranjas según su valor, las rojas no dan impulso.
• La velocidad no es uno de los principales factores de clasificación.
• También es importante para SEO la métrica de velocidad de respuesta del servidor, TTFB.
• La velocidad puede afectar la percepción de la marca o la disposición a regresar (dwell time).
• El contenido importante siempre debe estar disponible en el código fuente. Los robots de búsqueda no hacen clic ni desplazan.
• El megamenú es importante para el enlace interno.
• Es esencial tener las imágenes indexadas, así que no insertes enlaces a ellas usando JS.

¡Dos meetups y tanto conocimiento! Y además... tantas conversaciones interesantes durante el networking.

Estamos muy contentos de haber estado presentes en la creación de esta nueva comunidad.

¿Qué más?#

• Planeamos otro meetup en Praga este otoño.
• ¿Quieres ser el primero en enterarte de nuestros eventos? Síguenos en Meetup.com.
• Todos los videos de futuros eventos se publicarán en nuestro canal de YouTube.
• La comunidad también tiene su Slack en crecimiento.

Etiquetas:PageSpeed.ONE