WhatsApp: +1 (829) 375-6155 [email protected]

¡Ey! ¿Que tal lector? Julio Sanchez de nuevo por aquí.

La velocidad de carga de tu sitio web es una métrica SEO importante que puede ser difícil de maximizar a tu favor.

Especialmente si no tienes conocimientos de desarrollo web, entender qué características de tu sitio están haciendo que la velocidad de carga de tu sitio web sea muy lento, suele ser un poco complejo.

Sin embargo, aquí entra en el juego GTmetrix, una herramienta de test de velocidad de carga que te ayuda a analizar el tiempo de carga de los sitios web de forma gratuita.

En este artículo, repasaremos todas las características de GTmetrix para que estés equipado para solucionar los tiempos de carga de la página de tu sitio y obtener más tráfico.

Veremos los siguientes puntos principales:

  • ¿Por qué tener un sitio web rápido es súper importante?
  • ¿Qué es GTmetrix?
  • Características principales de GTMetrix
  • ¿Cómo usar GTmetrix para acelerar tu sitio web?

Índice de Contenido

1. ¿Por qué tener un sitio web rápido es súper importante?

La velocidad y los tiempos de carga de los sitios web tienen un gran impacto en la cantidad de tráfico que recibe un sitio web. No siempre se trata del contenido.

¿Cuántas veces has hecho clic en un enlace a un sitio web, y terminas saliendo un poco más tarde porque tarda una eternidad en cargar el sitio web?

¡Posiblemente más de un par de veces!…

La velocidad de carga de tu web es una de las cosas que mejoran la experiencia general del usuario. Deja una buena primera impresión a los visitantes que vienen por primera vez y sin duda los animará a regresar.

Esto es especialmente crucial para los sitios de comercio electrónico; los compradores potenciales pueden elegir no comprar nada de un sitio web por la simple razón de que les lleva demasiado tiempo ver la mercancía o los bienes que se venden.

En una encuesta reciente, se reveló que hay una ventana de 4 segundos dentro de la cual un visitante del sitio web decide si debe seguir adelante o no, basándose únicamente en la velocidad del sitio web.

Si, después de 4 segundos, el sitio web no se ha cargado, lo más probable es que lo cierren o pasen a otra web.

Esto no es nada bueno, especialmente cuando los usuarios utilizan un teléfono inteligente o cualquier dispositivo móvil. Una reacción en cadena se reflejaría en el ranking del sitio web en los motores de búsqueda.

Google, por ejemplo, clasificaría a los sitios lentos en una posición mas baja, porque su enfoque de “móvil primero” requiere que un sitio web pueda cargarse en un segundo.

Es definitivamente en consonancia con la política de Google de utilizar la velocidad de la página para determinar las clasificaciones en los motores de búsqueda.

Pero no pierdas toda la esperanza. Ahora puedes medir la velocidad de carga de tu web y solucionar los problemas, cuando sea necesario, utilizando una variedad de herramientas a tu disposición.

Sin embargo, aquí venimos a hablar de GTMetrix herramienta de test de velocidad de carga más utilizada y popular hoy en día.

2. ¿Qué es GTMetrix?

GTMetrix es básicamente una herramienta que se utiliza para determinar el rendimiento de los sitios web. Fue desarrollado por GT.net, un proveedor de hosting con centros de datos en todo el mundo, para sus clientes de hosting gestionado.

GT.net construyó GTMetrix para utilizar YSlow y Google PageSpeed Insights!  una especie de combinación de ambos para la evaluación y reposición de los diversos factores que afectan a la velocidad de un sitio web.

PageSpeed es un módulo de código abierto desarrollado por Google con el propósito de identificar los fallos, si los hubiere, en la conformidad de un sitio web con las directrices de Google, tal y como se establece en sus Mejores Prácticas de Rendimiento Web.

YSlow, por otro lado, es la propia herramienta PageSpeed de Yahoo!, que también comprobará el cumplimiento de las reglas de Yahoo! para obtener las mejores prácticas y un rendimiento excepcional.

Es una herramienta gratuita, así que aquellos que la estén probando por primera vez pueden usar la cuenta Básica. Sin embargo, también hay cuatro paquetes de GTMetrix PRO para clientes y desarrolladores que quieren sacar más provecho de la herramienta:

  1. Bronce
  2. Plata
  3. Oro
  4. Personalizado

El cual cuentan con diferentes precios y características. Pero en este articulo vamos a estar usando la versión gratuita.

¡Vamos a pasar ahora a sumergirnos en la herramienta!

3. Analizando tu sitio web con GTmetrix

Primero coloca tu url en gtmetrix

Primero coloca tu URL en GTmetrix

En primer lugar, deberá pegar en la barra la URL del sitio que desea analizar. Para nuestros propósitos de hoy, usaremos Julioesanchez.com como ejemplo.

Asegúrate de tener habilitado JavaScript y no te sorprendas si el informe tarda en compilarse.

Vamos a repasar todo lo que hay en el informe que te arroja la herramienta, pero primero vamos a tener una visión general de todas sus características principales.

4. Características principales de GTMetrix

Echemos un vistazo al conjunto de características que puedes obtener de GTMetrix.

#1. Página del informe completo

informe completo de gtmetrix

Informe completo de GTmetrix

GTMetrix proporciona un resumen del rendimiento de tu sitio web, en particular sobre lo siguiente:

  • Velocidad de carga de la página. GTMetrix hace uso de las reglas de Google PageSpeed y Yahoo YSlow! para analizar la velocidad de carga de tu página.
  • Tamaño total de la página
  • Número total de solicitudes
  • Rendimiento de la página. GTMetrix compara el rendimiento de tu página con el de la media de todos los demás sitios web que ha analizado.

NOTA: Para las siguientes funciones deberás crear una cuenta gratuita en GTMetrix.

#2. Configuración de página

configuracion de la pagina

La pestaña Configuración de página, la utilizarás al menos un poco para optimizarla para los navegadores y plataformas más comunes.

La pestaña de configuración de página es importante porque te permite probar los tiempos de carga de la página con software y redes diferentes, al igual que tus usuarios.

Dada la diversidad de las configuraciones de los visitantes de tu sitio, deberías jugar con las opciones de esta página para que puedas tener un sitio rápido y consistente.

Opta por tiempos de carga rápidos en Firefox, Safari, Chrome y Opera.

#3. Seguimiento del rendimiento de la página

Podrás vigilar el rendimiento de tu sitio web en tiempo real utilizando GTMetrix.

  • Monitoreo programado. El monitoreo de páginas es facilitado y puede ser hecho en tu horario preferido. Puedes realizar pruebas diariamente o, si lo prefieres, puedes hacerlo periódicamente, como semanal o mensualmente. De esta manera, puedes detectar problemas cuando surjan, y ser capaz de anticiparte a otros problemas y actuar sobre ellos antes de que ocurran.
  • Alertas y notificaciones. Nunca te pierdas actividades importantes en el rendimiento de tu web, ya que puedes configurar alertas para que se te notifiquen tus puntuaciones de PageSpeed e YSlow, el tamaño total de la página, el tiempo de carga de la página y el número total de incidencias.
  • Historial de rendimiento. Si deseas consultar el rendimiento de tu sitio durante un período específico, no tienes que lidiar con una larga lista de actividades en tu ficha de Historial. GTMetrix tiene una función que te permite establecer un rango de fechas para que sólo puedas ver los datos que necesites.
  • Gráficos interactivos. GTMetrix permite a los propietarios y desarrolladores de sitios web obtener una representación visual del rendimiento del sitio web utilizando tres tipos de gráficos:
  1. Tiempo de carga de la página, o el tiempo que tarda una página de un sitio web en cargarse por completo
  2. Tamaño de página y número de solicitudes, que tiene algo que ver con los bytes del contenido de la página.
  3. Resultados de PageSpeed e YSlow

Estos gráficos son aún más útiles, ya que puedes anotar las áreas de interés en los gráficos.

5. ¿Cómo usar GTmetrix para acelerar tu sitio web?

Para acelerar la velocidad de carga de tu sitio web, primero deberás interpretar adecuadamente los informes PageSpeed e YSlow dentro de GTMetrix. Esto lo veremos a continuación.

PageSpeed e YSlow

PageSpeed e YSlow realizan funciones similares, pero PageSpeed es la más completa de las dos, así que ahí es donde empezaremos.

PageSpeed (Velocidad de la pagina)

puntuacion de mejora pagespeed gtmetrix

Puntuación de mejora Pagespeed GTmetrix

PageSpeed es la métrica de Google que mide los tiempos de carga del sitio, por lo que tiene mucho peso.

La pestaña PageSpeed es donde pasarás gran parte de tu tiempo en esta herramienta.

En la parte superior, verás los elementos, la calificación que obtiene tu sitio, el tipo de asesoramiento y la prioridad de ese asesoramiento.

Una vez que te hayas dirigido a los avisos, puedes ejecutar la herramienta de nuevo y obtener una nueva puntuación. Si no estás seguro de cómo implementar las sugerencias de PageSpeed, te diré como hacerlo.

Repasemos todos los consejos y expliquemos lo que significan.

Inline small JavaScript

Los paquetes pequeños de JavaScript que requieren la carga de recursos externos pueden ralentizar bastante tu sitio, como indica esta herramienta.

Este aviso apunta a elementos de JavaScript que podrías potencialmente retrabajar en HTML y así aumentar la velocidad de carga.

¿Como optimizarlo?

Puede utilizar un plugin gratuito como Autoptimize para hacerlo.

Defer parsing of JavaScript

El JavaScript y CSS bloquean la visualización por defecto. Esto quiere decir que impedirán que la pagina se cargue completamente hasta que se descargue y sea procesada por el navegador.

Algunas formas simples de solucionarlo es por medio del plugin Autoptimize o Async JavaScript ambos gratuitos y que puedes encontrar en el repertorio de plugin de WordPress.

Minify JavaScript

Minimizar (minify) es el proceso de compactación de código, y esta herramienta te dice qué elementos de JavaScript puedes minimizar y cuántos bits de minimización se guardarán.

De nuevo entra en el juego el plugin Autoptimize, solo asegúrate de marcar la opción “Optimizar el código JavaScrip”

Minify CSS

Al igual que JavaScript, la minimización de CSS también puede ahorrar tiempo de carga.

Otra ves con el plugin Autoptimize, solo asegúrate de marcar la opción “Optimizar el código CSS”

Specify a cache validator (Especificar un validador de caché)

Si tu sitio no tiene un validador de caché, tus usuarios pasarán más tiempo recargando y navegando por tu sitio.

Los cachés reducen los tiempos de carga en el sitio bastante y esta herramienta comprueba que tus cachés son accesibles comprobando el validador.

Leverage browser caching

Este aviso comprueba si tu sitio tiene habilitado el almacenamiento en caché. Pero solo podrás corregir los recursos que controlas, En pocas palabras, los recursos que estés viendo de sitios externos no podrás corregirlo.

Optimizar imágenes

Este aviso comprueba si las imágenes de tu sitio están comprimidas o no. Si tiene imágenes que no están comprimidas, las verá en una lista.

Para corregirlas te recomiendo el plugin optimizador.io

Minimizar HTML

Minimizar tu código HTML puede ahorrar unos pocos bytes de datos; esta herramienta enumera instancias de código que podrían reducirse.

Para minimizar el HTML puedes usar el plugin Autopmatize y marcar la opción “optimizar HTML

Remove query strings from static resources (Eliminar cadenas de consulta de recursos estáticos)

Esta herramienta evalúa si alguna de las URL de tu sitio tiene un signo de interrogación. Si una URL tiene un signo de interrogación, tu sitio no será almacenado en caché por ciertos servidores.

Una de las maneras más fáciles eliminar y corregir esto es utilizar el plugin gratuito Query Strings Remover.

Avoid bad requests

Esta parte del informe comprueba si tu sitio web tiene enlaces rotos. Los enlaces rotos retrasan los tiempos de carga.

Avoid landing page redirects

Si la primera página de tu sitio redirige al usuario a la página siguiente, el valioso tiempo de carga desaparece.

Esta herramienta simplemente comprueba si tienes algún redireccionamiento que no sea necesario.

Habilitar la compresión gzip

La compresión Gzip reduce el tamaño de los archivos que tu servidor envía a los usuarios cuando intentan acceder a tu sitio; esta herramienta comprueba si está activada.

Para habilitar la compresión gzip, solo debes añadir el siguiente código a tu archivo .htaccess.

<IfModule mod_deflate.c>
# Compress HTML, CSS, JavaScript, Text, XML and fonts
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
AddOutputFilterByType DEFLATE application/x-font
AddOutputFilterByType DEFLATE application/x-font-opentype
AddOutputFilterByType DEFLATE application/x-font-otf
AddOutputFilterByType DEFLATE application/x-font-truetype
AddOutputFilterByType DEFLATE application/x-font-ttf
AddOutputFilterByType DEFLATE application/x-javascript
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE font/opentype
AddOutputFilterByType DEFLATE font/otf
AddOutputFilterByType DEFLATE font/ttf
AddOutputFilterByType DEFLATE image/svg+xml
AddOutputFilterByType DEFLATE image/x-icon
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/javascript
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/xml

# Remove browser bugs (only needed for really old browsers)
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4\.0[678] no-gzip
BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
Header append Vary User-Agent
</IfModule>

Activar Keep-Alive

Esta herramienta comprueba si tu sitio permite conexiones TCP persistentes.

Si tu sitio no permite a los usuarios enviar varias solicitudes TCP, tendrán que restablecer la conexión para cada solicitud y perder un tiempo valioso.

Inline small CSS

Si tu sitio hace referencia a scripts CSS externos, puedes ahorrar tiempo moviéndolos en línea con tu propio sitio.

Esta herramienta comprueba las instancias de scripts CSS externos que reducirían el tiempo de carga si estuvieran en línea.

Puedes hacerlo por medio del plugin Autoptimize, solo debes activar la opcion “Inline all CSS“.

Minimizar los redireccionamientos

Cada URL que conduce a una redirección desperdicia tiempo de carga. Esta herramienta busca instancias de redirecciones inútiles y las lista por ti. Deberás reducir el uso de redirecciones.

Minimizar el tamaño de la solicitud

Esta herramienta comprueba si tus cookies y encabezados son lo más pequeños posible. Esta herramienta también comprueba si una única petición HTTP puede caber en un único paquete.

Si no estás seguro de por qué es importante encajar una única petición HTTP en un único paquete, consulte este recurso.

Put CSS in the document head

Esta herramienta comprueba si la ubicación de tu CSS está en el body de tu sitio cuando debería estar en el header.

Servir recursos desde una URL coherente

Si tu sitio no envía paquetes desde una URL consistente, esta herramienta te lo hará saber. Si envías paquetes desde URLs inconsistentes, probablemente experimentará esfuerzos duplicados y tiempos de carga más lentos.

Servir imágenes a escala

Esta herramienta comprueba si estás enviando imágenes de menor tamaño a tus usuarios. Las imágenes de tamaño completo se cargan mucho más lentamente en dispositivos móviles y otras plataformas, por lo que el escalado es importante.

Puedes ajustar el tamaño de tus imágenes con un plugin de otimización de imágenes como el que te recomendé mas arriba.

Combinar imágenes utilizando sprites CSS

Esta herramienta comprueba si tienes alguna imagen que pueda combinarse en sprites CSS individuales.

Evite CSS @import

Si usas llamadas CSS’ @import, estarás ralentizando el tiempo de carga de tu sitio. Esta herramienta te indica cada instancia de @import.

Preferir recursos asincrónicos

Si tratas de cargar todas tus imágenes simultáneamente, tu sitio no será visible hasta que todas estén terminadas. Esta herramienta comprueba los casos en los que una imagen bloquea la carga de otra debido a la carga simultánea.

Specify a character set early

Esta herramienta comprueba si el código de tu sitio identifica su conjunto de caracteres de forma temprana, lo que reduce el tiempo de carga del navegador.

Especificar las dimensiones de la imagen

Esta herramienta examina cada una de tus imágenes para ver si tienen dimensiones especificadas en sus metadatos. Si tus imágenes tienen dimensiones especificadas, los usuarios no perderán tiempo de carga en imágenes redundantes.

Incorrecto:

<img src=”https://dominio.com/images/imagen1.png”>

Correcto:

<img src=”https://dominio.com/images/imagen1.png” width=”300″ height=”200″>

Avoid a character set in the meta tag

Si especifica un juego de caracteres en la meta etiqueta de tu sitio, deshabilitarás ciertas funciones de descarga paralela en algunos navegadores antiguos.

Specify a Vary: Accept-Encoding header

Esta herramienta comprueba si tu sitio indica a los usuarios que acceden a través de un proxy que almacenen copias comprimidas y no comprimidas de las imágenes en tu sitio.

Tener esta configuración evita que tu sitio sirva a usuarios proxy con imágenes comprimidas que su proxy no soporta, previniendo la pérdida de tiempo valioso de carga.

Arreglar el Aviso “Specify a Vary: Accept-Encoding Header” en .htaccess

Para solucionarlo agrega el siguiente código a tu archivo .htaccess vía FTP. Este archivo lo puedes encontrar en la raíz (root) de tu servidor.

<IfModule mod_headers.c>
<FilesMatch “.(js|css|xml|gz|html)$”>
Header append Vary: Accept-Encoding
</FilesMatch>
</IfModule>

Ysalow

avisos de mejora en yslow

Avisos de mejora en Yslow y como corregir los mas comunes

Ahora que hemos visto el poder de PageSpeed y entendemos sus características, vamos a sumergirnos en YSlow.

YSlow se basa en el trabajo del equipo de SEO de Yahoo y se compone de 23 métricas separadas con las que prueba tu sitio. Por ahora, apenas piensa en él como un régimen de la velocidad del sitio de Yahoo.

YSlow te da una lista de criterios y puntuaciones de tu sitio, al igual que PageSpeed. Si eres novato en una o más categorías, puedes hacer clic en la barra para expandirla.

YSlow puede no parecer tan completo como PageSpeed, pero es una perspectiva menos técnica a simple vista de tu web.

Algunos de los avisos de YSlow se solapan con los de PageSpeed. Si no estás seguro de cómo implementar las sugerencias de YSlow, te voy a ayudar con las mas comunes que la gran mayoría de webmaster tiene que mejorar.

Ahora, nos sumergiremos paso a paso a través de todos los avisos de YSlow como lo hicimos con PageSpeed.

Hacer menos peticiones HTTP

Esta herramienta comprueba si tu sitio tiene scripts JavaScript, elementos HTML o elementos CSS externos. La combinación de estos elementos en una sola instancia de su clase reducirá el tiempo de carga.

Add Expires headers (Agregar Encabezados de Vencimiento)

Esta herramienta comprueba si tu sitio está añadiendo los encabezados de vencimiento apropiadamente. Las cabeceras de caducidad indican a los usuarios cuándo cargar una versión en caché del sitio. Si tus usuarios no pueden acceder a una versión en caché del sitio, sufrirán tiempos de carga mucho más lentos.

Para solucionarlo es tan simple como agregar las siguientes linea a tu archivo .htaccess.

## EXPIRES HEADER CACHING ##
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg “access 1 year”
ExpiresByType image/jpeg “access 1 year”
ExpiresByType image/gif “access 1 year”
ExpiresByType image/png “access 1 year”
ExpiresByType text/css “access 1 month”
ExpiresByType application/pdf “access 1 month”
ExpiresByType application/javascript “access 1 month”
ExpiresByType application/x-javascript “access 1 month”
ExpiresByType application/x-shockwave-flash “access 1 month”
ExpiresByType image/x-icon “access 1 year”
ExpiresDefault “access 7 days”
</IfModule>
## EXPIRES HEADER CACHING ##

Minimizar JavaScript y CSS

Al igual que en PageSpeed, este aviso comprueba dónde se puede minimizar el código JavaScript y CSS para aumentar el tiempo de carga.

Usar una Red de Entrega de Contenido (CDN)

Las CDNs hacen que tu sitio tenga una respuesta uniforme incluso cuando tus usuarios están lejos del hosting. Si tu sitio no utiliza una CDN, esta herramienta le indicará lo que te falta.

Algunos CDN que te recomiendo son Cloudflare y KeyCDN, yo utilizo Cloudflare en su versión gratuita va muy bien.

Evita los redireccionamientos de URL

Al igual que en PageSpeed, este aviso te indica dónde tiene que redirigir URLs, lo que supone una pérdida de tiempo de carga.

Reducir las búsquedas de DNS

Cuantos más dominios tengas repartidos tu sitio, más búsquedas de DNS tendrán que realizar tus usuarios para navegar por tu sitio. Esta herramienta comprueba qué dominios utiliza tu sitio y te ofrece consejos sobre cómo corregirlos

Una forma de ayudar a reducir esto es alojar las fuentes de Google en tu propia CDN, como resultado dejando las búsquedas de DNS a Google y no a tu servidor.

Comprimir componentes con gzip

Al igual que en PageSpeed, esta herramienta comprueba si está ahorrando tiempo de carga comprimiendo los elementos de tu sitio siempre que sea posible.

Hacer AJAX cacheable

Si tu sitio no está almacenando en caché las peticiones AJAX, tus usuarios esperarán más tiempo antes de que tu sitio se cargue.

Eliminar JavaScript y CSS duplicados

Los scripts HTML, JavaScript y CSS extraños pueden dificultar los tiempos de carga de tu sitio, por lo que esta herramienta encontrará instancias de duplicados y los listará por ti.

Evita el filtro AlphaImageLoader

Esta herramienta comprueba si tu sitio utiliza el filtro Alpha Image Loader, un método de renderizado obsoleto utilizado en ediciones anteriores de Internet Explorer.

Evitar errores HTTP 404 (No encontrado)

Esta herramienta identifica errores 404 en tu sitio y los lista por ti. Para que se ta haga mas fácil solucionarlo.

Reducir el número de elementos DOM

Los elementos DOM (Document Object Model) aumentan la complejidad de tu página y por lo tanto aumentan los tiempos de carga de tu sitio. Esta herramienta identifica los elementos DOM presentes.

Usar dominios sin cookies

Servir contenido de un dominio rico en cookies ralentiza el acceso de los usuarios a tu sitio, por lo que esta herramienta comprueba tu entrega de contenido para dominios habilitados para cookies.

Usar GET para peticiones AJAX

Las peticiones AJAX tienen dos formatos de cabecera: GET, y POST. GET es el más rápido de los dos métodos, por lo que esta herramienta comprueba para asegurarse de que tu sitio lo está utilizando en lugar de su primo más lento.

Evitar expresiones CSS

Las expresiones CSS son conocidas por su bajo rendimiento. Esta herramienta comprueba tu código en busca de expresiones CSS y te las señala.

Reducir el tamaño de las cookies

Al igual que el equivalente de PageSpeed, esta herramienta comprueba las cookies de tu sitio para asegurarse de que son lo más ágiles posible.

Hacer favicon pequeño y cacheable

Los favicones son iconos en una página que se sirven a los usuarios a través de un archivo específico. Si este archivo es demasiado grande o no está almacenado en caché, los usuarios tendrán tiempos de carga más lentos.

Configurar etiquetas de entidad (ETags)

Las ETags ayudan a tus usuarios a ver si pueden acceder a una versión en caché de tu sitio o si necesitan solicitar una nueva versión del servidor. Si tus ETags faltan, tus usuarios siempre solicitarán una nueva versión del servidor, ralentizando sus tiempos de carga.

Hacer JavaScript y CSS externo

En algunos sitios, hacer JavaScript y CSS cargados desde sitios externos en lugar de en línea puede darle a tu página un mejor tiempo de carga. Esta herramienta evalúa el número de CSS en línea y elementos de script.

6. Resultado final luego de aplicar algunas mejoras de las que te he compartido en el articulo:

resultado final velocidad de carga

Resultado final velocidad de carga de JulioEsanchez.com

7. VÍDEO CLASES: Aumentar la Velocidad de Carga PageSpeed de 0 a 100

8. Pensamientos finales y características que me gustaría ver que GTMetrix implemente en el futuro

GTMetrix es una de las muchas herramientas de pruebas de velocidad en el mercado, y en general encuentro que es bastante buena en lo que hace.

Sin embargo, la herramienta espera que el usuario tenga una comprensión relativamente firme de algunos de los procedimientos más avanzados necesarios para aumentar la velocidad de carga de la web.

He discutido las principales aquí hoy, como optimizar JavaScript, CSS y HTML. Algunas sugerencias o herramientas incorporadas para probar este tipo de ineficiencias serían una gran ayuda para los nuevos usuarios.

En general, GTMetrix es una gran herramienta que te puede proporcionar una gran cantidad de datos que pueden hacer la tarea de optimización del sitio web mucho, mucho más fácil, si sabes cómo utilizar correctamente los datos y aplicar los cambios.

Además, obtener alertas en tiempo real del monitoreo programado es invaluable para mantener la velocidad en el tiempo, y GTMetrix hace un buen trabajo al proporcionar este tipo de notificaciones.

Si sigues las sugerencias que he hecho aquí y no dudes en jugar un poco con tus propios retoques y experimentos, estarás en camino a tener un sitio web rápido como un rayo del que los usuarios no se alejarán.

¿Tienes algún otro consejo para mejorar el tiempo de carga que no haya mencionado en el articulo?

Como Hacer un Test de Velocidad de Carga de tu Sitio Web – Guía GTmetrix
4.3 (85%) 4 votos