aydsistemas.files.wordpress.com  · web viewtu página tiene 8 recursos css que provocan un...

12
ANEXO C: ADAPTABLIDAD Acerca de PageSpeed Insights PageSpeed Insights mide el rendimiento de las páginas para dispositivos móviles y para ordenadores. Obtiene la URL dos veces, una vez con un agente de usuario para móviles, y otra con un agente de usuario para ordenadores. La puntuación de PageSpeed va de 0 a 100 puntos. Cuanto más alta sea la puntuación, mejor. Por ejemplo, una puntuación de 85 indicaría que el rendimiento de la página es bueno. Ten en cuenta que siempre estamos mejorando PageSpeed Insights, por lo que es posible que cambie la puntuación a medida que añadamos nuevas reglas o mejoremos nuestro sistema de análisis. PageSpeed Insights mide cómo la página puede mejorar el rendimiento de los siguientes factores: tiempo de carga en la mitad superior de la página: tiempo transcurrido desde el momento en que un usuario solicita una página nueva hasta que el navegador muestra el contenido de la mitad superior. tiempo de carga completa de la página: tiempo transcurrido desde el momento en que un usuario solicita una página nueva hasta que se muestra completamente en el navegador. Sin embargo, dado que el rendimiento de una conexión de red varía considerablemente, PageSpeed Insights solo tiene en cuenta los aspectos de rendimiento ajenos a la red: la configuración del servidor, la estructura HTML de la página y el uso de recursos externos como imágenes, JavaScript y CSS. Si sigues las recomendaciones, debería mejorar el rendimiento relativo de la página. No obstante, el rendimiento absoluto de la página dependerá de la conexión de red del usuario. Se ha clasificado cada recomendación con un indicador de prioridad para indicar su importancia:

Upload: doankhue

Post on 10-Sep-2018

214 views

Category:

Documents


0 download

TRANSCRIPT

ANEXO C: ADAPTABLIDAD

Acerca de PageSpeed Insights

PageSpeed Insights mide el rendimiento de las páginas para dispositivos móviles y para ordenadores. Obtiene la URL dos veces, una vez con un agente de usuario para móviles, y otra con un agente de usuario para ordenadores.

La puntuación de PageSpeed va de 0 a 100 puntos. Cuanto más alta sea la puntuación, mejor. Por ejemplo, una puntuación de 85 indicaría que el rendimiento de la página es bueno. Ten en cuenta que siempre estamos mejorando PageSpeed Insights, por lo que es posible que cambie la puntuación a medida que añadamos nuevas reglas o mejoremos nuestro sistema de análisis.

PageSpeed Insights mide cómo la página puede mejorar el rendimiento de los siguientes factores:

tiempo de carga en la mitad superior de la página: tiempo transcurrido desde el momento en que un usuario solicita una página nueva hasta que el navegador muestra el contenido de la mitad superior.

tiempo de carga completa de la página: tiempo transcurrido desde el momento en que un usuario solicita una página nueva hasta que se muestra completamente en el navegador.

Sin embargo, dado que el rendimiento de una conexión de red varía considerablemente, PageSpeed Insights solo tiene en cuenta los aspectos de rendimiento ajenos a la red: la configuración del servidor, la estructura HTML de la página y el uso de recursos externos como imágenes, JavaScript y CSS. Si sigues las recomendaciones, debería mejorar el rendimiento relativo de la página. No obstante, el rendimiento absoluto de la página dependerá de la conexión de red del usuario.

Se ha clasificado cada recomendación con un indicador de prioridad para indicar su importancia:

Icono Nombre Descripción

signo de exclamación rojo

Si se solucionara esto, se obtendría un impacto medible en el rendimiento de la página.

signo de exclamación amarillo

Soluciona esto si no supone mucho trabajo.

marca de verificación verde

No se han detectado problemas importantes. ¡Bien hecho!

Paso 1.

Paso 2.

Resultados:

47 / 100Velocidad

Elementos que debes corregir:

Eliminar el JavaScript que bloquea la visualización y el CSS del contenido de la mitad superior de la páginaTu página tiene 8 recursos CSS que provocan un bloqueo. Ello causa un retraso en el procesamiento de la página.No se ha podido visualizar el contenido de la mitad superior de la página sin tener que esperar a que se cargara alguno de los recursos. Intenta aplazar o cargar de forma asíncrona los recursos que bloquean la visualización, o bien inserta porciones críticas de dichos recursos directamente en el HTML.

Optimizar la entrega de CSS de estas URL:

http://sandbox1.ufps.edu.co:8080/…on/vista/bootstrap/css/bootstrap.min.css

http://sandbox1.ufps.edu.co:8080/…dacion/vista/bootstrap/css/bootstrap.css https://maxcdn.bootstrapcdn.com/…t-awesome/4.4.0/css/font-

awesome.min.css https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css http://sandbox1.ufps.edu.co:8080/…uidacion/vista/dist/css/AdminLTE.min.css https://fonts.googleapis.com/…00,600,700,300italic,400italic,600italic http://sandbox1.ufps.edu.co:8080/…eliquidacion/vista/dist/css/AdminLTE.css https://fonts.googleapis.com/…00,600,700,300italic,400italic,600italic

Habilitar compresiónComprimir recursos con gzip o con deflate puede reducir el número de bytes enviados a través de la red.

Habilitar la compresión de estos recursos para reducir su tamaño de transferencia en 468,3 KB (reducción del 80 %).

Si se comprime http://sandbox1.ufps.edu.co:8080/…dacion/vista/bootstrap/css/bootstrap.css, supondría un ahorro de 123 KB (reducción del 85 %).

Si se comprime http://sandbox1.ufps.edu.co:8080/…on/vista/bootstrap/css/bootstrap.min.css, supondría un ahorro de 100,3 KB (reducción del 83 %).

Si se comprime http://sandbox1.ufps.edu.co:8080/…eliquidacion/vista/dist/css/AdminLTE.css, supondría un ahorro de 86,6 KB (reducción del 84 %).

Si se comprime http://sandbox1.ufps.edu.co:8080/…uidacion/vista/dist/css/AdminLTE.min.css, supondría un ahorro de 70,2 KB (reducción del 83 %).

Si se comprime http://sandbox1.ufps.edu.co:8080/…vista/plugins/jQuery/jQuery-2.1.4.min.js, supondría un ahorro de 53,5 KB (reducción del 64 %).

Si se comprime http://sandbox1.ufps.edu.co:8080/…cion/vista/bootstrap/js/bootstrap.min.js, supondría un ahorro de 25,8 KB (reducción del 73 %).

Si se comprime http://sandbox1.ufps.edu.co:8080/ufps_26-sistemaReliquidacion/, supondría un ahorro de 9 KB (reducción del 81 %).

Elementos que puedes plantearte corregir:

Especificar caché de navegadorEstablecer una fecha de caducidad o una edad máxima en las cabeceras HTTP de los recursos estáticos indica al navegador que cargue los recursos descargados previamente del disco local en lugar de hacerlo a través de la red.

Aprovechar el almacenamiento en caché del navegador de estos recursos almacenables en caché:

http://sandbox1.ufps.edu.co:8080/…dacion/vista/bootstrap/css/bootstrap.css (no se ha especificado el tiempo de expiración)

http://sandbox1.ufps.edu.co:8080/…on/vista/bootstrap/css/bootstrap.min.css (no se ha especificado el tiempo de expiración)

http://sandbox1.ufps.edu.co:8080/…/fonts/glyphicons-halflings-regular.woff (no se ha especificado el tiempo de expiración)

http://sandbox1.ufps.edu.co:8080/…cion/vista/bootstrap/js/bootstrap.min.js (no se ha especificado el tiempo de expiración)

http://sandbox1.ufps.edu.co:8080/…eliquidacion/vista/dist/css/AdminLTE.css (no se ha especificado el tiempo de expiración)

http://sandbox1.ufps.edu.co:8080/…uidacion/vista/dist/css/AdminLTE.min.css (no se ha especificado el tiempo de expiración)

http://sandbox1.ufps.edu.co:8080/…stemaReliquidacion/vista/dist/img/19.jpg (no se ha especificado el tiempo de expiración)

http://sandbox1.ufps.edu.co:8080/…eliquidacion/vista/dist/img/Imagen12.png (no se ha especificado el tiempo de expiración)

http://sandbox1.ufps.edu.co:8080/…vista/plugins/jQuery/jQuery-2.1.4.min.js (no se ha especificado el tiempo de expiración)

https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css (10 minutos)

Minificar CSSCompactar el código CSS puede ahorrar una gran cantidad de bytes de datos y acelerar los tiempos de descarga y análisis.

Reducir CSS de estos recursos para reducir su tamaño en 30,9 KB (reducción del 13 %).

Si se reduce http://sandbox1.ufps.edu.co:8080/…dacion/vista/bootstrap/css/bootstrap.css, supondría un ahorro de 17 KB (reducción del 12 %).

Si se reduce http://sandbox1.ufps.edu.co:8080/…eliquidacion/vista/dist/css/AdminLTE.css, supondría un ahorro de 13,9 KB (reducción del 14 %).

Minificar HTMLCompactar el código HTML, incluido cualquier código CSS y JavaScript insertado que contenga, puede ahorrar una gran cantidad de bytes de datos y acelerar los tiempos de descarga y análisis.

Reducir HTML de estos recursos para reducir su tamaño en 5,5 KB (reducción del 50 %).

Si se reduce http://sandbox1.ufps.edu.co:8080/ufps_26-sistemaReliquidacion/, supondría un ahorro de 5,5 KB (reducción del 50 %).

5 reglas aprobadas

Evita los redireccionamientos a páginas de destinoTu página no tiene redireccionamientos.

Minificar JavaScriptEl contenido de JavaScript está reducido.

Optimizar imágenesTus imágenes están optimizadas.

Prioriza el contenido visibleEl contenido de la mitad superior de la página está correctamente priorizado.

Reducir el tiempo de respuesta del servidorTu servidor respondió rápidamente. 

100 / 100Experiencia de usuario

Enhorabuena. No se han encontrado problemas.

Adaptación del contenido a la ventana gráficaEl contenido de tu página encaja con la ventana gráfica.

Aplicar el tamaño adecuado a los botones táctilesTodos los enlaces y los botones de la página son suficientemente grandes para que los usuarios los puedan tocar en una pantalla táctil.

Configurar ventana gráficaTu página especifica una ventana gráfica que se adapta al tamaño del dispositivo, lo que permite que se procese correctamente en todos los dispositivos.

Evita intersticiales de instalación de aplicaciones que oculten contenidoParece que tu página no tiene ningún intersticial de instalación de aplicaciones que oculte una cantidad significativa de contenido.

Evitar los pluginsParece que tu página no utiliza plugins y esto podría impedir que el contenido se utilice en muchas plataformas.

Utilizar tamaños de fuente que se puedan leerEl texto de la página es legible.

59 / 100Resumen de sugerencias

Elementos que debes corregir:

Habilitar compresiónComprimir recursos con gzip o con deflate puede reducir el número de bytes enviados a través de la red.

Habilitar la compresión de estos recursos para reducir su tamaño de transferencia en 468,3 KB (reducción del 80 %).

Si se comprime http://sandbox1.ufps.edu.co:8080/…dacion/vista/bootstrap/css/bootstrap.css, supondría un ahorro de 123 KB (reducción del 85 %).

Si se comprime http://sandbox1.ufps.edu.co:8080/…on/vista/bootstrap/css/bootstrap.min.css, supondría un ahorro de 100,3 KB (reducción del 83 %).

Si se comprime http://sandbox1.ufps.edu.co:8080/…eliquidacion/vista/dist/css/AdminLTE.css, supondría un ahorro de 86,6 KB (reducción del 84 %).

Si se comprime http://sandbox1.ufps.edu.co:8080/…uidacion/vista/dist/css/AdminLTE.min.css, supondría un ahorro de 70,2 KB (reducción del 83 %).

Si se comprime http://sandbox1.ufps.edu.co:8080/…vista/plugins/jQuery/jQuery-2.1.4.min.js, supondría un ahorro de 53,5 KB (reducción del 64 %).

Si se comprime http://sandbox1.ufps.edu.co:8080/…cion/vista/bootstrap/js/bootstrap.min.js, supondría un ahorro de 25,8 KB (reducción del 73 %).

Si se comprime http://sandbox1.ufps.edu.co:8080/ufps_26-sistemaReliquidacion/, supondría un ahorro de 9 KB (reducción del 81 %).

Eliminar el JavaScript que bloquea la visualización y el CSS del contenido de la mitad superior de la página

Tu página tiene 8 recursos CSS que provocan un bloqueo. Ello causa un retraso en el procesamiento de la página.

No se ha podido visualizar el contenido de la mitad superior de la página sin tener que esperar a que se cargara alguno de los recursos. Intenta aplazar o cargar de forma asíncrona los recursos que bloquean la visualización, o bien inserta porciones críticas de dichos recursos directamente en el HTML.

Optimizar la entrega de CSS de estas URL:

http://sandbox1.ufps.edu.co:8080/…on/vista/bootstrap/css/bootstrap.min.css

http://sandbox1.ufps.edu.co:8080/…dacion/vista/bootstrap/css/bootstrap.css https://maxcdn.bootstrapcdn.com/…t-awesome/4.4.0/css/font-

awesome.min.css https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css http://sandbox1.ufps.edu.co:8080/…uidacion/vista/dist/css/

AdminLTE.min.css https://fonts.googleapis.com/…00,600,700,300italic,400italic,600italic http://sandbox1.ufps.edu.co:8080/…eliquidacion/vista/dist/css/

AdminLTE.css https://fonts.googleapis.com/…00,600,700,300italic,400italic,600italic

Elementos que puedes plantearte corregir:

Especificar caché de navegadorEstablecer una fecha de caducidad o una edad máxima en las cabeceras HTTP de los recursos estáticos indica al navegador que cargue los recursos descargados previamente del disco local en lugar de hacerlo a través de la red.

Aprovechar el almacenamiento en caché del navegador de estos recursos almacenables en caché:

http://sandbox1.ufps.edu.co:8080/…dacion/vista/bootstrap/css/bootstrap.css (no se ha especificado el tiempo de expiración)

http://sandbox1.ufps.edu.co:8080/…on/vista/bootstrap/css/bootstrap.min.css (no se ha especificado el tiempo de expiración)

http://sandbox1.ufps.edu.co:8080/…/fonts/glyphicons-halflings-regular.woff (no se ha especificado el tiempo de expiración)

http://sandbox1.ufps.edu.co:8080/…cion/vista/bootstrap/js/bootstrap.min.js (no se ha especificado el tiempo de expiración)

http://sandbox1.ufps.edu.co:8080/…eliquidacion/vista/dist/css/AdminLTE.css (no se ha especificado el tiempo de expiración)

http://sandbox1.ufps.edu.co:8080/…uidacion/vista/dist/css/AdminLTE.min.css (no se ha especificado el tiempo de expiración)

http://sandbox1.ufps.edu.co:8080/…stemaReliquidacion/vista/dist/img/19.jpg (no se ha especificado el tiempo de expiración)

http://sandbox1.ufps.edu.co:8080/…eliquidacion/vista/dist/img/Imagen12.png (no se ha especificado el tiempo de expiración)

http://sandbox1.ufps.edu.co:8080/…vista/plugins/jQuery/jQuery-2.1.4.min.js (no se ha especificado el tiempo de expiración)

https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css (10 minutos)

Minificar CSSCompactar el código CSS puede ahorrar una gran cantidad de bytes de datos y acelerar los tiempos de descarga y análisis.

Reducir CSS de estos recursos para reducir su tamaño en 30,9 KB (reducción del 13 %).

Si se reduce http://sandbox1.ufps.edu.co:8080/…dacion/vista/bootstrap/css/bootstrap.css, supondría un ahorro de 17 KB (reducción del 12 %).

Si se reduce http://sandbox1.ufps.edu.co:8080/…eliquidacion/vista/dist/css/AdminLTE.css, supondría un ahorro de 13,9 KB (reducción del 14 %).

Minificar HTMLCompactar el código HTML, incluido cualquier código CSS y JavaScript insertado que contenga, puede ahorrar una gran cantidad de bytes de datos y acelerar los tiempos de descarga y análisis.

Reducir HTML de estos recursos para reducir su tamaño en 5,5 KB (reducción del 50 %).

Si se reduce http://sandbox1.ufps.edu.co:8080/ufps_26-sistemaReliquidacion/, supondría un ahorro de 5,5 KB (reducción del 50 %).

5 reglas aprobadas

Evita los redireccionamientos a páginas de destinoTu página no tiene redireccionamientos.

Minificar JavaScriptEl contenido de JavaScript está reducido.

Optimizar imágenesTus imágenes están optimizadas.

Prioriza el contenido visibleEl contenido de la mitad superior de la página está correctamente priorizado.

Reducir el tiempo de respuesta del servidorTu servidor respondió rápidamente.