¿Cómo aumentar la velocidad de tu web? Recomendaciones útiles

velocidad de carga de una web
¿Cómo aumentar la velocidad de tu web? Recomendaciones útiles
5 (100%) 19 votes

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 - Comparte          

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 especifica
  • 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 articulo también te podrá ayudar.

Trabajo en marketing digital para mejorar la velocidad de la web - Rubensalcedo.es

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-interface
https://compressor.io/compress
http://optimizilla.com/ (puede cambiar la calidad de la imágen final)
http://www.jpegmini.com/main/shrink_photo (solamente JPG)
http://compresspng.com/ (solamente PNG)

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/example_basic-usage
https://norfipc.com/codigos/retrasar-carga-imagenes-paginas-con-lazy-load.php
https://www.sitepoint.com/how-to-build-your-own-progressive-image-loader/


Las herramientas de minificación de HTML son:
http://minifycode.com/html-minifier/
http://www.willpeavy.com/minifier/
https://kangax.github.io/html-minifier/


Las herramientas de minificación de CSS son:
https://csscompressor.com/
http://www.minifier.org/
https://www.giftofspeed.com/css-compressor/
https://www.cleancss.com/css-minify/
https://www.freeformatter.com/css-minifier.html


Las herramientas de minificación de Javascript son:
https://www.minifier.org/
http://minifycode.com/javascript-minifier/
https://www.danstools.com/javascript-minify/
https://jscompress.com/

La herramientas que limpian comentários en el código Javascript:
http://trinithis.awardspace.com/commentStripper/stripper.html
https://html-cleaner.com/js/


Las herramientas que generan la ruta crítica de CSS son:
https://www.sitelocity.com/critical-path-css-generator
https://jonassebastianohlsson.com/criticalpathcssgenerator/


Las herramientas que generan sprites CSS son:
http://spritegen.website-performance.org/
https://wearekiss.com/spritepad
http://kadumweb.com/crear-sprite-css-ejemplo-mejora-seo/


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!!! 😉


 

0
menciones

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.