¿Cómo optimizo el tiempo de carga de mi sitio y aumento Google PageSpeed?

La velocidad de un sitio web puede verse influenciada y aumentada al considerar y optimizar los siguientes puntos:

Reducir/reducir solicitudes HTTP

Su sitio web se puede representar más rápido cuando se realizan menos solicitudes HTTP. Limite la cantidad de fuentes externas, como secuencias de comandos, hojas de estilo e imágenes, que deben cargarse cuando sea posible. Todas estas son solicitudes HTTP.

Usar solo una hoja de estilo CSS

Formatee todas las hojas de estilo existentes en un solo archivo o directorio CSS y vincúlelo desde la sección del documento HTML. Tenga en cuenta que no utiliza información de estilo en línea en su documento HTML. Esto no solo es un tiempo de carga más lento y una mala práctica de codificación, sino que también es un factor SEO negativo. Hacer esto permite el almacenamiento en caché del archivo CSS, lo que a su vez acelera la entrega de la página web

Sin estilo en línea y script java

Los documentos y el código Java script dentro de un documento HTML deben vincularse desde un directorio externo, así como la información de estilo CSS descrita anteriormente, y de manera similar, como su propia carpeta de archivos. Siempre que sea posible, cargue JavaScript al final, a menos que ciertas secciones de su sitio web lo requieran primero como dependencia. De esta manera, todo su contenido y estilo son visibles y JavaScript puede continuar cargándose sin interrumpir lo que el usuario vino a ver desde un motor de búsqueda.

Usar sprites CSS

siempre que pueda, el uso de sprites combina varias imágenes en una sola imagen, lo que reduce la cantidad de solicitudes HTTP. Puede llamarlos con JavaScript o CSS cuando sea necesario y usarlos como fotogramas de una película, pero se cargará aproximadamente a la misma velocidad que una sola imagen.

Optimizar todas las imágenes

Asegúrate de que tus imágenes estén optimizadas para la web. Si usa Photoshop, puede seleccionarlo fácilmente en el cuadro de diálogo "guardar para la web". (Debajo del cuadro de diálogo "Guardar"). A través de este diálogo, las imágenes se reducen de tamaño. Cambiar el tamaño de las imágenes o disminuir la resolución puede ayudarlo a optimizar. Además, en su código, use solo la cantidad de espacio que requiere su marco o etiqueta div. Hacer que su código cambie el tamaño de la imagen en realidad llamará al tamaño completo de la imagen y no ayudará a que sus imágenes se carguen más rápido.

Usar el almacenamiento en caché del lado del servidor

Esta técnica crea un "archivo HTML sin formato" para cada URL, de modo que las páginas dinámicas no tienen que reconstruirse cada vez que se vuelve a solicitar la misma URL. En otras palabras, las páginas dinámicas se analizan como un documento HTML estático y se almacenan en el servidor web. Esto puede reducir significativamente el tiempo de carga

Usar compresión Gzip

Gzip comprime significativamente el tamaño de sus páginas, que se envían al navegador web. En casos convencionales, se puede guardar hasta un 70 % o más del tamaño del archivo
Use una CDN (red de entrega de contenido)
Una CDN permite a los usuarios descargar datos en paralelo, lo que a su vez ayuda a que su sitio web sea entregado más rápido. Una CDN de bajo costo como CloudFront es una plataforma popular.

Reducir los redireccionamientos 301

Si es posible, no utilice redireccionamientos 301. Especialmente, no debe redirigir 301 a otra redirección 301 (y así sucesivamente). Un reenviador 301 obliga al navegador web a acceder a una nueva URL. En la nueva URL, el navegador debe esperar hasta que reciba una solicitud HTTP. Además de esto, Google Bot solo sigue un puñado de redireccionamientos. La mayoría de las veces solo sigue 3 301 antes de dejar de seguirlos.

Usar un servidor dedicado

La mayoría de los sitios web ahora están en plataformas de alojamiento compartido. Esto significa que el sitio web está alojado con hasta cien (o más) otros sitios en una sola máquina física con su proveedor de servicios de Internet. Esto puede tener un impacto negativo en el tiempo de carga del sitio web. Mediante el uso de un servidor dedicado o VPS, y una configuración de hardware correspondiente para que coincida con el tráfico del sitio, se pueden lograr algunas ventajas de rendimiento.

Optimiza tu servidor web

El servidor web más utilizado del mundo es Apache. Es recomendable adaptar los procesos de Apache Worker, así como sus procesos secundarios, al volumen de usuarios respectivo y la función del sitio web (tienda en línea, portal de descargas, foro, etc.).