Para mejorar el rendimiento de su sitio web, debe poder determinar de dónde se originan los posibles problemas. Hoy en día, los sitios web de comercio electrónico tienen una gran cantidad de imágenes, CSS, HTML, JS (JavaScript), etc. y otros elementos que a su vez son responsables y provocan el lento rendimiento de su sitio web.
Los problemas de rendimiento de los sitios web son el resultado de una serie de razones diferentes. Uso de un sitio web WebPage Performance Tester Se ha visto que las imágenes representan una porción más grande del tamaño de un sitio web.
Las imágenes están tomando una porción más grande y las solicitudes generadas por el sitio web.
- ¿Cómo debería ser realmente una buena escritura de contenido del sitio web?
- ¿Los nuevos sitios de Google, o WordPress a través de AWS, son mejores para un desarrollador aficionado que construye su propio sitio web comercial?
- Cómo mejorar el SEO para un sitio web de diccionario muy grande
- ¿Cuál es el mejor sitio para registrar un nuevo dominio para mi sitio web y el alojamiento para mi nuevo sitio web?
- ¿Cómo puedo crear un sitio web similar a Sarahah?
Si tomamos un ejemplo de los minoristas de moda , tienen una cantidad enorme de imágenes y nunca comprometerán la calidad de la imagen. Además, para incluir el diseño del sitio web y otros elementos de programación del lado del cliente que se utilizan para el enriquecimiento de la funcionalidad, utilice archivos pesados CSS (Cascading Style Sheet) y JS (JavaScrip) que también son sumadores de bajo rendimiento. Como cada contenido estático genera una solicitud HTTP , siempre debe intentar reducir la cantidad de solicitudes HTTPS necesarias para obtener los recursos para cada una de las páginas web.
Primero debe centrarse en la optimización de la imagen . Como la mayor parte del contenido del sitio web está dirigido por imágenes, es necesario optimizar este contenido estático. Podemos hacer uso de CSS Sprite . Un CSS Sprite es un medio de combinar múltiples imágenes en una sola imagen para usar en un sitio web, para ayudar con la optimización. Esto reduce la sobrecarga de tener que buscar varias imágenes.
Además, se debe incorporar la carga a pedido / carga diferida :
La carga diferida se usa para diferir la inicialización de un objeto hasta el punto en el que se necesita. Puede contribuir a la eficiencia en la operación del programa si se usa de manera adecuada. Lo que esto realmente significa es que, por ejemplo. Podemos hacer uso de la paginación de nuestros sitios web para entregar el contenido a los clientes. De esta manera, solo se cargarán las partes de la página web que se requieren en ese instante y cuando un usuario desea más contenido, puede usar la paginación para obtener más datos para su uso.
Con Ajax , las aplicaciones web pueden enviar datos a un servidor y recuperarlos de forma asíncrona (en segundo plano) sin interferir con la visualización y el comportamiento de la página existente. Por ejemplo, se puede usar una ventana emergente de inicio de sesión, una sugerencia de búsqueda, etc. para recuperar datos en segundo plano sin interferir con la visualización y el comportamiento de la página existente.