Auditoria Sitio Web

Análisis del Sitio Web del Equipo “Caracas Futbol Club” (http://caracasfutbolclub.com/principal/)

I. Análisis con La opción “Herramientas para Desarrolladores de Google Chrome)

1. Elements

En esta pestaña podemos ver el marcado página web, así como los estilos que afectan a la página, que se puede utilizar para inspeccionar lo que salió mal en HTML y ‘CSS.

En esta Área pudimos acotar que se modifico el logo del equipo por el de la Barra del Caracas antiguo y la imagen del Encabezado. Colocando al hincha como principal protagonista de la web. También le cambiamos el color de fondo en el menú de Style (Ver Anexo 1.1)

En la pestaña Console, podemos ver los eventos de registro de errores y advertencias. Esta notificación por debajo de la consola muestra que dos de los archivos no se puede cargar, también notifica un error de un número o una cadena numérica que representa el identificador de la aplicación. Esta sección nos permite corregir los errores que presente (Ver Anexo 1.2).

2. Sources

En esta pestaña revisamos el código javascript, normalmente en esta herramienta evaluamos los errores y la usamos para depurar el código. (Ver Anexo 1.3)

3. Network:

Utilizamos el panel de red para conocer qué componentes de la página web o aplicación está solicitando a los servidores Web, cuánto tiempo llevan estas peticiones, y cuánto ancho de banda requieren. También podemos ver la petición HTTP y los encabezados de respuesta para cada uno de sus recursos. El panel de la red es perfecto para ayudarnos a acelerar los tiempos de carga de la página. (Ver Anexo 1.4 y 1.5)

4. Timeline:

Analizamos la velocidad, el panel “Timeline” ofrece una profunda visibilidad detrás de las actividades que realiza Chrome. (Ver Anexo 1.6)

5. Profiles:

Se Capturo y analizo el rendimiento de los scripts de JavaScript. (Ver Anexo 1.7)

6. Resources:

Inspeccionamos los recursos que son cargados / disponibles en la página nos permite interactuar con el marco en árbol “Frame trees” que contiene cada marco con los recursos (HTML, JavaScript, CSS, imágenes, fuentes, etc), bases de datos, almacenamiento local de HTML5, cookies y AppCache. (Ver Anexo 1.8)

7. Audits:

• Combine external JavaScript: Hay múltiples recursos servido de mismo dominio. Considere la posibilidad de combinarlos en el menor número posible de archivos. 23 Recursos de JavaScript sirven de syndication.twitter.com.

• Leverage browser caching (23): Los siguientes recursos están explícitamente no almacenable en caché . Considere la posibilidad de hacerlos cacheable si es posible:

• 347767667991666689

• 347767667991666689

• 347767667991666689

• 347767667991666689

• 347767667991666689

• 347767667991666689

• 347767667991666689

• 347767667991666689

• 347767667991666689

• 347767667991666689

• 347767667991666689

• 347767667991666689

• 347767667991666689

• 347767667991666689

• 347767667991666689

• 347767667991666689

• 347767667991666689

• 347767667991666689

• 347767667991666689

• 347767667991666689

• 347767667991666689

• 347767667991666689

• 347767667991666689

• Minimize Cookie Size: El tamaño medio de cookies para todas las peticiones de esta página es de 39 B

• Specify image dimensions (25): La anchura y la altura deben ser especificados para todas las imágenes con el fin de acelerar la visualización de la página. Las siguientes imágenes falta una anchura y / o altura :

• sponsors_top.jpg

• redes.png

• luto_cfc.jpg

• TUCKERCITO.jpg

• /principal/images/Oct_2014/SUB 20 ONCE VS LAR.JPG (2 uses)

• prev.png

• next.png

• /principal/images/Oct_2014/Once Caracas B vs Dvo La Guaira B.jpg

• /principal/images/Oct_2014/cfc lara.jpg (2 uses)

• /principal/images/Oct_2014/perdomo omar.jpg

• ticket.jpg

• prev.png (2 uses)

• next.png (2 uses)

• enzito.jpg

• /principal/images/Oct_2014/Enderson Zurita celebra su tanto con sus compaeros CARRUSEL.jpg

• /principal/images/Oct_2014/Leonel Vielma y su Sub 14 golearon en la Santa Mara CARRUSEL.jpg

• campeonas.jpg

• estrellalist.jpg (5 uses)

• conducta.jpg

• camiseta.jpg

• radio.jpg

• topvideo.png

• celular.jpg

• sponsors2.jpg

• mini_banderin.png

8. Optimize the order of styles and scripts (8): Los siguientes archivos CSS externos se incluyeron después de un archivo JavaScript externo en el encabezado del documento. Para asegurar que los archivos CSS se descargan en paralelo, siempre incluya CSS externo antes de JavaScript externo.

• system.css

• general.css

...