Martesclass GTmetrix

Martes Class:GTmetrix

Qué es y para qué sirve • Herramienta para medir rendimiento de sitio web• Creada por GT.net para sus clientes de hosting• Mide velocidad de carga, puntuaciones

PageSpeed (Google) / Yslow (Yahoo)• Informes completos, recomendaciones• Monitorización, historial, alertas…• API• Versión gratuita y PRO (planes a medida)

Martes Class: GTMetrix

URL y opcionesMartes Class: GTMetrix

Opciones básicas• URL• Localización• Navegador (Firefox/Chrome, escritorio/móvil)

Otras• Limitar velocidad conexión• Adblock, HTTP auth, cookies, filtrar URLs…


Recomendaciones

• Decidir URLs a medir (home, páginas clave…)• ¿De dónde vienen los usuarios?

Región cercana vs múltiples• CONSISTENCIA. Mantener mismas opciones


InformeMartes Class: GTMetrix

Datos informe• Puntuación Pagespeed + Yslow (A-F, %)• Tiempo de carga• Peso y n.º peticiones


Datos informe

• Informe PageSpeed + recomendaciones• Informe Yslow + recomendaciones• Cascada• Video (PRO)• Historial


Pestaña informe cascada (Waterfall)Martes Class: GTMetrix

• Carga detallada elementos (imágenes, css..)

• Detectar errores y cuellos de botella

Pestaña HistorialMartes Class: GTMetrix

• Guarda cada test, manual o automatizado (monitorización)

• Historial tiempo/peso/puntuaciones

• Evolución en el tiempo• Añadir Notas

Monitorización

• Botón tras generar informe• Seleccionar frecuencia• Límites según plan.

Cuenta gratuita = Max 3


Otras opciones

• CompararComparar informe con otro:• URL• Región

• AlertasNotificaciones por emailsegún condiciones


Recomendaciones principales(coste vs impacto)


Recomendaciones PageSpeed:Leverage browser caching• Configurar servidor web para que el navegador cachee recursos• Cabeceras .htaccess (o plugins, funcionalidad CMS…)


## EXPIRES CACHING ##<IfModule mod_expires.c>ExpiresActive OnExpiresByType image/jpg "access plus 1 year"ExpiresByType image/jpeg "access plus 1 year"ExpiresByType image/gif "access plus 1 year"ExpiresByType image/png "access plus 1 year"ExpiresByType text/css "access plus 1 month"ExpiresByType application/pdf "access plus 1 month"ExpiresByType text/x-javascript "access plus 1 month"ExpiresByType application/x-shockwave-flash "access plus 1 month"ExpiresByType image/x-icon "access plus 1 year"ExpiresDefault "access plus 2 days"</IfModule>

Recomendaciones PageSpeed:Enable gzip compression• Activar compresión gzip en servidor web (.htaccess)


# BEGIN GZIP<ifmodule mod_deflate.c>AddOutputFilterByType DEFLATE text/text text/html text/plaintext/xml text/css application/x-javascript application/javascript</ifmodule># END GZIP

Recomendaciones PageSpeed:Optimización imágenes

• Smushing (comprimir sin pérdida)• Evitar escalado (servir al tamaño adecuado)• Especificar dimensiones (width, height, CSS)• Combinar iconos (sprites CSS)


Recomendaciones PageSpeed:Optimización Javascript

• Preferir scripts asíncronos (async, defer)• Posición <script> (asíncronos pronto, resto al final)• Minificar y cachear


Recomendaciones PageSpeed:Optimización CSS

• CSS externo al principio de <head>• CSS inline al final de <head>• Evitar @import• Combinar• Minificar y cachear


Recomendaciones PageSpeed:Otras

• Evitar redirecciones y errores (404…)• Cargar recursos (JS, fonts...) externamente• CDN para recursos estáticos


Date post:	15-Apr-2017
Category:	Marketing
Upload:	aukera
View:	268 times
Download:	0 times

Martesclass GTmetrix

Marketing