Hacktoberfest 2026: los issues que los mantenedores marcaron para octubre, abiertos y aptos para principiantes. Explorar issues de Hacktoberfest

The first teaser image of a tag index or page list is lazy while it is in view

Abierto Apto para principiantes
#698 0 comentarios 0 reacciones 0 asignados Ver en GitHub

Los mantenedores suelen responder en 1 día

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
2/5
Tiempo estimado
1-3 horas
Aptitud para principiantes
75/100
Tipo de issue
Error
Claridad
Bien especificado
Estado de actividad
Activo
Stack tecnológico
javascript

Línea de trabajo

Lee la implementación de sizeImages() y los cambios de #684 y #672 para entender cómo se establecen los atributos de carga de imágenes. Comprueba cómo se selecciona la primera imagen después del encabezado en los índices de etiquetas y las listas de páginas; luego verifica que se cargue de forma eager mientras las imágenes posteriores mantienen la carga lazy. Se considera terminado cuando la primera imagen teaser ya no tiene loading="lazy" y las imágenes que aparecen debajo conservan su comportamiento actual.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

Component: User interface Impact: Low Level: Easy Pagetype: Peer reviewed article Type: Bug Value: Visitors

With #684 (#681), the images of a page get loading="lazy" except the first, which is in view. The featured image of an article teaser, in a tag index or page list, is rendered with loading="lazy" already (#672). sizeImages() keeps attributes that are set, so on a tag index the first teaser image, at the top of the content, is lazy too.

The browser then waits for layout before it fetches the image that is usually the Largest Contentful Paint. Lighthouse reports "LCP request discovery" and "Largest Contentful Paint image was lazily loaded".

On a test copy of a site, about 150 images in view were lazy, mostly the first teaser image of a tag index.

Fix: sizeImages() removes loading="lazy" from the first image after the header, so it loads at once whoever set it. The images below it keep their lazy loading.

🤖 Generated with Claude Code

Lenguaje dominante
JavaScript
Estrellas
5
Forks
9
Merge medio
18 h 7 min
PR fusionados (30 d)
11

Preparar el entorno

Este proyecto no incluye contenedor de desarrollo, Dockerfile ni guía de contribución, así que la configuración corre por tu cuenta: empieza por su README y consulta nuestra guía para la primera contribución para los pasos generales.

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de PlanBCode/hypha

Todos los issues de PlanBCode/hypha

Issues similares

Más issues de JavaScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.