¿Cuál es el problema de tomar demasiado tiempo para cargar la página de inicio de mi tienda web?

Aquí hay 10 formas de acelerar el tiempo de carga de su sitio web. Funciona para la mayoría de las plataformas: –

1. Minimice las solicitudes HTTP

Según Yahoo, el 80% del tiempo de carga de una página web se gasta descargando las diferentes partes de la página: imágenes, hojas de estilo, scripts, Flash, etc.

Entonces para resolver eso: –

  • Agilice la cantidad de elementos en su página.
  • Use CSS en lugar de imágenes siempre que sea posible.
  • Combina múltiples hojas de estilo en una.
  • Reduzca los guiones y colóquelos al final de la página.

2. Reduce el tiempo de respuesta del servidor

Su objetivo es un tiempo de respuesta del servidor de menos de 200 ms (milisegundos). Y si sigue los consejos de este artículo, está en camino de lograrlo.

Google recomienda utilizar una solución de monitoreo de aplicaciones web y verificar cuellos de botella en el rendimiento.

3. Habilitar la compresión

Las páginas grandes (que es lo que podría tener si está creando contenido de alta calidad) a menudo son de 100 kb y más. Como resultado, son voluminosos y lentos para descargar. La mejor manera de acelerar su tiempo de carga es comprimirlos, una técnica llamada compresión .

La compresión reduce el ancho de banda de sus páginas, lo que reduce la respuesta HTTP. Lo haces con una herramienta llamada Gzip.

Lea este artículo para obtener más detalles sobre la compresión Gzip. Luego configure su servidor para habilitar la compresión:

  • Apache: use mod_deflate
  • Nginx: use HttpGzipModule
  • IIS: configurar la compresión HTTP

4. Habilitar el almacenamiento en caché del navegador

Cuando visita un sitio web, los elementos de la página que visita se almacenan en su disco duro en un caché o almacenamiento temporal, por lo que la próxima vez que visite el sitio, su navegador puede cargar la página sin tener que enviar otra solicitud HTTP a el servidor.

Para todos los recursos almacenables en caché (archivos JS y CSS, archivos de imagen, archivos multimedia, PDF, etc.), establezca Caduca en un mínimo de una semana, y preferiblemente hasta un año en el futuro. No lo establezca en más de un año en el futuro porque eso viola las pautas de RFC.

5. Recursos Minify

Los recursos WYSIWYG facilitan la creación de una página web, pero a veces crean código desordenado, y eso puede ralentizar considerablemente su sitio web.

Dado que cada parte innecesaria de código se agrega al tamaño de su página, es importante que elimine espacios adicionales, saltos de línea y sangría en su código para que sus páginas sean lo más esbeltas posible.

6. Optimizar imágenes

Con las imágenes, debe centrarse en tres cosas: tamaño, formato y el atributo src.

7. Optimizar la entrega de CSS

CSS tiene los requisitos de estilo para su página. En general, su sitio web accede a esta información de una de dos maneras: en un archivo externo , que se carga antes de que se renderice su página, y en línea , que se inserta en el documento HTML.

8. Priorice el contenido de la mitad superior de la página

Habiendo recomendado que use solo una hoja de estilo CSS y no CSS en línea, hay una advertencia que debe tener en cuenta. Puede mejorar la experiencia del usuario haciendo que la carga de la mitad superior de la página (parte superior de la página) se cargue más rápido, incluso si el resto de la página tarda unos segundos en cargarse.

9. Reduzca la cantidad de complementos que usa en su sitio

Demasiados complementos ralentizan su sitio, crean problemas de seguridad y, a menudo, provocan bloqueos y otras dificultades técnicas.

10. Reduce las redirecciones

Los redireccionamientos crean solicitudes HTTP adicionales y aumentan el tiempo de carga. Por lo tanto, desea mantenerlos al mínimo.

Eso debería ser todo. Si encuentra útil esta respuesta, se apreciará un voto positivo.

Este Sanvi Technologies basado en Surat que trató de comprar el tema y se integró a este sitio web, ha hecho un buen trabajo pero se perdieron algunos puntos.

Fuente de este tema:

  • Themeforest, supongo.
  • Voisen

En primer lugar, este tema original tardó alrededor de 4 a 5 segundos en cargar la página web y el suyo en 13 a 15 segundos.

Por favor, mira esto a continuación:

  • Optimizar imágenes
  • Esta página web tarda la mayor parte del tiempo en cargar las imágenes HD, que son más de 6 MB en la página de inicio.
  • Optimice las imágenes mientras carga desde el panel wp-admin.
  • es decir, Saree Web Banner, Salvar Web Banner
  • Elimine archivos / scripts innecesarios. Hay muchos archivos CSS y JavaScript (Scripts).
    • Declaración jquery duplicada
    • Múltiple CSS incluido.
  • Optimizar la entrega de CSS
  • Reduzca la cantidad de complementos que usa en su sitio
  • Recursos Minify
  • Si ha seguido los pasos anteriores y sus páginas aún se están cargando demasiado lentamente, podría ser el momento de considerar un nuevo paquete de alojamiento. Si el alojamiento compartido ya no satisface sus necesidades, puede ser el momento de considerar un alojamiento dedicado, donde usted solo tiene acceso al servidor.

    Espero que esto ayude 🙂

    Lo primero es que un sitio web solo lleva más tiempo cuando el servidor es pesado y un sitio web contiene una gran cantidad de contenido. Lo segundo es la velocidad de Internet, algunos sitios web toman más tiempo debido a menos Internet. Lleva más tiempo porque las empresas de compras siguen cambiando las existencias en la tienda web, lo que reduce la velocidad de la tienda web. Debe usar la recarga dura para acceder a la tienda web.

    More Interesting

    ¿Existe una guía para construir un marco desde cero?

    ¿Cuál es la diferencia entre $ query-> row () y $ query-> resulty en codeigniter?

    ¿Cuáles son las calificaciones indispensables, además de las habilidades técnicas, que necesito para conseguir un trabajo en los Estados Unidos, como desarrollador frontend?

    Diagnóstico asistido por computadora: ¿cómo se implementa un verificador de síntomas como www.symptoms.webmd.com?

    ¿Cómo calculan los sitios como Quora, Stack Overflow y Facebook el alcance (vistas) de cada 'publicación' incluso si el usuario no ha iniciado sesión?

    ¿Los trabajos de desarrollador completo y front end tienen salarios más altos que los trabajos titulados solo desarrollador web?

    ¿Hay alguna empresa de desarrollo web en la India que se especialice en trabajar con nuevas empresas / emprendedores que desarrollen sus ideas en un producto web?

    ¿Cómo se relacionan PHP y SQL? En desarrollo web, ¿necesito aprender los dos?

    ¿Debo contratar a un diseñador para crear una maqueta de cada página de mi sitio web, incluso si uso Twitter Bootstrap?

    ¿Cuál es el beneficio de los diseños de página de inicio utilizados por Squarespace.com, SimplyMeasured.com y DevBootCamp.com?

    Cómo construir un sitio web receptivo

    Cómo solucionar esta anomalía en el carrusel de Slider Revolution para WordPress

    ¿Cómo debo crear un documento / hoja para el requisito de contenido para el sitio web interno de nuestra empresa?

    ¿Es legal construir un sitio web que use contenido de Instagram?

    ¿Está mal usar angular para todo en un sitio?