martesclass gtmetrix
TRANSCRIPT
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
Opciones básicas• URL• Localización• Navegador (Firefox/Chrome, escritorio/móvil)
Otras• Limitar velocidad conexión• Adblock, HTTP auth, cookies, filtrar URLs…
Martes Class: GTMetrix
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
Martes Class: GTMetrix
Datos informe• Puntuación Pagespeed + Yslow (A-F, %)• Tiempo de carga• Peso y n.º peticiones
Martes Class: GTMetrix
Datos informe
• Informe PageSpeed + recomendaciones• Informe Yslow + recomendaciones• Cascada• Video (PRO)• Historial
Martes Class: GTMetrix
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
Martes Class: GTMetrix
Otras opciones
• CompararComparar informe con otro:• URL• Región
• AlertasNotificaciones por emailsegún condiciones
Martes Class: GTMetrix
Recomendaciones PageSpeed:Leverage browser caching• Configurar servidor web para que el navegador cachee recursos• Cabeceras .htaccess (o plugins, funcionalidad CMS…)
Martes Class: GTMetrix
## 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)
Martes Class: GTMetrix
# 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)
Martes Class: GTMetrix
Recomendaciones PageSpeed:Optimización Javascript
• Preferir scripts asíncronos (async, defer)• Posición <script> (asíncronos pronto, resto al final)• Minificar y cachear
Martes Class: GTMetrix
Recomendaciones PageSpeed:Optimización CSS
• CSS externo al principio de <head>• CSS inline al final de <head>• Evitar @import• Combinar• Minificar y cachear
Martes Class: GTMetrix
Recomendaciones PageSpeed:Otras
• Evitar redirecciones y errores (404…)• Cargar recursos (JS, fonts...) externamente• CDN para recursos estáticos
Martes Class: GTMetrix