La Velocidad de la web es uno de los factores a tener en cuenta en tu posicionamiento SEO.
Cómo he mencionado, la velocidad de carga de un sitio web tiene un enorme impacto en la tasa de rebote y en la experiencia general del usuario en su sitio.
Por lo que para tener un buen posicionamiento natural de nuestra es fundamental que tengamos buenos parámetros de respuesta.
Uno de los datos que más nos congelaba la sangre a los que nos dedicamos al marketing digital o tenemos negocios online es el siguiente:
Una web 1 segundo más lenta en su velocidad de carga significa un 11% menos de ventas en tu ecommerce
Por tanto, es muy importante, pero como casi todo en marketing digital es casi una disciplina y tienes que tener una gran especialización para conseguir los mejores resultados. Así que en este artículo voy a comentar:
- Los principales factores que tienes que tener en cuenta en la velocidad de tu web
- Donde puedes encontrar la información específica
- Herramientas que te ayudarán a mejorar la velocidad de carga de tu web.
- Que plugins recomiendo para mejorar la velocidad de tu web o WPO en tu wordpress. Aunque no tengas un wordpress este artículo también te podrá ayudar.
Los algunos factores que tienes que tener en cuenta en la velocidad de tu web.
Para recordar, nos centramos en los siguientes problemas que solemos tener en nuestra web:
- Optimización de imágenes
- Uso de CDN(en este articulo anterior,el CDN de Cloudfare)
- Respecto de la minificación de archivos CSS y Javascript
- Bloqueo de renderización
- Respecto de la mezcla de archivos CSS y Javascript
- Respuesta del servidor. Es recomendable que el first byte sea inferior a 200ms.
Abajo están algunas recomendaciones para mejorar la velocidad de su sitio móvil:
- Optimización de imágenes
- Corregir los errores de Javascript
- Mezclar los archivos Javascript
- Habilitar la carga retrasada de las imágenes
Herramientas que te ayudarán a mejorar la velocidad de carga de tu web
Las herramientas de optimización de imágenes son:
https://tinyjpg.com/
https://kraken.io/web-
https://compressor.io/compress
http://optimizilla.com/ (puede cambiar la calidad de la imágen final)
http://www.jpegmini.com/main/
http://compresspng.com/ (
Herramienta para cortar o cambiar el ancho de las imágenes:
http://resizeimage.net/
Como retrasar la carga de las imágenes (Lazy Load):
http://jquery.eisbehr.de/lazy/
https://norfipc.com/codigos/
https://www.sitepoint.com/how-
Las herramientas de minificación de HTML son:
http://minifycode.com/html-
http://www.willpeavy.com/
https://kangax.github.io/html-
Las herramientas de minificación de CSS son:
https://csscompressor.com/
http://www.minifier.org/
https://www.giftofspeed.com/
https://www.cleancss.com/css-
https://www.freeformatter.com/
Las herramientas de minificación de Javascript son:
https://www.minifier.org/
http://minifycode.com/
https://www.danstools.com/
https://jscompress.com/
La herramientas que limpian comentários en el código Javascript:
http://trinithis.awardspace.
https://html-cleaner.com/js/
Las herramientas que generan la ruta crítica de CSS son:
https://www.sitelocity.com/
https://jonassebastianohlsson.
Las herramientas que generan sprites CSS son:
http://spritegen.website-
https://wearekiss.com/
http://kadumweb.com/crear-
Los plugins más recomendados para Wordpress
WP Fastest Cache (Cache, Compresión y Mezcla de archivos)
Autoptimize (Mezcla de archivos y Quitar bloqueo de renderización)
Fast Velocity Minify (Mezcla de archivos)
W3 Total Cache (Cache, Compresión, Minificación de Archivos y Mezcla de archivos)
WP Scripts & Styles Optimizer (Quitar bloqueo de renderización)
a3 Lazy Load (Lazy Load)
Scripts to Footer (Quitar bloqueo de renderización)
Administrador de Archivos (Administrador de archivos)
WP File Manager (Administrador de archivos)
UpdraftPlus WordPress Backup Plugin (Copia de seguridad de los archivos y de la base de datos)
Sítios con las bibliotecas más comunes (CDN):
https://cdnjs.com/
JQuery
Bootstrap
Lazy Load
Razones para utilizar una red CDN:
¿Qué es y cuándo usar un CDN?
¿Qué es Cloudflare? Tutorial para acelerar la velocidad
Cómo implementar Cloudflare como CDN fácilmente en tu web
¿Qué es un CDN y cómo utilizarlo en una Web de WordPress?
10 servicios CDN gratis para acelerar Wordpress
Más informaciones a respecto de las páginas AMP:
Directrices de AMP en la Búsqueda de Google
Accelerate Mobile Pages Project
Learn AMP by Example
Páginas AMP en ContentKing
Accelerated Mobile Pages: Todo Lo Que Debes Saber
Qué son las páginas AMP y cómo pueden ayudarte a ahorrar datos en tu celular
Qué es AMP: Accelerated Mobile Pages
Páginas AMP: la importancia de ser primero
Desde luego tienes un montón de recomendaciones, aún así siempre se puede hacer más. Eso si te recomiendo que siempre hagas una copia de seguridad o backup antes de probar nada. Pura experiencia!!! 😉