¿Tu cuadrícula de bucles se ralentiza? Guía de resolución de problemas para consultas, imágenes, caché y renderización.

Las redes en bucle suelen ralentizarse no por un fallo puntual, sino por el efecto acumulativo de múltiples factores: consultas lentas, imágenes pesadas, fallos de caché y una elevada presión de renderización front-end. A continuación, abordaremos este problema mediante... Consulta / Imagen / Caché / Representación front-end Cuatro líneas escritas, cada una indicándote dónde WordPressyElementor¿En qué parte exacta del navegador debo buscar?

1) Primero, determina si la ralentización se produce en el backend o en el frontend (dónde comprobarlo).

1.1 Ennavegador (software)Comprueba el TTFB (para determinar si el backend es lento).

Ubicación:Chrome → Presiona F12 → Red

Operación:

garrapata Desactivar caché(Solo con fines de prueba)
Actualizar página (Ctrl+R)
Toca el de arriba. Solicitud de documentos(Normalmente de tipo Doc / HTML)

Haga clic en el nombre del documento para verlo a la derecha. Sincronización(Tiempo)

Cómo ver:

Espera (tiempo hasta el primer byte) Extremadamente lento: problemas de backend (consultas/almacenamiento en caché/PHP)
El TTFB no es largo, pero el desplazamiento de la página es lento: el renderizado front-end está sometido a una presión significativa.

2) Consulta (Rejilla de bucle (Recuperación de datos): ¿Dónde puedo ver el «Número de elementos por página» y la «Configuración de la consulta»?

2.1 Ver el número de elementos que se muestran por página en Elementor

Ubicación:Editar esta página → Hacer clic en el widget Loop Grid → Panel izquierdo: Contenido

Nombres de entradas comunes (pueden variar ligeramente entre las diferentes versiones):

Contenido → Diseño(Diseño)
Entradas por página / Elementos por página / Visualización por página(Número de artículos)

Las pruebas que debes realizar:

Cambia el número de elementos por página de 24 a 12 y, a continuación, a 8, y compara si se vuelve más rápido.

2.2 En Elementor Tipos de consulta y condiciones de filtro

Ubicación:Cuadrícula de bucle → Contenido → Consulta

Presta especial atención a si estos elementos están configurados en un nivel demasiado alto:

Incluir / Excluir(incluir/excluir)
Pedir por(Ordenar: Popularidad/Ventas/Valoración suele tardar más tiempo)
Fuente(Fuente: Artículo/Producto/Tipo de categoría de artículo)

3) Imágenes: ¿Dónde puedo ver las dimensiones de cada imagen y el tamaño total?

3.1 Visualización del tamaño de la imagen en un navegador

Ubicación:Chrome → F12 → Red → Filtrar seleccionando Img

Operación:

actualizar página
Haga clic en Img
Ver la lista Talla(Tamaño)

Cómo ver:

Recomendaciones de miniaturas de la lista 50 KB–150 KBIntenta no excederte. 200 kilobytes
Si observa numerosas miniaturas de 300 KB, 500 KB o 1 MB, esa es la causa principal de la ralentización.

3.2 En WordPress Ver configuración del tamaño de las miniaturas (básico)

Ubicación:Backend → Configuración → Medios

Puede confirmar:

¿Se han establecido correctamente las dimensiones de las miniaturas (no demasiado grandes)?
Sin embargo, ten en cuenta que Elementor/los temas también pueden emplear sus propias reglas de tamaño.

4)(informática) caché¿Dónde puedo comprobar si se ha producido una coincidencia en la caché o si se ha omitido?

4.1 Comprobar si el almacenamiento en caché está activo utilizando una ventana de incógnito (método más sencillo)

Ubicación:Chrome → Tres puntos en la esquina superior derecha → Nueva ventana de incógnito

Operación:

Abre la misma página sin dejar rastro y compara la velocidad.
Cómo ver:
El modo invisible es notablemente más rápido: es posible que tu estado de inicio de sesión omita la caché, o que las reglas de almacenamiento en caché sean diferentes para los usuarios que han iniciado sesión.

4.2 Comprobación de si el navegador accede a la caché/CDN (avanzado)

Ubicación:Chrome → F12 → Red → Haga clic en Doc/HTML → Encabezados de respuesta

Es posible que veas campos similares (varían según el servidor):

cf-cache-status(Cloudflare Común: ACIERTO/ERROR)
x-cacheycontrol de caché et al. (y otros autores)

Cómo ver:

Con HIT, es más estable.
MISS persistente indica fallos de caché o reglas que se están omitiendo (por ejemplo, debido a parámetros o páginas que contienen contenido dinámico sustancial).

5)adelantar parte de algoRenderización: ¿Dónde puedo comprobar las «pérdidas de fotogramas durante el desplazamiento» y el «rendimiento de la renderización»?

5.1 Rendimiento al desplazarse en un navegador

Ubicación:Chrome → F12 → Rendimiento

Operación:

Haga clic en Grabar.
Desplácese por la página durante 3-5 segundos.
Detener la grabación

Cómo ver:

Renderización/Pintura Muy alto: sombras, filtros, animaciones, DOM excesivo.
Creación de scripts Muy alto: JavaScript es demasiado pesado (normalmente debido a un exceso de animaciones o a la carga de scripts).

6) Siga esta secuencia para obtener el posicionamiento más rápido.

navegador (software) Vista de red TTFB(Confirmar backend/frontend)
Elementor pone Reducir a la mitad el número de elementos por página. Hacer una comparación
Filtrado de imágenes en red tamaño de la imagen
Comparación en pantalla dividida Variación de aciertos en caché
Perfil de rendimiento, ver ¿El renderizado está fuera de serie?

dar cuerda

Completa en secuencia Tiempo hasta el primer byte → Elementos por página → Tamaño de la imagen → Tasa de aciertos de la caché → Rendimiento del desplazamientoA continuación, puede identificar dónde se encuentra el cuello de botella. Después, modifique solo el más lento:

Tiempo hasta el primer byteOptimizar las consultas y reducir el número por página.
Imagen grandeTamaño y compresión uniformes de las miniaturas
Tarjeta deslizante：Desactivar animaciones, reducir sombras, minimizar campos.

Después de realizar los cambios, vuelva a realizar dos pruebas utilizando el modo incógnito: El TTFB y los tiempos de finalización han disminuido significativamente, por lo que el problema se ha resuelto.

Contacte con nosotros
¿No puede leer el tutorial? Póngase en contacto con nosotros para obtener una respuesta gratuita. Ayuda gratuita para sitios personales y de pequeñas empresas	Servicio de atención al cliente WeChat
① Tel: 020-2206-9892
② QQ咨询：1025174874
(iii) Correo electrónico: info@361sale.com
④ Horario de trabajo: de lunes a viernes, de 9:30 a 18:30, días festivos libres