WikiLIDs

Google AMP - Accelerated Mobile Pages

Keila — 2018-04-25T17:21:14Z

Avances

HTML Estatico

     La izquierda diario amp version1      ¡La Izquierda Diario!
      amp-img

1- Volver a genera archivo html estático

2- Se creó archivo pruebaAMP.html con un bucle

3- Ir reemplazando y completando el contenido del artículo.

4- Ver como está hecho gacetilla.html. Fijate que recibe como parámetro el id_article: http://www.laizquierdadiario.com/spip.php?page=gacetilla-articulo&id_article=102659

5- De la misma manera reemplazar el bucle para que reciba como parámetro el id_article.
De esta manera ():

Y al llamarse se llama así:
http://www.laizquierdadiario.com/spip.php?page=pruebaAMP&id_article=102659

Ultima version al 11/05.

El código hasta ahora, muestra cualquier
articulo, sin estilos, muestra la foto en tamaño reducido para que se
vea bien en el celular, y linkea los nombres de los autores a sus
perfiles.
Según las pruebas realizadas abre aproximadamente 3 veces mas rápido
los artículos y por ahora muestra solo el logo principal. Con
velocidad 4G una noticia de LID la puedo abrir en 9/10 seg y la
versión de AMP se abre en tan solo 3.
Falta desarrollar una parte del codigo para que si son varias fotos
las muestre todas como hace la gacetilla. Con agregarle estilos y
algunos inclure(entiendo x lo que vi en la gacetilla), ya quedaria de
forma muy similar a cuando un articulo se muestra por gacetilla.
Ya que no existe una dirección url fija para cada vez que se accede a
la versión gacetilla(intente buscar via google para comprobar.. y no encontré nada),
hacer esta versión de pruebaAMP es un avance, pero no nos
sirve aun para implementar. Ya que de esta forma el buscador de google
no lo encontraría, ni se podría acceder a la versión amp desde
cualquier link que cualquier usuario comparte, o que aparezca linkeado
en LID.

Entiendo que habría que modificar una serie de esqueletos que son los
que arman los artículos para ver como continuar trabajando sobre
gAMP(no hago propuesta concreta sobre esto porque hay cosas que no
entiendo como funcionan). Pensar si hacer que todos los artículos
puedan ser AMP o si solo los que aparezcan en la portada o los mas
visitados.

     LID esta probando amp..         #SURTITRE
 #TITRE
 #CHAPO
  #NOM
   [(#LOGO_ARTICLE|image_reduire{300,300})] #TEXTE

REFERENCIAS

Excelente y detallada explicación del equipo de Google AMP, con todas las ventajas de usar esta plataforma. 7 min, en Ingles. Muy completo.
https://www.youtube.com/watch?v=lBTCB7yLs8Y

Explicacion larga, desde cero y en español.
https://www.youtube.com/watch?v=Dtyzfot04VA

Detalla la estructura de AMP y sus funciones. (en inglés)
https://www.youtube.com/watch?v=bAFfuAXzYmU

Páginas para especificar:
– https://www.ampproject.org/es
– https://developers.google.com/amp

Etiquetas de html en AMP para desarrollar codigo
https://ampbyexample.com/

SPIP + AMP
Foros donde programadores han intentado combinar ambos lenguajes, pero ninguno desarrollo algo muy avanzado.

https://forum.spip.net/fr_264038.html
https://contrib.spip.net/AMP-pour-SPIP-Accelerated-Mobile-Pages

Explicación breve: ¿Qué es Google AMP?
https://www.youtube.com/watch?v=rzxPZUJX9vE

¿Cómo funciona G. AMP? Con ejemplos. (en inglés)
https://www.youtube.com/watch?v=XCyFgt57ouE

Ventajas de AMP (en inglés)
https://www.youtube.com/watch?v=hC2e9KtMPKg

Otras paginas para chusmear si tenes tiempo:

Sugerencias de optimización para LID

Keila — 2018-04-09T23:00:24Z

https://developers.google.com/speed/pagespeed/insights/

Argentina:

Portada (Movil):

Los datos del informe de experiencia de usuario de Chrome indican que la mediana de FCP (1,2s) y de DCL (3s) de esta página la clasifican en el tercio intermedio de todas las páginas. El nivel de optimización de esta página es bueno porque solo unos pocos recursos bloquean el renderizado. Más información

Distribuciones de carga de las páginas:

[1]

Estadísticas de la página

PSI calcula que esta página necesita 1 ciclos de ida y vuelta adicionales para cargar los recursos que bloquean el renderizado y 2,3 MB para renderizarse por completo. La página mediana necesita 4 ciclos de ida y vuelta y 1,2 MB. Cuantos menos ciclos de ida y vuelta y bytes necesite una página, más rápida será.

Sugerencias de optimización:

– 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 1 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://www.laizquierdadiario.com/…s/assets/bootstrap/css/bootstrap.min.css

– Aprovechar el almacenamiento en caché del navegador:
Establecer 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é:

– https://d31qbv1cthcecs.cloudfront.net/atrk.js (no se ha especificado el tiempo de expiración)
– https://static.doubleclick.net/instream/ad_status.js (15 minutos)
– https://www.googletagmanager.com/gtm.js?id=GTM-T78FN8 (15 minutos)
– http://connect.facebook.net/es_LA/sdk.js (20 minutos)
– https://connect.facebook.net/en_US/fbevents.js (20 minutos)
– https://connect.facebook.net/…config/147097329042294?v=2.8.12&r=stable (20 minutos)
– https://connect.facebook.net/…onfig/1513807665334413?v=2.8.12&r=stable (20 minutos)
– https://connect.facebook.net/signals/plugins/identity.js?v=2.8.12 (20 minutos)
– https://www.google-analytics.com/analytics.js (2 horas)

– Optimizar imágenes:
Formatear y comprimir correctamente las imágenes puede ahorrar una gran cantidad de bytes de datos.
Optimizar estas imágenes para reducir su tamaño en 56,7 KB (reducción del 42 %).
Si se comprime http://www.laizquierdadiario.com/…00xH449/arton101092-f1885.jpg?1523285048, supondría un ahorro de 56,7 KB (reducción del 42 %).

Portada (Ordenador):

– Los datos del informe de experiencia de usuario de Chrome indican que la mediana de FCP (0,8s) y de DCL (2,2s) de esta página la clasifican en el tercio intermedio de todas las páginas. El nivel de optimización de esta página es bueno porque solo unos pocos recursos bloquean el renderizado. Más información

Distribuciones de carga de las páginas:

Estadísticas de la página

PSI calcula que esta página necesita 1 ciclos de ida y vuelta adicionales para cargar los recursos que bloquean el renderizado y 2,2 MB para renderizarse por completo. La página mediana necesita 4 ciclos de ida y vuelta y 1,5 MB. Cuantos menos ciclos de ida y vuelta y bytes necesite una página, más rápida será.

Sugerencias de optimización:

Optimizar imágenes.
Formatear y comprimir correctamente las imágenes puede ahorrar una gran cantidad de bytes de datos.
Optimizar estas imágenes para reducir su tamaño en 77,3 KB (reducción del 31 %).

Aprovechar el almacenamiento en caché del navegador.
Establecer 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é:

https://d31qbv1cthcecs.cloudfront.net/atrk.js (no se ha especificado el tiempo de expiración)
https://static.doubleclick.net/instream/ad_status.js (15 minutos)
https://www.googletagmanager.com/gtm.js?id=GTM-T78FN8 (15 minutos)
http://connect.facebook.net/es_LA/sdk.js (20 minutos)
https://connect.facebook.net/en_US/fbevents.js (20 minutos)
https://connect.facebook.net/…config/147097329042294?v=2.8.12&r=stable (20 minutos)
https://connect.facebook.net/…onfig/1513807665334413?v=2.8.12&r=stable (20 minutos)
https://connect.facebook.net/signals/plugins/identity.js?v=2.8.12 (20 minutos)
https://www.google-analytics.com/analytics.js (2 horas)

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 1 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://www.laizquierdadiario.com/…s/assets/bootstrap/css/bootstrap.min.css

Minificar JavaScript.
Compactar el código JavaScript puede ahorrar una gran cantidad de bytes de datos y acelerar los tiempos de descarga, análisis y ejecución.
Reducir JavaScript de estos recursos para reducir su tamaño en 3,8 KB (reducción del 26 %).

Si se reduce http://www.laizquierdadiario.com/squelettes/assets/slick/slick.js, supondría un ahorro de 3,6 KB (reducción del 26 %) después de la compresión.

Si se reduce http://www.laizquierdadiario.com/squelettes/assets/js/funciones2.js, supondría un ahorro de 195 B (reducción del 23 %) después de la compresión.

Minificar CSS.
Compactar 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 229 B (reducción del 17 %).
Si se reduce http://www.laizquierdadiario.com/…ybox-v2.1.5-0/source/jquery.fancybox.css, supondría un ahorro de 229 B (reducción del 17 %) después de la compresión.

Rubrique (móvil):

Los datos del informe de experiencia de usuario de Chrome indican que la mediana de FCP (1,4s) y de DCL (2,8s) de esta página la clasifican en el tercio intermedio de todas las páginas. El nivel de optimización de esta página es bueno porque solo unos pocos recursos bloquean el renderizado. Más información
Distribuciones de carga de las páginas:

Estadísticas de la página:
PSI calcula que esta página necesita 2 ciclos de ida y vuelta adicionales para cargar los recursos que bloquean el renderizado y 1,9 MB para renderizarse por completo. La página mediana necesita 4 ciclos de ida y vuelta y 1,2 MB. Cuantos menos ciclos de ida y vuelta y bytes necesite una página, más rápida será.
Sugerencias de optimización:
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 7 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://www.laizquierdadiario.com/…s/assets/bootstrap/css/bootstrap.min.css
http://www.laizquierdadiario.com/…t-awesome-4.7.0/css/font-awesome.min.css
http://www.laizquierdadiario.com/…sets/css/jquery.mCustomScrollbar.min.css
http://www.laizquierdadiario.com/…ybox-v2.1.5-0/source/jquery.fancybox.css
http://www.laizquierdadiario.com/squelettes/assets/slick/slick.css
http://www.laizquierdadiario.com/…quelettes/assets/css/global-0.13.min.css
http://www.laizquierdadiario.com/…ttes/assets/css/media-layout-0.2.min.css

Aprovechar el almacenamiento en caché del navegador
Establecer 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é:

https://d31qbv1cthcecs.cloudfront.net/atrk.js (no se ha especificado el tiempo de expiración)
https://www.googletagmanager.com/gtm.js?id=GTM-T78FN8 (15 minutos)
http://connect.facebook.net/es_LA/sdk.js (20 minutos)
https://connect.facebook.net/en_US/fbevents.js (20 minutos)
https://connect.facebook.net/…config/147097329042294?v=2.8.12&r=stable (20 minutos)
https://connect.facebook.net/…onfig/1513807665334413?v=2.8.12&r=stable (20 minutos)
https://connect.facebook.net/signals/plugins/identity.js?v=2.8.12 (20 minutos)
https://www.google-analytics.com/analytics.js (2 horas)

Optimizar imágenes
Formatear y comprimir correctamente las imágenes puede ahorrar una gran cantidad de bytes de datos.
Optimizar estas imágenes para reducir su tamaño en 223,4 KB (reducción del 50 %).

Si se comprime http://www.laizquierdadiario.com/IMG/arton100186.jpg?1522153495, supondría un ahorro de 129,6 KB (reducción del 49 %).

Si se comprime http://www.laizquierdadiario.com/IMG/arton100756.jpg?1522858568, supondría un ahorro de 93,8 KB (reducción del 54 %).

Rubrique (ordenador):

Optimizar imágenes

Formatear y comprimir correctamente las imágenes puede ahorrar una gran cantidad de bytes de datos.
Optimizar estas imágenes para reducir su tamaño en 421,4 KB (reducción del 90 %).

Al comprimir o modificar el tamaño de http://www.laizquierdadiario.com/IMG/arton100186.jpg?1522153495 puedes ahorrarte 255,7 KB (un 95 % menos).

Al comprimir o modificar el tamaño de http://www.laizquierdadiario.com/IMG/arton100756.jpg?1522858568 puedes ahorrarte 162,8 KB (un 94 % menos).
Si se comprime http://www.laizquierdadiario.com/…28xH188/arton100936-e757f.jpg?1523138739, supondría un ahorro de 2,9 KB (reducción del 11 %).

https://d31qbv1cthcecs.cloudfront.net/atrk.js (no se ha especificado el tiempo de expiración)

https://www.googletagmanager.com/gtm.js?id=GTM-T78FN8 (15 minutos)

http://connect.facebook.net/es_LA/sdk.js (20 minutos)

https://connect.facebook.net/en_US/fbevents.js (20 minutos)

https://connect.facebook.net/…config/147097329042294?v=2.8.12&r=stable (20 minutos)

https://connect.facebook.net/…onfig/1513807665334413?v=2.8.12&r=stable (20 minutos)

https://connect.facebook.net/signals/plugins/identity.js?v=2.8.12 (20 minutos)

https://www.google-analytics.com/analytics.js (2 horas)

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 1 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://www.laizquierdadiario.com/…s/assets/bootstrap/css/bootstrap.min.css

Minificar JavaScript
Compactar el código JavaScript puede ahorrar una gran cantidad de bytes de datos y acelerar los tiempos de descarga, análisis y ejecución.
Reducir JavaScript de estos recursos para reducir su tamaño en 3,8 KB (reducción del 26 %).

Si se reduce http://www.laizquierdadiario.com/squelettes/assets/slick/slick.js, supondría un ahorro de 3,6 KB (reducción del 26 %) después de la compresión.

Si se reduce http://www.laizquierdadiario.com/squelettes/assets/js/funciones2.js, supondría un ahorro de 195 B (reducción del 23 %) después de la compresión.

Si se reduce http://www.laizquierdadiario.com/…ybox-v2.1.5-0/source/jquery.fancybox.css, supondría un ahorro de 229 B (reducción del 17 %) después de la compresión.

Article (móvil):

Los datos sobre el rendimiento real de esta página no estaban disponibles. No obstante, PageSpeed Insights ha podido analizarla para encontrar posibles optimizaciones. Si se aplican, puede mejorar la velocidad de la página. Consulta las recomendaciones a continuación. Más información
Los datos de velocidad de http://www.laizquierdadiario.com/ están disponibles.
Estadísticas de la página:
PSI calcula que esta página necesita 2 ciclos de ida y vuelta adicionales para cargar los recursos que bloquean el renderizado y 1,8 MB para renderizarse por completo. La página mediana necesita 4 ciclos de ida y vuelta y 1,2 MB. Cuantos menos ciclos de ida y vuelta y bytes necesite una página, más rápida será.
Sugerencias de optimización:
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 6 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://www.laizquierdadiario.com/…s/assets/bootstrap/css/bootstrap.min.css

http://www.laizquierdadiario.com/…t-awesome-4.7.0/css/font-awesome.min.css

http://www.laizquierdadiario.com/…sets/css/jquery.mCustomScrollbar.min.css

http://www.laizquierdadiario.com/…ybox-v2.1.5-0/source/jquery.fancybox.css

http://www.laizquierdadiario.com/…quelettes/assets/css/global-0.13.min.css

http://www.laizquierdadiario.com/…ttes/assets/css/media-layout-0.2.min.css

https://d31qbv1cthcecs.cloudfront.net/atrk.js (no se ha especificado el tiempo de expiración)

https://www.googletagmanager.com/gtm.js?id=GTM-T78FN8 (15 minutos)

http://connect.facebook.net/es_LA/sdk.js (20 minutos)

https://connect.facebook.net/en_US/fbevents.js (20 minutos)

https://connect.facebook.net/…config/147097329042294?v=2.8.12&r=stable (20 minutos)

https://connect.facebook.net/…onfig/1513807665334413?v=2.8.12&r=stable (20 minutos)

https://connect.facebook.net/signals/plugins/identity.js?v=2.8.12 (20 minutos)

https://www.google-analytics.com/analytics.js (2 horas)

Rubrique (ordenador):

Los datos sobre el rendimiento real de esta página no estaban disponibles. No obstante, PageSpeed Insights ha podido analizarla para encontrar posibles optimizaciones. Si se aplican, puede mejorar la velocidad de la página. Consulta las recomendaciones a continuación. Más información
Los datos de velocidad de http://www.laizquierdadiario.com/ están disponibles.
Estadísticas de la página:
PSI calcula que esta página necesita 2 ciclos de ida y vuelta adicionales para cargar los recursos que bloquean el renderizado y 1,9 MB para renderizarse por completo. La página mediana necesita 4 ciclos de ida y vuelta y 1,5 MB. Cuantos menos ciclos de ida y vuelta y bytes necesite una página, más rápida será.
Sugerencias de optimización:
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 6 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://www.laizquierdadiario.com/…s/assets/bootstrap/css/bootstrap.min.css

http://www.laizquierdadiario.com/…t-awesome-4.7.0/css/font-awesome.min.css

http://www.laizquierdadiario.com/…sets/css/jquery.mCustomScrollbar.min.css

http://www.laizquierdadiario.com/…ybox-v2.1.5-0/source/jquery.fancybox.css

http://www.laizquierdadiario.com/…quelettes/assets/css/global-0.13.min.css

http://www.laizquierdadiario.com/…ttes/assets/css/media-layout-0.2.min.css

https://d31qbv1cthcecs.cloudfront.net/atrk.js (no se ha especificado el tiempo de expiración)

https://www.googletagmanager.com/gtm.js?id=GTM-T78FN8 (15 minutos)

http://connect.facebook.net/es_LA/sdk.js (20 minutos)

https://connect.facebook.net/en_US/fbevents.js (20 minutos)

https://connect.facebook.net/…config/147097329042294?v=2.8.12&r=stable (20 minutos)

https://connect.facebook.net/…onfig/1513807665334413?v=2.8.12&r=stable (20 minutos)

https://connect.facebook.net/signals/plugins/identity.js?v=2.8.12 (20 minutos)

https://www.google-analytics.com/analytics.js (2 horas)

Si se reduce http://www.laizquierdadiario.com/squelettes/assets/slick/slick.js, supondría un ahorro de 3,6 KB (reducción del 26 %) después de la compresión.

Si se reduce http://www.laizquierdadiario.com/squelettes/assets/js/funciones2.js, supondría un ahorro de 195 B (reducción del 23 %) después de la compresión.

Optimizar imágenes
Formatear y comprimir correctamente las imágenes puede ahorrar una gran cantidad de bytes de datos.
Optimizar estas imágenes para reducir su tamaño en 1,7 KB (reducción del 28 %).

Si se comprime http://www.laizquierdadiario.com/…s/L69xH69/auton1938-2288b.png?1523128130, supondría un ahorro de 726 B (reducción del 22 %).

Si se comprime https://scontent-atl3-1.xx.fbcdn.net/…e78e388cf783a187612108b2f549&oe=5B737D20, supondría un ahorro de 416 B (reducción del 32 %).

Si se comprime https://static.xx.fbcdn.net/rsrc.php/v1/yi/r/odA9sNLrE86.jpg, supondría un ahorro de 400 B (reducción del 36 %).

Si se comprime http://www.laizquierdadiario.com/…lettes/assets/images/comment-icon-fb.png, supondría un ahorro de 120 B (reducción del 41 %).

Si se comprime http://www.laizquierdadiario.com/…ettes/assets/images/comment-icon-art.png, supondría un ahorro de 110 B (reducción del 37 %).

Si se reduce http://www.laizquierdadiario.com/…ybox-v2.1.5-0/source/jquery.fancybox.css, supondría un ahorro de 229 B (reducción del 17 %) después de la compresión.

Mot (móvil):

Los datos sobre el rendimiento real de esta página no estaban disponibles. No obstante, PageSpeed Insights ha podido analizarla para encontrar posibles optimizaciones. Si se aplican, puede mejorar la velocidad de la página. Consulta las recomendaciones a continuación. Más información
Los datos de velocidad de http://www.laizquierdadiario.com/ están disponibles.
Estadísticas de la página:
PSI calcula que esta página necesita 2 ciclos de ida y vuelta adicionales para cargar los recursos que bloquean el renderizado y 1,3 MB para renderizarse por completo. La página mediana necesita 4 ciclos de ida y vuelta y 1,2 MB. Cuantos menos ciclos de ida y vuelta y bytes necesite una página, más rápida será.
Sugerencias de optimización:
Reducir el tiempo de respuesta del servidor
En nuestro test, el servidor respondió en 10,2 segundos. Hay muchos factores que pueden ralentizar el tiempo de respuesta del servidor. Lee nuestras recomendaciones para saber cómo puedes supervisar y medir dónde invierte el servidor la mayoría del tiempo.

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 6 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://www.laizquierdadiario.com/…s/assets/bootstrap/css/bootstrap.min.css

http://www.laizquierdadiario.com/…t-awesome-4.7.0/css/font-awesome.min.css

http://www.laizquierdadiario.com/…sets/css/jquery.mCustomScrollbar.min.css

http://www.laizquierdadiario.com/…ybox-v2.1.5-0/source/jquery.fancybox.css

http://www.laizquierdadiario.com/…quelettes/assets/css/global-0.13.min.css

http://www.laizquierdadiario.com/…ttes/assets/css/media-layout-0.2.min.css

https://d31qbv1cthcecs.cloudfront.net/atrk.js (no se ha especificado el tiempo de expiración)

https://www.googletagmanager.com/gtm.js?id=GTM-T78FN8 (15 minutos)

http://connect.facebook.net/es_LA/sdk.js (20 minutos)

https://connect.facebook.net/en_US/fbevents.js (20 minutos)

https://connect.facebook.net/…config/147097329042294?v=2.8.12&r=stable (20 minutos)

https://connect.facebook.net/…onfig/1513807665334413?v=2.8.12&r=stable (20 minutos)

https://connect.facebook.net/signals/plugins/identity.js?v=2.8.12 (20 minutos)

https://www.google-analytics.com/analytics.js (2 horas)

Mot (ordenador):

Los datos sobre el rendimiento real de esta página no estaban disponibles. No obstante, PageSpeed Insights ha podido analizarla para encontrar posibles optimizaciones. Si se aplican, puede mejorar la velocidad de la página. Consulta las recomendaciones a continuación. Más información
Los datos de velocidad de http://www.laizquierdadiario.com/ están disponibles.
Estadísticas de la página:
PSI calcula que esta página necesita 2 ciclos de ida y vuelta adicionales para cargar los recursos que bloquean el renderizado y 1,4 MB para renderizarse por completo. La página mediana necesita 4 ciclos de ida y vuelta y 1,5 MB. Cuantos menos ciclos de ida y vuelta y bytes necesite una página, más rápida será.
Sugerencias de optimización:
Reducir el tiempo de respuesta del servidor
En nuestro test, el servidor respondió en 10,3 segundos. Hay muchos factores que pueden ralentizar el tiempo de respuesta del servidor. Lee nuestras recomendaciones para saber cómo puedes supervisar y medir dónde invierte el servidor la mayoría del tiempo.

http://www.laizquierdadiario.com/…s/assets/bootstrap/css/bootstrap.min.css

http://www.laizquierdadiario.com/…t-awesome-4.7.0/css/font-awesome.min.css

http://www.laizquierdadiario.com/…sets/css/jquery.mCustomScrollbar.min.css

http://www.laizquierdadiario.com/…ybox-v2.1.5-0/source/jquery.fancybox.css

http://www.laizquierdadiario.com/…quelettes/assets/css/global-0.13.min.css

http://www.laizquierdadiario.com/…ttes/assets/css/media-layout-0.2.min.css

https://www.googletagmanager.com/gtm.js?id=GTM-T78FN8 (15 minutos)

http://connect.facebook.net/es_LA/sdk.js (20 minutos)

https://connect.facebook.net/en_US/fbevents.js (20 minutos)

https://connect.facebook.net/…config/147097329042294?v=2.8.12&r=stable (20 minutos)

https://connect.facebook.net/…onfig/1513807665334413?v=2.8.12&r=stable (20 minutos)

https://connect.facebook.net/signals/plugins/identity.js?v=2.8.12 (20 minutos)

https://www.google-analytics.com/analytics.js (2 horas)

Si se reduce http://www.laizquierdadiario.com/squelettes/assets/slick/slick.js, supondría un ahorro de 3,6 KB (reducción del 26 %) después de la compresión.

Si se reduce http://www.laizquierdadiario.com/squelettes/assets/js/funciones2.js, supondría un ahorro de 195 B (reducción del 23 %) después de la compresión.

Habilitar compresión:
Comprimir 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 2,1 KB (reducción del 60 %).

Si se comprime https://d31qbv1cthcecs.cloudfront.net/atrk.js, supondría un ahorro de 2,1 KB (reducción del 60 %).

Si se reduce http://www.laizquierdadiario.com/…ybox-v2.1.5-0/source/jquery.fancybox.css, supondría un ahorro de 229 B (reducción del 17 %) después de la compresión.

Auteur (Móvil):

Los datos sobre el rendimiento real de esta página no estaban disponibles. No obstante, PageSpeed Insights ha podido analizarla para encontrar posibles optimizaciones. Si se aplican, puede mejorar la velocidad de la página. Consulta las recomendaciones a continuación. Más información
Los datos de velocidad de http://www.laizquierdadiario.com/ están disponibles.
Estadísticas de la página:
PSI calcula que esta página necesita 2 ciclos de ida y vuelta adicionales para cargar los recursos que bloquean el renderizado y 1,2 MB para renderizarse por completo. La página mediana necesita 4 ciclos de ida y vuelta y 1,2 MB. Cuantos menos ciclos de ida y vuelta y bytes necesite una página, más rápida será.
Sugerencias de optimización:
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 7 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://www.laizquierdadiario.com/…s/assets/bootstrap/css/bootstrap.min.css

http://www.laizquierdadiario.com/…t-awesome-4.7.0/css/font-awesome.min.css

http://www.laizquierdadiario.com/…sets/css/jquery.mCustomScrollbar.min.css

http://www.laizquierdadiario.com/…ybox-v2.1.5-0/source/jquery.fancybox.css

http://www.laizquierdadiario.com/squelettes/assets/slick/slick.css

http://www.laizquierdadiario.com/…quelettes/assets/css/global-0.13.min.css

http://www.laizquierdadiario.com/…ttes/assets/css/media-layout-0.2.min.css

Reducir el tiempo de respuesta del servidor
En nuestro test, el servidor respondió en 0,26 segundos. Hay muchos factores que pueden ralentizar el tiempo de respuesta del servidor. Lee nuestras recomendaciones para saber cómo puedes supervisar y medir dónde invierte el servidor la mayoría del tiempo.

https://d31qbv1cthcecs.cloudfront.net/atrk.js (no se ha especificado el tiempo de expiración)

https://www.googletagmanager.com/gtm.js?id=GTM-T78FN8 (15 minutos)

http://connect.facebook.net/es_LA/sdk.js (20 minutos)

https://connect.facebook.net/en_US/fbevents.js (20 minutos)

https://connect.facebook.net/…config/147097329042294?v=2.8.12&r=stable (20 minutos)

https://connect.facebook.net/…onfig/1513807665334413?v=2.8.12&r=stable (20 minutos)

https://connect.facebook.net/signals/plugins/identity.js?v=2.8.12 (20 minutos)

https://www.google-analytics.com/analytics.js (2 horas)

Auteur (ordenador):

Los datos sobre el rendimiento real de esta página no estaban disponibles. No obstante, PageSpeed Insights ha podido analizarla para encontrar posibles optimizaciones. Si se aplican, puede mejorar la velocidad de la página. Consulta las recomendaciones a continuación. Más información
Los datos de velocidad de http://www.laizquierdadiario.com/ están disponibles.
Estadísticas de la página:
PSI calcula que esta página necesita 1 ciclos de ida y vuelta adicionales para cargar los recursos que bloquean el renderizado y 1,3 MB para renderizarse por completo. La página mediana necesita 4 ciclos de ida y vuelta y 1,5 MB. Cuantos menos ciclos de ida y vuelta y bytes necesite una página, más rápida será.
Sugerencias de optimización:
Aprovechar el almacenamiento en caché del navegador
Establecer 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é:

https://d31qbv1cthcecs.cloudfront.net/atrk.js (no se ha especificado el tiempo de expiración)

https://www.googletagmanager.com/gtm.js?id=GTM-T78FN8 (15 minutos)

http://connect.facebook.net/es_LA/sdk.js (20 minutos)

https://connect.facebook.net/en_US/fbevents.js (20 minutos)

https://connect.facebook.net/…config/147097329042294?v=2.8.12&r=stable (20 minutos)

https://connect.facebook.net/…onfig/1513807665334413?v=2.8.12&r=stable (20 minutos)

https://connect.facebook.net/signals/plugins/identity.js?v=2.8.12 (20 minutos)

https://www.google-analytics.com/analytics.js (2 horas)

http://www.laizquierdadiario.com/…s/assets/bootstrap/css/bootstrap.min.css

Si se reduce http://www.laizquierdadiario.com/squelettes/assets/slick/slick.js, supondría un ahorro de 3,6 KB (reducción del 26 %) después de la compresión.

Si se reduce http://www.laizquierdadiario.com/squelettes/assets/js/funciones2.js, supondría un ahorro de 195 B (reducción del 23 %) después de la compresión.

Minificar CSS
Compactar 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 229 B (reducción del 17 %).
Si se reduce http://www.laizquierdadiario.com/…ybox-v2.1.5-0/source/jquery.fancybox.css, supondría un ahorro de 229 B (reducción del 17 %) después de la compresión.

[1] La distribución de los eventos DCL y FCP de esta página, clasificados como rápidos (el tercio más rápido), normales (el tercio intermedio) y lentos (el tercio más lento).

Forms en HTML y BOOTSTRAP

Keila — 2018-02-09T15:30:00Z

Tutoriales con ejercicios

Elementos del formulario en HTML y sus valores
https://www.w3schools.com/html/html_form_elements.asp

Formularios de HTML, sus elementos y sus atributos
https://www.w3schools.com/html/html_forms.asp

Diferentes tipos de entrada para el elemento en HTML
https://www.w3schools.com/html/html_form_input_types.asp

Diferentes atributos de entrada en HTML
https://www.w3schools.com/html/html_form_attributes.asp

Diferentes entradas de Forms en Bootstrap
https://www.w3schools.com/bootstrap/bootstrap_forms_inputs.asp

Distintos tamaños que tienen las entradas de Bootstrap
https://www.w3schools.com/bootstrap/bootstrap_forms_sizing.asp

El siguiente link explica el uso del atributo