En Digital Zone, tenemos una guía para optimizar la velocidad de carga de una web y como somos muy de sharing, aquí os dejamos 7 consejos para mejorar la velocidad de carga.
Usar herramientas como PageSpeed Insights
Cada página tiene una velocidad de carga relativa, actualmente se habla de un tiempo medio de carga de entre 1,5 y 3 segundos, por encima de 3 segundos, una página tendrá muchas dificultades para estar posicionada entre la tan ansiada primera página de los buscadores. Google DevTools, de la que somos muy fans, es la plataforma de Google para desarrolladores donde puedes encontrar recursos súper útiles para trabajar tus webs. Una de ellas es PageSpeed Insights, una herramienta que nos permite optimizar la velocidad de carga de una web porque, además de medir el tiempo, ofrece sugerencias de mejora. Es la primera guía para optimizar nuestra página web.
Activar la compresión GZip
GZip es un nuevo formato de compresión de datos que permite optimizar las páginas webs. GZip. Te permite reducir el tamaño de las páginas HTML, hojas de estilo y scripts de tu sitio. Para comprobar si tenemos activada la compresión GZip, podemos usar las herramientas gratuitas Check GZIP Compression o HTTP Compression Test. Con introducir la URL de tu sitio web podemos averiguar si lo tenemos activado.
En caso de no estarlo, habrá que activarlo mediante la instalación de algún plugin de WordPress como WPRocket. También se puede realizar con código modificando el archivo .htaccess. Para conocer más sobre este procedimiento te recomendamos este artículo del equipo de Kinsta sobre compresión GZip.
Minificar el JavaScript / CSS / HTML
Minificar es un término usado por los desarrolladores que viene del término en inglés Minify. Muchas veces, nuestra página tiene código innecesario, comentarios que no vale. Limpiar el código nos puede ahorrar mucho espacio y, con ello, favorecer la velocidad de carga. Un código escrito por un desarrollador, para el mejor entendimiento, tiene saltos de línea y sangrías, usar herramientas que lo minifiquen y lo transporten a una sola línea nos optimizará la velocidad de carga. A nosotros nos gusta usar Closure Compile de GoogleDevs Tool.
Reduce el tamaño de las imágenes
El tamaño recomendable para un web es de 2 megas máximo de carga en imágenes. Es importante optimizar nuestras imágenes para que no ocupen mayor tamaño. Lo ideal es prepararlas previamente en el Photoshop y dejarlas a resolución 72ppp y el tamaño que les corresponda. Además, es importante indicar dentro de tu WordPress que no genere tres formatos por cada subida, que por defecto esta función está activada.
Si no disponemos de Photoshop o no queremos hacerlo manualmente con compresores online, podemos instalar algún plugin de optimización de imágenes como Imagify.
Pospón la carga de imágenes fuera de pantalla: lazy load
La página web promedio pesa alrededor de 3700 kB, solo las imágenes y videos ocupando casi el 78% del peso total. La carga diferida (lazy load) es un avance implementado en WordPress 5.5, carga diferida es una técnica de optimización que carga contenido visible, pero retrasa la carga y la versión del contenido que existe fuera de la pantalla.
Para ayudar a la carga diferida nosotros trabajamos con Lazy Load de WP Rocket, un plugin gratuito que ofrece gran eficiencia en la optimización de imágenes.
Crea páginas AMP
Las páginas aceleradas para móvil (AMP), es un proyecto de Google basado en un framework de código abierto que busca optimizar la velocidad de las páginas webs para móviles. La tecnología AMP ayuda a la experiencia de usuario mejorando la tasa de rebote, además de la velocidad de carga. Puedes saber más en la web de GoogleDev Tools.
No abusar de plugins o plantillas no eficientes
Aunque parezca obvio, mucha gente que realiza página webs no sabe tocar el código y al final acaba usando demasiados plugins para realizar acciones que podrían solucionarse manualmente con código. Al igual que usar plantillas que nos cargan demasiado contenido y no son eficiente. Por eso es tan importante contratar a profesionales desarrolladores webs que sepan trabajar el código y sepan realizar páginas webs sin plantillas que nos ralentizarán la carga.
Nuestro equipo de Desarrollo Web, por eso, siempre están en formación para aprender nuevos métodos de optimización a través del código.
