El adagio "la paciencia es una virtud" no se aplica en línea.

Incluso un retraso de un segundo puede reducir drásticamente las páginas vistas, la satisfacción del cliente y las conversiones de caída .

La velocidad de su sitio incluso afecta su clasificación de búsqueda orgánica. Desde 2010, Google ha estado contabilizando la velocidad de un sitio en su algoritmo.

Entonces, ¿cuál es el factor más importante que contribuye a la velocidad de su página?

Tamaño.

A los navegadores les lleva tiempo descargar el código que compone su página. Tiene que descargar su HTML, sus hojas de estilo, sus scripts y sus imágenes. Puede llevar un tiempo descargar todos esos datos.  Haga clic aquí para descargar nuestra plantilla gratuita de planificación SEO.

A medida que los usuarios de la web esperan diseños de sitios más atractivos, el tamaño de un sitio los archivos de recursos continuarán creciendo Cada función nueva requiere un nuevo script o hoja de estilo que pesa un poco más en su sitio.

¿Cómo se asegura de que su sitio esté actualizado?

Hay algunos recursos geniales para analizar la velocidad de su sitio. Google's PageSpeed ​​Insights Website Grader y GTMetrix son ​​los más populares. Ambos servicios analizarán su sitio y le dirán dónde se está quedando atrás.

Una pequeña advertencia: los resultados pueden ser un poco intimidantes a veces, pero la mayoría de los arreglos son relativamente rápidos y fáciles. Es posible que no arregle todo lo que el servicio de velocidad recomienda, pero debe corregir lo suficiente para que la experiencia del sitio sea mejor para sus visitantes.

¡Aprendamos a acelerar las cosas! [19659000] Mientras algunos sistemas modernos de administración de contenido como HubSpot implementan opciones de mejora de la velocidad desde el primer momento, los sistemas más comunes como WordPress y Joomla requieren un poco de mano de obra para levantarse. acelerar.

Ahora veamos algunas soluciones de velocidad esenciales que todo webmaster debería considerar.

1. Optimizar imágenes

Las imágenes son uno de los cerdos de ancho de banda más comunes en la web.

La primera forma de optimizar sus imágenes es escalarlas apropiadamente .

Muchos webmasters usan imágenes enormes y luego reducirlos con CSS. Lo que no se dan cuenta es que su navegador todavía los carga con el tamaño de imagen completo.

Por ejemplo, si tiene una imagen de 1000 x 1000 píxeles, pero la ha reducido a 100 x 100 píxeles, su navegador debe cargar diez veces más de lo necesario.

Escale sus imágenes antes de subirlas a su sitio, de modo que no pida más a sus visitantes de lo que debería.

Observe la diferencia de tamaño cuando reducimos una de nuestras imágenes:

 speed-01-scaling

La segunda forma de optimizar sus imágenes es comprimirlas.

Hay varias herramientas gratuitas en línea para la compresión de imágenes, como tinypng.com que pueden reducir el tamaño de sus imágenes dramáticamente sin perder calidad. ¡Puedes ver reducciones de tamaño en cualquier lugar del 25% al ​​80%!

2. Almacenamiento en caché del navegador

¿Por qué hacer que los visitantes descarguen las mismas cosas cada vez que cargan una página?

Habilitar el almacenamiento en caché del navegador permite almacenar temporalmente algunos datos en la computadora de un visitante, para que no tengan que esperar a cargar cada El tiempo que visitan su página.

El tiempo de almacenamiento de los datos depende de la configuración de su navegador y la configuración del caché del lado del servidor.

Para configurar el almacenamiento en caché del navegador en su servidor, consulte los recursos a continuación o póngase en contacto con su proveedor :

3. Compresión

Habilitar la compresión es como poner su sitio web en un archivo zip.

La compresión puede reducir drásticamente el tamaño de su página y, por lo tanto, aumentar su velocidad. De acuerdo con varvy la compresión puede eliminar 50 – 70% de tus archivos HTML y CSS. Esa es una tonelada de datos que su visitante no tendrá que descargar.

La compresión es una configuración de servidor, por lo que la forma de implementarla dependerá de su servidor web y su configuración. A continuación se encuentran algunos recursos para los servidores web más comunes. Si no ve el suyo, póngase en contacto con su empresa de hosting para ver qué pueden hacer.

4. Optimice su CSS

Su CSS se carga antes de que las personas vean su sitio. Cuanto más tiempo tarden en descargar su CSS, más tiempo esperarán.

CSS optimizado significa que sus archivos se descargarán más rápido, brindando a sus visitantes un acceso más rápido a sus páginas.

Comience por preguntarse: "¿Utilizo todo? de mi CSS? " De lo contrario, deshágase del código superfluo en sus archivos. Cada pequeño dato desperdiciado puede acumularse hasta que la velocidad de paso de su sitio web ahuyente a sus visitantes.

A continuación, debe minimizar sus archivos CSS. Los espacios adicionales en sus hojas de estilo aumentan el tamaño del archivo. La minimización de CSS elimina esos espacios extra de su código para asegurar que su archivo sea del tamaño más pequeño.

Entonces, ¿cómo minimiza sus archivos CSS?

Primero, vea si su CMS ya minimiza su CSS o si hay una opción para eso. HubSpot, por ejemplo, ya minimiza su CSS de forma predeterminada, mientras que WordPress o Joomla no.

Si su CMS no tiene una opción de minimizar CSS, puede usar un servicio en línea gratuito como CSS Minifier para minimizar tus archivos Simplemente pegue su CSS y presione "Comprimir" para ver su hoja de estilo recientemente minimizada.

Minimizar sus archivos de recursos es una gran manera de eliminar algunos tamaños de sus archivos. Confíe en mí, esos pequeños espacios se suman rápidamente.

 speed-02-minification

5. Mantenga sus secuencias de comandos debajo del doblez

Los archivos de Javascript pueden cargarse después del resto de la página, pero si los coloca antes que su contenido, como muchos sitios lo hacen, se cargarán antes que su contenido.

Esto significa que sus visitantes debe esperar hasta que sus archivos Javascript se carguen antes de que vean su página, y sabemos cuánto les gusta esperar.

La solución más simple es colocar sus archivos Javascript externos en la parte inferior de la página, justo antes del cierre de su etiqueta . Ahora más de su sitio puede cargarse antes de sus scripts.

Otro método que permite aún más control es usar los atributos diferir o async al colocar archivos .js externos en su sitio. .

Tanto la demora como la asincrónica son muy útiles, pero asegúrese de entender la diferencia antes de usarlas:

  • Las etiquetas asincrónicas cargan las secuencias de comandos mientras se carga el resto de la página, pero esto significa que las secuencias de comandos pueden cargarse fuera de orden . Básicamente, los archivos más livianos se cargan primero. Esto podría estar bien para algunos scripts, pero puede ser desastroso para otros.
  • El atributo defer carga sus scripts después de que su contenido haya terminado de cargarse. También ejecuta las secuencias de comandos en orden. Solo asegúrate de que tus scripts se ejecuten tan tarde sin romper tu sitio.

Todo lo que necesitas hacer es agregar una palabra simple en tus etiquetas.

Por ejemplo, puedes tomar tu script original

Y agregar el pequeño código para asegurarse de que se carga cuando lo desee.

http: // â € /path/filename.jsâ€
http: // â € /path/filename.jsâ€

La importancia de sus scripts determina si obtienen un atributo y qué atributo sigues. Las secuencias de comandos más esenciales probablemente deberían tener el atributo async para que puedan cargar ASAP sin demorar el resto de su contenido. Los no esenciales, sin embargo, deben esperar hasta el final para garantizar que los visitantes vean su página más rápido.

¡Pero siempre asegúrese de probar cada script para asegurarse de que el atributo no rompa su sitio!

Conclusión

Como en línea los usuarios exigen una experiencia en línea más rica, el tamaño de nuestras páginas seguirá creciendo. Habrá Javascript más llamativo, más trucos de CSS y más análisis de terceros para evaluar nuestros sitios.

Como especialistas en marketing, no podemos dejar que esto nos empañe.

Un poco de atención nos servirá de mucho: recuerde , basta con demorar un segundo para perder una ventaja.

 Plantilla de SEO gratuita



Source link