El rendimiento del sitio web comienza con el contenido.
Tome decisiones sobre activos y publicación antes del lanzamiento.
Todas las perspectivas · · Lectura de 1 min
Establezca las reglas de activos desde el principio.
Defina tamaños, formatos y objetivos de calidad de imagen antes de que crezca la biblioteca de contenido. Incluya fotografía, imágenes de productos e ilustraciones editoriales. Optimice los activos antes de añadirlos a las páginas y mantenga los originales maestros fuera de la ruta de entrega pública.
El objetivo es una imagen clara al tamaño en que realmente se mostrará. Enviar un original grande a cada visitante genera trabajo para la red sin necesariamente mejorar el resultado visible.
Proporcione a móvil su propia composición.
Un archivo más pequeño no siempre es una imagen móvil utilizable. Verifique el sujeto, el espacio libre para texto y el punto focal en un recorte estrecho. Puede ser necesaria una composición dedicada cuando el arte de escritorio depende de espacios negativos amplios.
Los candidatos de imagen responsiva permiten que el navegador seleccione un recurso apropiado para la pantalla. web.dev explica cómo esto mejora la coincidencia entre las dimensiones de la imagen entregada y el dispositivo.
Revise la página como una secuencia.
Priorice el hero y retrase los activos distantes hasta que sean necesarios. Compruebe el costo de video, galerías interactivas y animación, incluyendo qué sucede cuando el visitante prefiere movimiento reducido.
Pruebe con contenido real en más de un viewport. Revise la decodificación de imágenes, el desplazamiento de diseño, los activos rotos y las interacciones juntos; un archivo pequeño no es una optimización exitosa si la página ya no comunica claramente.
Lecturas adicionales.
Pon el brief en práctica.
Desarrollo de productos digitales · Discute el trabajo que tu negocio necesita realizar.