¿Por qué mi sitio web tiene un tiempo de carga muy lento? No estoy completamente seguro de lo que significa “esperar” y cómo afecta el tiempo.

Acabo de probar su sitio web con PingDom Tools y veo que no está aprovechando la memoria caché del navegador. Esta es un área que puede mejorar.

Inserte este fragmento de código en su archivo .htaccess en el directorio raíz de su sitio web.

Advertencia: ¡solo haga esto si sabe cómo recuperarse si se equivoca! Siempre haga una copia de seguridad de su base de datos y archivos antes de hacer cambios.

## EXPIRA CACHING ##

ExpiresActive On
ExpiresByType image / jpg “acceso 1 año”
ExpiresByType image / jpeg “acceso 1 año”
ExpiresByType image / gif “acceso 1 año”
ExpiresByType image / png “acceso 1 año”
ExpiresByType text / css “acceso 1 mes”
ExpiresByType text / html “acceso 1 mes”
ExpiresByType application / pdf “acceso 1 mes”
ExpiresByType text / x-javascript “acceso 1 mes”
Aplicación ExpiresByType / x-shockwave-flash “access 1 month”
ExpiresByType image / x-icon “acceso 1 año”
Caduca por defecto “acceso 7 días”

## EXPIRA CACHING ##

Si está utilizando el complemento Yoast SEO, puede editar su archivo .htaccess navegando a su panel de administración y en el lado izquierdo, haga clic en el enlace SEO, luego en el enlace Herramientas y luego en el botón Editor de archivos. Allí es donde puede colocar el fragmento de código anterior.

A continuación hay algunas imágenes para ayudarlo a ver visualmente de lo que estoy hablando. Son de mi servidor local.

Si desea ver un video sobre cómo lograr esto usando un editor de archivos y subiéndolo a su servidor.

Además, aquí está mi lista de reproducción de complementos de WordPress que tiene algunos videos sobre cómo optimizar su sitio web. Complementos de WordPress

Otras herramientas que recomiendo son:

• WP Super Cache
• WP-Sweep
• Imsanity
• EWWW Image Optimizer
• Optimización automática
• Carga lenta
• Eliminar cadenas de consulta de recursos estáticos

Asegúrese de que su tema esté bien codificado y que esté en un servidor web que esté optimizado para WordPress. También desinstale complementos y temas que no necesita.

Espero que esto ayude.

En realidad, la cadena comienza desde tu hosting.

Te sugiero que uses un alojamiento optimizado de WooCommerce como Cloudways: el mejor alojamiento de WooCommerce para sitios de comercio electrónico de WordPress. Utilizan tecnologías avanzadas de caché como NGINX, Varnish, Memcached y Redis. Eso almacenará en caché su contenido y servirá desde caché en lugar de golpear el servidor una y otra vez. Servir desde caché reducirá el tiempo de carga de la página. Esta es la optimización del lado del servidor.

Luego, puede hacer la optimización del lado del cliente.

Algunos de los puntos clave para recordar para la optimización del lado del cliente.

1. Minify
2. WP Super Cache
3. Eliminar complementos adicionales
4. Use un tema ligero.

Tus imágenes son grandes por lo que son. Vaya a Photoshop (o al editor de imágenes que elija) y vea si puede hacer algo para disminuir el tamaño del archivo. Asegúrese de que sean tan grandes como el tamaño más grande que los necesite (por lo tanto, si se ajustan en un espacio de 300x300px, haga que no sean más grandes que 300 x 300px; no tenga imágenes grandes y reduzca la escala si no tiene )

También está cargando una gran cantidad de archivos CSS y JavaScript, voy a suponer que esto se debe a los complementos que está utilizando en su sitio. Vea si puede eliminar algunos de estos complementos si realmente no son necesarios.

Obtenga un complemento como WP Super Cache que ayudará a almacenar en caché sus páginas para una recuperación más rápida. Super Cache tiene muchas otras características (como los servicios de entrega) que pueden ayudar a acelerar su sitio.

No revisé su sitio con un peine de dientes finos, pero estos serían los frutos colgados del registro que trataría de reducir un poco más la velocidad de su página. La página se cargó en 3.53 segundos para mí, así que eso no es demasiado horrible.

Problema: tus imágenes son demasiado grandes. Mi navegador tiene aproximadamente 1600 de ancho (macbook air) y cada una de sus tres imágenes está llegando a 1285 x 851px para un tamaño de visualización de 380 x 250px. Eso es más de 3 veces demasiado grande. Presumiblemente, su sitio responde y desea que las imágenes llenen el espacio en las pantallas más grandes del mercado (que creo que son de 3840 de ancho). Pero incluso para estos, sus imágenes serían demasiado grandes.

Solución: cree al menos tres versiones de sus imágenes: pequeña, mediana y grande. (En algunos de mis sitios tengo hasta 8 tamaños). Use consultas de medios CSS para obtener el tamaño de imagen apropiado para el tamaño de la pantalla. De esa manera, solo aquellos con pantallas realmente grandes serán gravados con la descarga de sus imágenes. También considere usar sprites en lugar de imágenes, donde pegue todas las imágenes en una, descargue de una vez y solo muestre al usuario una parte de la imagen. Hace menos solicitudes al servidor y, en consecuencia, es mucho más rápido. Lo malo de esto es que no funciona tan bien cuando está devolviendo diferentes combinaciones de imágenes. Y solo funcionará cuando la imagen se use como una imagen de fondo (dentro de CSS) en lugar de como una img dentro de div, que es lo que tiene ahora. De todos modos, podría ser útil.

Además de las imágenes, la velocidad puede verse afectada por el tamaño o la cantidad de archivos (js, css, etc.) que ingresa en el documento web. Estás tirando un buen número. Quizás pueda racionalizarlos en menos archivos o en archivos más pequeños.

PageSpeed ​​Insights

Su sitio web comete casi todos los “delitos web” posibles. Comience con el uso de la herramienta de Google Page Speed ​​vinculada anteriormente.

Luego está la decisión de usar WordPress. Si bien esto facilita la producción de trucos pegadizos sin ningún conocimiento profundo de codificación, también es un gran recurso. Un sitio web no será rápido con WP.

Utiliza fuentes web incrustadas. Este es un mal intento de marcar su producto. Estas fuentes son notorias por ser estresantes y, a veces, francamente ilegibles. El enfoque más atractivo es hacer titulares como imágenes en Photoshop con la mejor configuración de suavizado, luego usar una fuente de sistema operativo bien optimizada (Georgia, Arial, Century Gothic, Trebuchet MS …) para el texto del cuerpo. Si es absolutamente necesario, use la fuente incrustada solo para titulares.

Y, por último, cambie el tamaño y vuelva a comprimir las imágenes, como la Velocidad de la página le dirá de todos modos. ¿Por qué un marco de 9 × 6 cm tiene un ancho almacenado de 1200px y un tamaño de 300k me supera? Hay razones legítimas, como prepararse para pantallas de alta resolución, pero duplicar el DPI se considera más que suficiente.

Ok, primero lo primero. Obtenga el navegador Chrome y cargue la extensión yslow. Ejecute su sitio.

Tiene una imagen de 4928 × 3264 que se reduce a 970 × 643. ¡Así es humangus! Escale sus imágenes en el servidor a algo un poco más grande que 970 × 643 pero no mucho. Escalalos en tu computadora y súbelos al servidor. Esto por sí solo probablemente resolverá tu problema.

Tienes 34 scripts JavaScript externos y 17 hojas de estilo externas. Debe tener como máximo 4 o 5 archivos JavaScript en sus páginas principales y 4 o 5 hojas de estilo. Deshágase del exceso de archivos JavaScript y CSS. JavaScript es malo para los tiempos de carga.

Si corres lento verás esto por ti mismo.

¡Haz las cosas de la imagen primero! Es importante. Verás una gran mejora.

Hay varias razones por las que un sitio web podría ser lento. Una de las principales razones es la no optimización de las imágenes. Las imágenes siempre se pueden reducir a tamaño recortando metadatos extraños sin ningún impacto en el atractivo visual para el usuario. También se puede evitar que los navegadores almacenen copias en caché de las imágenes y las vuelvan a cargar. Además de otras razones, sería la falta de compresión HTTP, la no fusión de imágenes relacionadas en sprites CSS y la no implementación del uso compartido de dominios. Cualquier interrupción del navegador y su acceso a otros recursos hará que la carga del sitio web espere.

Para más detalles haga clic aquí.

Optimice su sitio web de WordPress en minutos. Para optimizar su sitio web de WordPress, ¡necesita almacenar en caché todo lo que pueda para que su sitio web se cargue más rápido !

Optimice su sitio web de WordPress para minimizar el tiempo de carga

Solo tiene 4 imágenes en su índice y juntas pesan casi 5 MB , y eso es excesivo. Realmente necesitas optimizar esas imágenes. Deberías comenzar con eso.

Además, puede utilizar la herramienta Google Pagespeed para detectar todos los errores y / o sugerencias que pueda tener para acelerar su sitio.

Todas las otras respuestas son buenas. En Chrome, Safari o Firefox, también puede usar las Herramientas para desarrolladores para ver dónde están sus problemas de carga. También me gusta mucho gtmetrix.com. Te darán un desglose, cargarán la línea de tiempo y también una buena lista de sugerencias específicas de WordPress.