Artículos

Velocidad de carga del sitio. 4 factores principales.

Etiquetas: SEO

Velocidad de carga del sitio. ¿Cómo aumentar la velocidad de descarga? Problemas principales.

Recomendado velocidad de carga del sitio Google - 2 segundos. (y ahora mira tu velocidad)

(¿Cómo verificar la velocidad de carga del sitio web?La forma más fácil y rápida es abrir herramientas de desarrollo CTRL+MAYÚS+IA continuación, seleccione la pestaña "Red", luego actualice la página, para ver la velocidad de descarga que necesita para actualizar la página, Actualizar sin caché: debe presionar CTRL + F5 / CTRL + R. Y debajo estará la velocidad de descarga).

Comprobar la velocidad de carga del sitio
usando un servicio de Google: PageSpeed ​​​​Insights

(infografía extraída de seoprofy ©2014)

Los principales puntos que más afectan:

  1. Cache
  2. CSS (estilos)
  3. JS (guiones)
  4. Imágenes (su peso, tamaño - sí, exactamente el tamaño HxW, metadatos - sí, existe tal cosa, esta es su información como: fecha, título, tema, etc.)

Para no pintar mucha información innecesaria sobre pequeños momentos que no afectan particularmente o tienen un efecto insignificante, no escribiré sobre ellos.

#1 EFECTIVO

almacenamiento en caché (ocache) es un búfer (un lugar) donde se almacenan los datos. En nuestro caso, estos son Imágenes, código, estilos y más.

Lo más fácil lo que puedes hacer tú mismo es habilitar el almacenamiento en caché en el alojamiento.
(Si tiene alojamiento en Ukraine.com.ua, debe ir a "configuración del sitio" -> "configuración básica" y habrá un elemento "Almacenamiento en caché" y allí selecciona la cantidad de tiempo requerida para que su sitio ser almacenado en caché Por mi parte, recomiendo configurarlo en 2 semanas: con este período de almacenamiento en caché, las estadísticas de velocidad de la página de Google agregan muchos puntos).

otros métodos relacionados con htaccess, etiquetas de navegador, etc. se pueden encontrar en Internet para bastantes artículos y no veo el sentido de volver a pintar. Puede leer sobre los tipos de almacenamiento en caché en el artículo sobre Habré.

#2 CSS (estilos)

CSS - (hojas de estilo en cascada - hojas de estilo en cascada).
¿Qué se puede hacer con los estilos?
Bien primeramente apriétalos.
en segundo lugar reducir el número de archivos, es decir, fusionar tanto como sea posible para reducir el número de llamadas al servidor.
En tercer lugarincruste los estilos principales que afectan la visualización de la parte visible de la primera pantalla directamente en y deje el resto en el archivo.

También dejo un par de enlaces útiles:

  • servicios de compresión css
  • como comprimir archivos css

#3 JS (guiones)

Aquí también tenemos varias formas de optimizar los scripts.

  1. Posponer la carga del script. Inflarlo lo más bajo posible, ponerlo detrás del o incluso más bajo, a veces ayuda, a veces no es una opción. Pero el punto número 2 viene al rescate.
  2. ASYNC – carga de script asíncrona. Esto se hace usando el parámetro "async"