Descargar para leer sin conexión
Subido porAukera
Martesclass GTmetrix
GTmetrix es una herramienta diseñada para medir el rendimiento de sitios web, evaluando la velocidad de carga y ofreciendo informes completos con recomendaciones. Permite monitorear el historial de pruebas y proporciona opciones para medir diferentes URLs y configuraciones de conexión. Incluye sugerencias para optimizar la carga de recursos, como la compresión Gzip y el almacenamiento en caché del navegador.
Martesclass GTmetrix
- 1.
- 2. Qué es ypara 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
- 3. URL y opciones MartesClass: GTMetrix
- 4. 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
- 5. Recomendaciones • Decidir URLsa medir (home, páginas clave…) • ¿De dónde vienen los usuarios? Región cercana vs múltiples • CONSISTENCIA. Mantener mismas opciones Martes Class: GTMetrix
- 6.
- 7. Datos informe • PuntuaciónPagespeed + Yslow (A-F, %) • Tiempo de carga • Peso y n.º peticiones Martes Class: GTMetrix
- 8. Datos informe • InformePageSpeed + recomendaciones • Informe Yslow + recomendaciones • Cascada • Video (PRO) • Historial Martes Class: GTMetrix
- 9. Pestaña informe cascada(Waterfall) Martes Class: GTMetrix • Carga detallada elementos (imágenes, css..) • Detectar errores y cuellos de botella
- 10. Pestaña Historial Martes Class:GTMetrix • Guarda cada test, manual o automatizado (monitorización) • Historial tiempo/peso/puntuaciones • Evolución en el tiempo • Añadir Notas
- 11. Monitorización • Botón trasgenerar informe • Seleccionar frecuencia • Límites según plan. Cuenta gratuita = Max 3 Martes Class: GTMetrix
- 12. Otras opciones • Comparar Compararinforme con otro: • URL • Región • Alertas Notificaciones por email según condiciones Martes Class: GTMetrix
- 13. Recomendaciones principales (coste vsimpacto) Martes Class: GTMetrix
- 14. Recomendaciones PageSpeed: Leverage browsercaching • 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 On ExpiresByType 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>
- 15. Recomendaciones PageSpeed: Enable gzipcompression • Activar compresión gzip en servidor web (.htaccess) Martes Class: GTMetrix # BEGIN GZIP <ifmodule mod_deflate.c> AddOutputFilterByType DEFLATE text/text text/html text/plain text/xml text/css application/x-javascript application/javascript </ifmodule> # END GZIP
- 16. 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
- 17. 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
- 18. 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
- 19. Recomendaciones PageSpeed: Otras • Evitarredirecciones y errores (404…) • Cargar recursos (JS, fonts...) externamente • CDN para recursos estáticos Martes Class: GTMetrix