Mi primera web en AMP

xtremmetal · 18 Abr 2016

Buenas,

después de mucho trabajo, ya tengo mi primera página porno en HTML AMP, podeis saber más de este tema en:

https://www.ampproject.org/

Blog Oficial de Google EspaÃ±a: Accelerated Mobile Pages, por una web mÃ³vil mÃ¡s rÃ¡pida y abierta

Google ha reconocido que le encanta este tipo de web para versión móvil y hasta la posiciona mejor, supuestamente, eso lo veré a lo largo de unas semanas. En las herramientas de Google (Search console), ya han puesto un apartado para ver si está bien hecha o contiene errores.

La he comprobado en la mejores web de test de velocidad y carga como una bala, no pasa de los 300MS.

Lo he hecho en una web de unas 30.000 visitas diarias al día, con las gordas no me gusta experimentar

Ahora toca esperar a ver que pasa :mola:

legolitan · 18 Abr 2016

Sería bueno que colocarás el link de su página para ver qué tan rápido carga según lo que dice.

xtremmetal · 18 Abr 2016

ismadobe dijo:
Sería bueno que colocarás el link de su página para ver qué tan rápido carga según lo que dice.

Todo menos la web

maestrodellaves · 18 Abr 2016

Muy rápido, si señor (esas cifras no tienen vergüenza xD :mola

.

xtremmetal · 18 Abr 2016

maestrodellaves dijo:
Muy rápido, si señor (esas cifras no tienen vergüenza xD :mola.

Con este nuevo html ha pasado de más de 100 request a solo 14, casi nada

Zeokat · 18 Abr 2016

xtremmetal dijo:
Buenas,

después de mucho trabajo, ya tengo mi primera página porno en HTML AMP, podeis saber más de este tema en:

https://www.ampproject.org/

Blog Oficial de Google EspaÃ±a: Accelerated Mobile Pages, por una web mÃ³vil mÃ¡s rÃ¡pida y abierta

Google ha reconocido que le encanta este tipo de web para versión móvil y hasta la posiciona mejor, supuestamente, eso lo veré a lo largo de unas semanas. En las herramientas de Google (Search console), ya han puesto un apartado para ver si está bien hecha o contiene errores.

La he comprobado en la mejores web de test de velocidad y carga como una bala, no pasa de los 300MS.

Lo he hecho en una web de unas 30.000 visitas diarias al día, con las gordas no me gusta experimentar

Ahora toca esperar a ver que pasa :mola:

Que una página tenga o no tenga AMP no es un factor de posicionamiento (al menos a dia de hoy). Por lo que no la posiciona mejor.
Lo que si tiene sentido es que una web que carga antes posicione mejor que una que carga lento.

Todas las webs deben tener una versión "estandar" y otra version AMP, no hay que renunciar a una para tener la otra. De hecho AMP está diseñado para dispositivos móviles no para escritorios.
Otra ventaja de la que disfrutaras con AMP será del carrousel o como sea que se llame cuando buscas tu dominio y te aparecen las ultimas novedades de la web en los resultados de busqueda.

Dices que los has testeado en las mejores webs de velocidad y muestras pingdom... captura y palabras se contradicen. Pingdom está tan mal diseñado que testeando dos veces seguidas la misma web "casi siempre" da mejores resultados la segunda, lo que lleva a pensar que usa cache (cosa que no me extrañaria al estar basado en Chrome).

Por otro lado AMP está bien, pero tiene ciertos inconvenientes con algunas compañias de publicidad :qmeparto:

xtremmetal · 18 Abr 2016

Zeokat dijo:
Que una página tenga o no tenga AMP no es un factor de posicionamiento (al menos a dia de hoy). Por lo que no la posiciona mejor.
Lo que si tiene sentido es que una web que carga antes posicione mejor que una que carga lento.

Todas las webs deben tener una versión "estandar" y otra version AMP, no hay que renunciar a una para tener la otra. De hecho AMP está diseñado para dispositivos móviles no para escritorios.
Otra ventaja de la que disfrutaras con AMP será del carrousel o como sea que se llame cuando buscas tu dominio y te aparecen las ultimas novedades de la web en los resultados de busqueda.

Dices que los has testeado en las mejores webs de velocidad y muestras pingdom... captura y palabras se contradicen. Pingdom está tan mal diseñado que testeando dos veces seguidas la misma web "casi siempre" da mejores resultados la segunda, lo que lleva a pensar que usa cache (cosa que no me extrañaria al estar basado en Chrome).

Por otro lado AMP está bien, pero tiene ciertos inconvenientes con algunas compañias de publicidad :qmeparto:

He puesto este test por ponerlo, lo he probado en los más conocidos y los resultados son similares.

En cuanto a la publicidad, la que tengo funciona perfectamente. No me fiaba, pero si, las conversiones siguen entrando

Vamos al posicionamiento... Está claro que esto no me va a mandar a la primera página para todas las KEYS, pero como has dicho, la carga de la web es un factor y para mi uno de los más importantes.

Un cambio reciente en Google:

23 feb 2016 – Páginas AMP en los resultados de búsqueda

Con el tiempo, pasará como con el móvil, como no tengas una versión AMP te vas a las profundidades del buscador.

Más vale prevenir que curar :mola:

- - - Actualización- - -

Se me olvido poner un enlace y que lleva a otros enlaces muy interesantes:

Google destaca las pÃ¡ginas AMP en su bÃºsqueda mÃ³vil

josevtebolufer · 18 Abr 2016

la web entonces la has hecho directamente en html, no esta en wordpress ni utilizas ningun plugin no?

Os dejo un par de enlaces el primero es sin amp y el segundo con amp para que veais la diferencia de lo que carga.

enlace de articulo wordpress sin amp

enlace con amp

En esta web no tengo publicidad, pero en otra web me hace lo mismo me quita todas las barras y anuncios y me deja solo el articulo. Utilizo el plugin oficial de amp para wordpress.

Si alguien ha probado algun otro plugin para wordpress y no se lo deja igual que avise.

Diferencia en gtmetrix

PageSpeed Grade___________B (86%)______A (98%) +12%
YSlow Grade_______________C (72%)______A (93%) +21%
Page load time____________3.1s_________2.3s -0.77s
Total page size___________0.99MB_______765KB -250KB
Total # of requests_______52___________20 -32

xtremmetal · 18 Abr 2016

josevtebolufer dijo:
la web entonces la has hecho directamente en html, no esta en wordpress ni utilizas ningun plugin no?

La web está hecha en Wordpress. Lo único que he modificado a sido el código html del theme y solo tiene dos plugins activados, Yoast Seo y Wp Rocket y algunas modificaciones en functions.php :mola:

- - - Actualización- - -

josevtebolufer dijo:
la web entonces la has hecho directamente en html, no esta en wordpress ni utilizas ningun plugin no?

Os dejo un par de enlaces el primero es sin amp y el segundo con amp para que veais la diferencia de lo que carga.

enlace de articulo wordpress sin amp

enlace con amp

En esta web no tengo publicidad, pero en otra web me hace lo mismo me quita todas las barras y anuncios y me deja solo el articulo. Utilizo el plugin oficial de amp para wordpress.

Si alguien ha probado algun otro plugin para wordpress y no se lo deja igual que avise.

Diferencia en gtmetrix

PageSpeed Grade___________B (86%)______A (98%) +12%
YSlow Grade_______________C (72%)______A (93%) +21%
Page load time____________3.1s_________2.3s -0.77s
Total page size___________0.99MB_______765KB -250KB
Total # of requests_______52___________20 -32

Yo me compre este plugin pero no funciona

Accelerated Mobile Pages ( AMP ) for WordPress - WordPress Creo que es por que los themes xxx utilizan códigos muy diferentes y por eso no funciona o ese es mi caso. Estoy a la espera a que me diga algo el creador del plugin, pero no creo que se moleste, ni idea. Según me diga, lo regalaré y ahora que ya sé como cambiarle el HTML, hasta prefiero hacerlo a mano

Xythras · 19 Abr 2016

A ver la pagina X que tal

Tedel · 19 Abr 2016

AMP es algo que debió ser ignorado (como todo lo que viene de Google, en realidad), no acogido, pero bueno, hay dos maneras de ver el tema:

El primero es preguntarnos seriamente algo: ¿por qué tenías una versión móvil con 100 pedidos al servidor? Eso habla de un mal diseño, no de algo que AMP resuelva.

El segundo es que AMP se está volviendo una necesidad porque los programadores web han olvidado diseñar con sencillez. Yo tengo mis páginas con solo dos o tres scripts y solo dos CSS como máximo. La más brava hace solo 12 pedidos al servidor. La sencillez cuenta.

xtremmetal · 29 Abr 2016

Tedel dijo:
AMP es algo que debió ser ignorado (como todo lo que viene de Google, en realidad), no acogido, pero bueno, hay dos maneras de ver el tema:

El primero es preguntarnos seriamente algo: ¿por qué tenías una versión móvil con 100 pedidos al servidor? Eso habla de un mal diseño, no de algo que AMP resuelva.

El segundo es que AMP se está volviendo una necesidad porque los programadores web han olvidado diseñar con sencillez. Yo tengo mis páginas con solo dos o tres scripts y solo dos CSS como máximo. La más brava hace solo 12 pedidos al servidor. La sencillez cuenta.

Vaya! No me di cuenta que me habían contestado..

Vamos a ver del porqué 100 peticiones, que son pocas si las comparamos con otras webs porno tipo tube.

En el index y paginas internas, se suelen poner mínimo 40 imágenes. Al tener el lazyload activado, ya no son 40 imágenes, son 80, pero 40 de ellas son tipo:

data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==

Esas peticiones no deberían de contar, pero si las marca los test. El resto de peticiones, son más imágenes (ahora lo explico) y los CSS y JV.

Las otras imágenes son, el logo, iconos sociales y resto de imágenes varias que van el CSS para hacer más bonita la web

Voy a poner un ejemplo de la famosa web Redtube.com ya que se parece un poco a la que expongo aquí. Se parece en el theme, no en visitas :qmeparto:

197 request

¿Crees que Redtube.com no cuida la programación de su web?

Tedel · 2 May 2016

Hola:

Me hiciste entrar a RedTube.com y mirar el código. Casi peco y le doy clic a un video para ver un par de pechotes más de cerca… pero después de revisar, sí, yo pienso que RedTube podría mejorar un poco su código.

De todas formas, necesitas saber que ellos han hecho su optimización más o menos bien. La mayoría de peticiones de servidor son realizadas a redtubefiles.com, que tiene varios subdominios para facilitar la concurrencia de la descarga.

El servidor todavía usa HTTP/1.1. Una web con la cantidad de tráfico que ellos tienen ya debió mover todo a HTTP2, pero bueno, creo que mi punto ha quedado claro ya.

Saludos,
Yo

Mi primera web en AMP

xtremmetal

legolitan

xtremmetal

maestrodellaves

xtremmetal

Zeokat

xtremmetal

josevtebolufer

xtremmetal

Xythras

@pump_upp - best crypto pumps on telegram !

Tedel

xtremmetal

Tedel

Comparte esta página