Medidores Web 2018

Cómo medir tu página web y cómo optimizarla según los resultados:

En la actulidad existen muchas herramientas online para medir la potencia web, es fundamental para luego analizar los resultados y poder mejorarla. Aquí estudiaremos los principales medidores web 2018.

Dividiré el artículo en 4 categorías. Los que miden:

POTENCIA GENERAL   

 VELOCIDAD   

SEO   

RESPONSIVE   

Como ejemplo, para analizar los datos utilizaré mi página: sevenroom.es (Es mi antigua página)

1. Generales. Hacen un medición básica de todos los aspectos de tu web:

 

Website Grader

website grader

En grande, en medio del círculo verde te aparecerá la optimización general de la página, y más abajo la optimización por partes, valorando:

PERFORMANCE: Aspectos técnicos como la velocidad de carga, su peso, minimización de código…

MÓVIL: Grado de adaptabilidad a los distintos dispositivos. Si es responsive y adaptable.

SEO: Analiza los títulos y metadescripciones de la página, y si Google dispone de sitemap (mapa necesario para que Google rastree tu sitio web).

[Website Grader hace un análisis SEO de forma bastante básica, hay páginas mejores para su análisis que veremos en este artículo]

website seo

SECURITY: Analiza si el sitio dispone de certificado de seguridad SSL (https://)

Al final de la página te sugiere las modificaciones que debes realizar para mejorar tu web.

Analiza tu web en Website Grader

 

Pagespeed

Se trata de la página de análisis oficial de Google. Es bastante completa y analiza a la vez la potencia en los dispositivos móviles y de escritorio.

pagespeed good

Principales prácticas que tiene en cuenta:

Optimización de imágenes: puedes optimizarlas en tu sitio web mediante compresión con Imagify o WP Smush.

Minificar código CSS, HTML y Javascript: Se puede hacer manualmente o con plugins como AutoptimizeW3Total Cache…

IMPORTANTE!!

Hay que tener mucho cuidado al minificar código, sobre todo Javascript, ya que puede afectar a funciones de la página, por ejemplo en la mía hay parte de Javascript no minificado aunque afecte a los medidores, para que puedan funcionar los códigos del formulario de Calcular presupuesto o de Contacto .

Especificar caché en el navegador: Se puede especificar manualmente o con WP Fastest Cache o W3 Total Cache.

Habilitar compresión: Es una opción importante que se puede hacer  fácil desde los plugins de caché.

Tiempo de respuesta de servidor: Depende del servicio que hayas contratado para almacenar tu web, si es un servidor compartido o dedicado.

La mayoría son compartidos y hay servidores como Raiola muy económicos y veloces.

Es el que uso para esta web y tarda 200 milisegundos en conectar, siendo muy rápido y pasando los filtros de velocidad de todos los medidores.

ANOTACION IMPORTANTE:

Es “imposible” llegar al 100% en esta web, ya que tiene alguna incoherencia. Por ejemplo, si enlazas tu web a Google para que la rastree. Ya te da fallos de especificar caché en el navegador.

Pero es código propio de Google, por lo que ahí no podemos influir y aún así lo indica como posible mejora.

Por ello a veces no es bueno obsesionarse por hacer una optimización increíble, ya que podemos desmontar la web.

pagespeed javascript google

Analiza tu web en Pagespeed

 

GT Metrix

Para mí, es el más completo. El más técnico a la hora de decirte los fallos y cómo solucionarlos.

gt metrix medidor

Hace a la vez un análisis como si fuese Pagespeed y otro como si fuese YSlow, son los medidores que se pueden ver desde este sitio web con una mejor explicación de cómo arreglar los problemas.

Es un poco más técnico pero mucho más completo desde mi punto de vista.

Analiza tu web en GTMetrix

2. Velocidad de la Web:

Pingdom

Pingdom es genial a la hora de ofrecerte cómo de rápido se carga tu página y cuáles son los elementos que más hacen que tarde en cargarse. Una visión general sería la siguiente:

pingdom medidor

¿Cuál es su principal virtud? Lo que vas a ver a continuación: La velocidad de carga de los elementos de forma individual para poder corregir alguno si observamos problemas.

medidor pingdom

Cada color tiene un significado y si pones el cursor sobre ellos te indica que representa cada uno.

Analiza tu web en Pingdom

3. Medidor de potencia SEO

SEO SiteCheckup

Mide las principales características del SEO: Los aspectos generales, velocidad, servidores y seguridad, usabilidad en los distintos dispositivos (responsive) y SEO Avanzado. Esta sería su apariencia básica.

medidor seosite

Analiza los fallos y te ofrece cómo corregirlos, además los gradúa según la gravedad y la prioridad con la que debes proceder.

Hay una extensión de Google llamda Woorank que hace para mí una de los mejores análisis de SEO. La pega es que es de pago y aquí estamos viendo únicamente los mejores gratuítos que existen.

De todas maneras, si tu web tiene buenas puntuaciones en todos estos medidores gratuítos es que realmente está bien optimizada, y los ajustes que le faltan serán escasos y muy técnicos.

 

Analiza tu web en SEO SiteCheckup

4. Medidor Responsive:

Responsinator

Aunque todos los medidores te ofrecen resultados de si tu web se adapta a los dispositivos o no, ninguno lo hace para mí tan bien como Responsinator.

No te dice si tu sitio es responsive o no, sino que en pantalla te aparecerán todos los dispositivos con todos los tamaños posibles, y tu página web abierta en cada uno de ellos para que analices tú mismo si en alguno ofrece problemas y lo puedas arreglar:

analizador responsinator

Cualquier dispositivo móvil y tablet, desde 300 píxeles hasta 1024 píxeles será mostrado.

Analiza tu web en Responsinator

Esperamos que este artículo os ayudase!

¿Tenéis alguna otra página gratuita que mida cualidades web sin la cual no podríais vivir?