{"id":14463,"date":"2020-07-07T17:47:50","date_gmt":"2020-07-07T15:47:50","guid":{"rendered":"https:\/\/trilogi.com\/blog\/?p=14463"},"modified":"2022-07-19T17:48:09","modified_gmt":"2022-07-19T15:48:09","slug":"google-page-speed-insights-una-odisea-por-el-ciberespacio-de-la-velocidad-de-carga-de-una-web","status":"publish","type":"post","link":"https:\/\/trilogi.com\/blog\/google-page-speed-insights-una-odisea-por-el-ciberespacio-de-la-velocidad-de-carga-de-una-web\/","title":{"rendered":"Google Page Speed Insights \u2013 Una odisea por el ciberespacio de la velocidad de carga de una web"},"content":{"rendered":"

Imaginemos que tenemos una herramienta que creemos que es \u00fatil y que nos ayudar\u00e1 a mejorar nuestras ventas. Imaginemos adem\u00e1s, por un momento, que podemos usar esa herramienta con la web de la competencia y \u201ccompararnos\u201d para ver quien es mejor. \u00bfA qui\u00e9n no le gustar\u00eda tener algo as\u00ed? Pero esta situaci\u00f3n, completamente imaginaria, viene acompa\u00f1ada de una cosa muy real, muy humana, muy nuestra: compramos una herramienta nueva, la sacamos de la caja y la empezamos a usar\u2026<\/p>\n

\u00ab\u00bfLas instrucciones? Bah, no son para m\u00ed. Ya s\u00e9 c\u00f3mo funciona.\u00bb<\/em>
\n– Un humano<\/strong><\/em><\/p>\n

Imaginemos ahora que Google Page Speed Insights es esta herramienta. Imaginemos que es un cuentakil\u00f3metros para ver qui\u00e9n es m\u00e1s r\u00e1pido, quien llega antes a meta.<\/p>\n

\u00ab\u00a1\u00a1He visto que la web de la competencia es mejor que la m\u00eda!! \u00a1\u00a1Lo dice Google!!\u00bb<\/strong><\/em>
\n– Un humano con una web<\/strong><\/em><\/p>\n

Si te dedicas a la maquetaci\u00f3n web y\/o al marketing online, esto te suena y mucho. No son imaginaciones tuyas \ud83d\ude09 A mi tambi\u00e9n me ha pasado, y por ello decid\u00ed investigar un poco m\u00e1s para conocerla y ver qu\u00e9 podemos hacer para mejorar nuestros resultados en ella.
\nDado que desconozco c\u00f3mo funciona internamente la herramienta y qu\u00e9 criterios usa para su testing, me dispongo a realizar una inmersi\u00f3n total a trav\u00e9s de una serie de pruebas para determinar que espera esta herramienta de una web. Para no condicionar mi opini\u00f3n, he decidido no buscar informaci\u00f3n por internet ni leer la documentaci\u00f3n oficial (\u00bfmanual de instrucciones? \u00a1Bah!) y realizar este testing \u201ca ciegas\u201d. Considero que es m\u00e1s divertido as\u00ed.<\/p>\n

NOTA:<\/strong> Este post est\u00e1 basado en hechos reales. Todo lo que vais a ver a continuaci\u00f3n ha pasado en realidad, y cronol\u00f3gicamente tal cual est\u00e1 escrito.<\/em><\/p>\n

 <\/p>\n

Condiciones del an\u00e1lisis \/ comparativa (primera conclusi\u00f3n)<\/h2>\n

Todo el an\u00e1lisis se basa en la comparativa entre una web real y un clon de la misma, alojado en el mismo servidor y bajo las mismas condiciones: mismos datos que la web real, mismo c\u00f3digo, mismos plugins activos, etc… En teor\u00eda son la misma web.
\nCon esta situaci\u00f3n, hago el primer an\u00e1lisis de Google Page Speed a ambas webs y obtengo el siguiente resultado en m\u00f3vil:<\/p>\n

\"\"\"\"<\/p>\n

NOTA: el resultado de la izquierda es la web real<\/strong>, el de la derecha es la web clonada<\/strong> sobre la que voy a ir haciendo experimentos. Esto ser\u00e1 as\u00ed durante todo el post.<\/em><\/p>\n

Como la herramienta realiza un an\u00e1lisis cada vez que se ejecuta y realiza el calculo al vuelo, los vuelvo a ejecutar para asegurarme que jugamos en igualdad de condiciones, o mas o menos.. y \u00e9ste es el resultado que obtengo:<\/p>\n

\"\"\"\"<\/p>\n

Como se puede observar, son unos resultados muy parecidos en ambos casos.<\/p>\n

NOTA:<\/strong> si ejecutas de nuevo inmediatamente responde con el \u00faltimo an\u00e1lisis cacheado, as\u00ed que hay que asegurarse de quitar el foco de la p\u00e1gina y dejar pasar un tiempo o analizar otra url<\/em><\/p>\n

 <\/p>\n

De este \u00faltimo test extraigo tambi\u00e9n los datos principales del experimento, y quedan como muestro a continuaci\u00f3n:<\/p>\n

WEB REAL<\/strong>\r\n\"\"<\/pre>\n
W<\/strong>EB CLONADA<\/strong>\r\n\"\"<\/pre>\n

Para no quedarme solo en portada, hago el an\u00e1lisis tambi\u00e9n de una p\u00e1gina con poco contenido y principalmente texto plano, como puede ser la del aviso legal.<\/p>\n

Sin ninguna explicaci\u00f3n razonable, el resultado obtenido es este:<\/p>\n

\"\"\"\"<\/p>\n

Sin embargo el resto de datos del an\u00e1lisis son muy parecidos:<\/p>\n

WEB REAL<\/strong>\r\n\"\"<\/pre>\n
W<\/strong>EB CLONADA<\/strong>\r\n\"\"<\/pre>\n

Vuelvo a ejecutar el an\u00e1lisis de ambas p\u00e1ginas, y el resultado obtenido es el siguiente:<\/p>\n

\"\"\"\"<\/p>\n

 <\/p>\n

Primera conclusi\u00f3n:<\/strong>
\nEsta herramienta es menos estable que la conexi\u00f3n a Internet en China<\/p><\/blockquote>\n

 <\/p>\n

El caso que nos ocupa<\/h2>\n

La web que estoy usando para el an\u00e1lisis es todo lo contrario al concepto minimalista. No es limpia, no respira… y si quedase un hueco en alg\u00fan sitio, aun podr\u00edamos ver si se puede rellenar con alg\u00fan banner m\u00e1s\u2026 y si las cosas se mueven un poco, mejor a\u00fan\u2026<\/p>\n

Me recuerda un poco a esto:
\n\"\"<\/p>\n

Actualmente desde esta web, adem\u00e1s de peticiones propias o a nuestros CDN, se hacen peticiones a 18 dominios externos para recabar datos y\/o usar herramientas terceras para incorporar un chat, m\u00e9tricas, buscador inteligente y \u201cmarketing automation\u201d, entre otros\u2026<\/p>\n

Una de las primeras sospechas que ten\u00edamos cuando nos aventuramos a este an\u00e1lisis era que las herramientas incorporadas a la web pod\u00edan interferir en el resultado del test seg\u00fan como estuvieran aplicadas y\/o debido a su propia naturaleza.<\/p>\n

Ahora poco a poco voy a ir desconectando herramientas y c\u00f3digos JavaScript de seguimiento en la web clonada y voy a ir analizando comparativamente ambas webs en el mismo momento de nuevo.<\/p>\n

 <\/p>\n

Buscador inteligente<\/strong><\/h4>\n

En primer lugar me decanto por desactivar esta herramienta que funciona como un plugin JavaScript sobre la tienda. Verifico que desde la web clonada ya no se hacen peticiones al dominio del buscador y entonces analizo ambas webs al mismo tiempo.
\nEl resultado obtenido es el siguiente:<\/p>\n

\"\"\"\"<\/p>\n

Como no me creo lo que ven mis ojos.. lo vuelvo a ejecutar:<\/p>\n

\"\"\"\"<\/p>\n

(Cuaderno de bit\u00e1cora. D\u00eda 1. Nota 1. Me estoy volviendo loco. No s\u00e9 si podr\u00e9 aguantar esto un minuto m\u00e1s\u2026)<\/em><\/span><\/p>\n

Como estoy alucinando, lo vuelvo a ejecutar:<\/p>\n

\"\"\"\"<\/p>\n

(Cuaderno de bit\u00e1cora. D\u00eda 1. Nota 2. Definitivamente este trabajo es muy duro para m\u00ed\u2026)<\/em><\/span><\/p>\n

 <\/p>\n

Segunda conclusi\u00f3n:<\/strong>
\nEsta herramienta tiene la misma credibilidad que un pol\u00edtico en campa\u00f1a<\/p><\/blockquote>\n

 <\/p>\n

Y aqu\u00ed podr\u00eda acabar este an\u00e1lisis… no se si es necesario perder m\u00e1s tiempo con algo que no es fiable\u2026 A\u00fan as\u00ed, le doy una ultima oportunidad, y pruebo de nuevo\u2026 y este es el resultado:<\/p>\n

\"\"\"\"<\/p>\n

(Cuaderno de bit\u00e1cora. D\u00eda 1. Nota 3. Realmente no s\u00e9 por qu\u00e9 sigo con esto\u2026 Me estoy replanteando seriamente mi futuro\u2026)<\/em><\/span><\/p>\n

Venga va, una \u00faltima vez y paro\u2026 \u00faltimo resultado:<\/p>\n

\"\"\"\"<\/p>\n

Para no seguir d\u00e1ndome cabezazos con la pared, voy a hacer como los equipos de Clemente, \u201cpatad\u00f3n y palante\u201d, considerando que el cambio no ha afectado a mejorar los resultados de la web clonada respecto a la original.<\/p>\n

 <\/p>\n

Valoraciones y opiniones<\/strong><\/h4>\n

Seguidamente procedo a desactivar el plugin que permite a los compradores emitir opiniones sobre la web y las compras que han realizado. Verifico que desde la web clonada ya no se hacen peticiones al dominio en cuesti\u00f3n, y entonces analizo ambas webs al mismo tiempo.<\/p>\n

El resultado obtenido es el siguiente:<\/p>\n

\"\" \"\"<\/p>\n

Alucinante… le quito cosas a la web clonada y \u201cmejora\u201d la real… he tenido que volver a mirar por si me estaba equivocando de sitio al desconectar cosas… pero no…<\/p>\n

(Cuaderno de bit\u00e1cora. D\u00eda 1. Nota 4. Ten\u00eda que haber cogido la pastilla azul, ser\u00eda mucho m\u00e1s feliz en una falsa realidad\u2026)<\/em><\/span><\/p>\n

Lo vuelvo a intentar, y este es el resultado:<\/p>\n

\"\"\"\"<\/p>\n

Y por \u00faltima vez:<\/p>\n

\"\"\"\"<\/p>\n

Y para no volverme m\u00e1s loco.. seguir\u00e9 adelante como si no hubiera visto nada..<\/p>\n

 <\/p>\n

M\u00e9tricas de redes sociales<\/h4>\n

La siguiente desconexi\u00f3n pertenece al \u00e1mbito de las m\u00e9tricas de tr\u00e1fico proveniente de redes sociales y su conversi\u00f3n. Verifico que desde la web clonada ya no se hacen peticiones al dominio de la red social, y entonces analizo ambas webs al mismo tiempo.<\/p>\n

El resultado obtenido es el siguiente:<\/p>\n

\"\"\"\"<\/p>\n

Y ahora mismo me siento as\u00ed:<\/p>\n

\"\"<\/p>\n

De nuevo ejecuto ambos test:<\/p>\n

\"\"\"\"<\/p>\n

(Cuaderno de bit\u00e1cora. D\u00eda 1. Nota 5. Si no salgo vivo de \u00e9sta, decidle a mi familia que la quiero\u2026)<\/span><\/em><\/p>\n

A \u00e9stas alturas del experimento, la web clonada ha reducido un poco sus peticiones y peso.
\n\u00a1Seguimos! (que remedio\u2026)<\/p>\n

 <\/p>\n

M\u00e9tricas generales<\/h4>\n

Ahora me dispongo a desconectar una herramienta de m\u00e9tricas generales (no Google Analytics). Verifico que desde la web clonada ya no se hacen peticiones al domino de la herramienta, y entonces analizo ambas webs al mismo tiempo.<\/p>\n

El resultado obtenido es el siguiente:<\/p>\n

\"\"\"\"<\/p>\n

Debe ser hora punta en AWS ahora mismo…<\/p>\n

Voy a volver a probar… no se ni porqu\u00e9… pero lo hago:<\/p>\n

\"\"\"\"<\/p>\n

Ni caso.. palante..<\/p>\n

 <\/p>\n

Marketing automation 1<\/h4>\n

Ahora voy a desconectar la primera herramienta de marketing automation, de esas que hacen de todo en tu web y autom\u00e1ticamente vendes m\u00e1s y tienes m\u00e1s clientes y m\u00e1s de todo\u2026 \u00a1Palabrita!
\nVerifico que desde la web clonada ya no se hacen peticiones al dominio de la herramienta, y entonces analizo ambas webs al mismo tiempo.<\/p>\n

El resultado obtenido es el siguiente:<\/p>\n

\"\"\"\"<\/p>\n

Y, aun no se ni porqu\u00e9, lo ejecuto de nuevo:<\/p>\n

\"\"\"\"<\/p>\n

(Cuaderno de bit\u00e1cora. D\u00eda 1. Nota 6. No oigo nada, solo hay silencio\u2026 No veo nada, solo hay oscuridad\u2026)<\/span><\/em><\/p>\n

 <\/p>\n

Marketing automation 2<\/h4>\n

Ahora voy a desconectar la segunda herramienta de marketing automation, que tambi\u00e9n es de esas que hacen de todo en tu web y autom\u00e1ticamente vendes m\u00e1s y tienes m\u00e1s clientes y m\u00e1s de todo\u2026 pero mejor\u2026 o no\u2026 \u00bfQu\u00e9 se yo?
\nVerifico que desde la web clonada ya no se hacen peticiones, y entonces analizo ambas webs al mismo tiempo.<\/p>\n

El resultado obtenido es el siguiente:<\/p>\n

\"\"\"\"<\/p>\n

Ser\u00e1 un espejismo.. un oasis, tiene que serlo.. Vuelvo a probar:<\/p>\n

\"\"\"\"<\/p>\n

Esto no se paga con dinero.. he visto torturas mas suaves.. no hac\u00eda ninguna falta..<\/p>\n

Llegado a este punto, la web clonada ha bajado en unas 40 peticiones y un par de Mb de peso respecto a la situaci\u00f3n original (aunque el tama\u00f1o transferido no ha bajado tanto)<\/p>\n

 <\/p>\n

M\u00e1s m\u00e9tricas generales<\/h4>\n

Verifico que desde la web clonada ya no se hacen peticiones a esta herramienta, y entonces analizo ambas webs al mismo tiempo.<\/p>\n

El resultado obtenido es el siguiente:<\/p>\n

\"\"\"\"<\/p>\n

Mas de lo mismo\u2026 llevo un rato desconectando cosas, lo juro… pero estoy igual que al principio.. empiezo a sospechar que estoy buscando en el lugar equivocado\u2026<\/p>\n

Vuelvo a ejecutar de nuevo:<\/p>\n

\"\"\"\"<\/p>\n

\u00bfMe lo creo? \u00bfO no me lo creo? Mi intuici\u00f3n me dice que no, las pruebas me dicen que no, la vida me dice que no\u2026 as\u00ed que, \u00bfPor qu\u00e9 creerlo?<\/p>\n

\"\"\"\"<\/p>\n

(Cuaderno de bit\u00e1cora. D\u00eda 1. Nota 7.\u00a0 Estoy considerando seriamente la muerte como soluci\u00f3n a todo esto\u2026
\nEn caso de juicio por asesinato, esto deber\u00eda ser considerado un atenuante.)<\/em><\/span><\/p>\n

Una fuerza extra\u00f1a en mi interior me empuja a ejecutar de nuevo el test:<\/p>\n

\"\" \"\"<\/p>\n

Me remito a las dos primeras conclusiones para expresar mi opini\u00f3n sobre lo que estoy presenciando.<\/p>\n

 <\/p>\n

Herramienta de chat<\/h4>\n

Esta web usa un conocido plugin de chat para incorporar esta funcionalidad y dar servicio a sus clientes. Desconecto la herramienta y verifico que desde la web clonada ya no se hacen peticiones, y entonces analizo ambas webs al mismo tiempo.<\/p>\n

El resultado obtenido es el siguiente:<\/p>\n

\"\"\"\"<\/p>\n

\u00a1Hostia!<\/strong> (con perd\u00f3n) he superado la barrera psicol\u00f3gica de los 40 \ud83d\ude42 Como con la edad, ah\u00ed empieza la vida en realidad… pero… \u00bfDeber\u00eda creer lo que ven mis ojos? \u00bfO sigue siendo una patra\u00f1a de Google Skynet para desviar mi atenci\u00f3n?<\/p>\n

\"\"\"\"<\/p>\n

Dios (digo\u2026 Google), si est\u00e1s jugando conmigo, que sepas que no tiene ninguna gracia.
\nMi cordura est\u00e1 en juego, y as\u00ed no ayudas.<\/p>\n

(Cuaderno de bit\u00e1cora. D\u00eda 1. Nota 8. Nota mental: empezar a usar Yahoo como buscador)<\/em><\/span><\/p>\n

De nuevo, vuelvo a ejecutar, por si acaso. No es que no me f\u00ede… ya sabes\u2026<\/p>\n

\"\"\"\"<\/p>\n

Y.. una \u00faltima vez:<\/p>\n

\"\"\"\"<\/p>\n

S\u00e9 que no deber\u00eda hacerme ilusiones\u2026 pero me gusta lo que veo… \u00bfqui\u00e9n puede resistirse a eso? Al fin y al cabo, la vista es el m\u00e1s influyente de los sentidos… Voy a limpiarme las gafas, por si acaso…<\/p>\n

Por curiosidad, lo ejecuto una vez m\u00e1s:<\/p>\n

\"\"\"\"<\/p>\n

(Cuaderno de bit\u00e1cora. D\u00eda 1. Nota 9. \u00bfQu\u00e9 es esa luz? Me atrae… no me puedo resistir\u2026)<\/em><\/span><\/p>\n

 <\/p>\n

Situaci\u00f3n actual despu\u00e9s de la desconexi\u00f3n masiva de terceros<\/h2>\n

A estas alturas del test, ya solo quedan los trackers relacionados con Google en la web. El peso de la misma, y los datos transferidos se han reducido notablemente, y la carga de la web es mucho m\u00e1s ligera.<\/p>\n

Aunque no me creo nada, porque la herramienta ha demostrado ser muy irregular en sus resultados, la desconexi\u00f3n de la herramienta de chat parece haber dado cierta estabilidad a los resultados, not\u00e1ndose una mejora de la web clonada respecto a la web real (y a sus propios resultados iniciales)<\/p>\n

NOTA:<\/strong> Debo decir que en este momento, el test tarda aproximadamente la mitad de tiempo en ejecutarse en la web clonada. (Cosa normal, entiendo\u2026)<\/p>\n

 <\/p>\n

Google Tag Manager<\/h4>\n

Dentro de GTM encontramos Analytics, Google Ads y las otras herramientas relacionadas.<\/p>\n

Desconecto el tracker y verifico que desde la web clonada ya no se hacen peticiones a ning\u00fan de los dominios de Google, y entonces analizo ambas webs al mismo tiempo.<\/p>\n

El resultado obtenido es el siguiente:<\/p>\n

\"\" \"\"<\/p>\n

Parece continuista, dentro de su caos aleatorio\u2026<\/p>\n

\"\"\"\"<\/p>\n

 <\/p>\n

Comparativa desde otro punto de vista<\/h2>\n

Y, como me estoy creyendo lo que veo, a pesar de la mala experiencia del pasado, quiero corroborarlo con otra situaci\u00f3n. As\u00ed que voy a testear de nuevo las paginas con poco contenido que he analizado al principio, pero con esta nueva situaci\u00f3n:<\/p>\n

Y aqu\u00ed viene cuando vuelvo a alucinar con el rigor cient\u00edfico de la herramienta\u2026<\/p>\n

\"\"\"\"<\/p>\n

Emm… \u00bfAlguien tiene una explicaci\u00f3n? \u00bfPor qu\u00e9 tanto dolor?<\/p>\n

\"\"\"\"<\/p>\n

\u00bfQu\u00e9 le he hecho yo al mundo? \u00bfPor qu\u00e9 a m\u00ed?<\/p>\n

\"\"\"\"<\/p>\n

A pesar del resultado de la web real, esto se aproxima m\u00e1s a lo que esperaba encontrarme…<\/p>\n

\"\"\"\"<\/p>\n

Parece constante… aunque de nuevo la web real ha bajado mucho respecto a lo esperado… aunque con esta herramienta, ya no s\u00e9 qu\u00e9 es lo esperado…<\/p>\n

Voy a volver a testear la portada a ver que veo:<\/p>\n

\"\"\"\"<\/p>\n

Sigue como lo dej\u00e9… Como si nada hubiera pasado\u2026 Como si la herramienta supiera lo que hace\u2026<\/p>\n

 <\/p>\n

Conectando de nuevo todo<\/h2>\n

Si nos fiamos de los resultados obtenidos, la conclusi\u00f3n m\u00e1s clara seria que el chat es el tercero que m\u00e1s afecta al resultado que obtenemos desactivando los terceros.<\/p>\n

Voy a intentar confirmar si esta conclusi\u00f3n es correcta. Para hacerlo, voy a conectar de nuevo todo lo desconectado excepto la herramienta de chat. Volvemos a n\u00fameros parecidos a los del inicio en cuanto a peso y peticiones.<\/p>\n

Y lo pruebo:<\/p>\n

\"\"\"\"<\/p>\n

WTF? En serio.. esto no es normal.. a ver, otra vez:<\/p>\n

\"\"\"\"<\/p>\n

Esto ya se parece m\u00e1s a lo que esperaba\u2026 \u00bfPero qui\u00e9n se puede fiar de esto?<\/p>\n

\"\"\"\"<\/p>\n

Bueno\u2026 una \u00faltima vez…<\/p>\n

\"\"\"\"<\/p>\n

 <\/p>\n

\u00bfY si volvemos al inicio? (tercera conclusi\u00f3n)<\/h2>\n

Vuelvo a conectar la herramienta de chat, para volver a la situaci\u00f3n inicial.<\/p>\n

Y ejecuto las pruebas:<\/p>\n

\"\"\"\"<\/p>\n

(Cuaderno de bit\u00e1cora. D\u00eda 1. Nota 10. Han vuelto las alucinaciones\u2026)<\/em><\/span><\/p>\n

El resultado de la tienda real es absurdo\u2026 as\u00ed que vuelvo a ejecutar la prueba\u2026<\/p>\n

\"\"\"\"<\/p>\n

No puedo usar el adjetivo \u201cnormal\u201d, pero esto ya se acerca m\u00e1s a lo esperado\u2026<\/p>\n

\"\"\"\"<\/p>\n

Bueno… pues parece claro… aun as\u00ed, lo desconecto de nuevo de la web clonada y testeo:<\/p>\n

\"\"\"\"<\/p>\n

Sospechoso… El resultado esperado \u00a1a la primera! A ver… otra vez:<\/p>\n

\"\"\"\"<\/p>\n

\u00a1\u00bfPor qu\u00e9 herramienta de chat?! \u00a1\u00a1\u00bf\u00bfPor qu\u00e9??!! \u00a1\u00a1Se supon\u00eda que estabas aqu\u00ed para ayudarme!!
\nNo puedo creerlo, me resigno\u2026 lo tengo que volver a intentar, \u00a1\u00a1no puedo vivir sin ti!!<\/p>\n

As\u00ed que, despu\u00e9s de mi representaci\u00f3n dram\u00e1tica, viene la tercera conclusi\u00f3n de este estudio:<\/p>\n

 <\/p>\n

Tercera conclusi\u00f3n:<\/strong>
\nUsar seg\u00fan que chat en tu web es como ir a trabajar en un trailer:
\nLlegar, llegar\u00e1s\u2026 pero\u2026 \u00bfa qu\u00e9 precio? Y\u2026 \u00bfd\u00f3nde vas a aparcar?<\/p><\/blockquote>\n

 <\/p>\n

\u00bfQu\u00e9 m\u00e1s podemos hacer?<\/h2>\n

Vale, esa herramienta de chat es el demonio y ha quedado demostrado. Pero, \u00bfnos vamos a conformar con eso?<\/p>\n

Est\u00e1 claro que, aparte del chat, el resto de terceros tiene una interferencia con el resultado que puede ser desestimada en un estudio de optimizaci\u00f3n.<\/p>\n

As\u00ed pues, voy a por el siguiente experimento.<\/p>\n

 <\/p>\n

\u00bfEl m\u00e1ximo al que podemos aspirar? Primer experimento<\/h2>\n

Lo primero que me planteo es \u00bfhasta d\u00f3nde podemos llegar? \u00bf99? \u00bf100?<\/p>\n

Este primer experimento consiste en dejar el c\u00f3digo de la tienda \u201cvac\u00edo\u201d. De tal manera que cargue todo el c\u00f3digo js y css com\u00fan que nuestro sistema necesita para poder ejecutarse, en conjunto con el de la propia tienda, pero no renderice nada.<\/p>\n

El resultado es una p\u00e1gina en blanco, con todos los trackers y la base CSS+JS de common. En este punto, la herramienta de chat es la \u00fanica que no est\u00e1 activa.<\/p>\n

Y el resultado de la ejecuci\u00f3n del test es sorprendente:<\/strong><\/p>\n

\"\"<\/p>\n

Lo ejecuto un par de veces m\u00e1s, porque ya ha quedado demostrado que m\u00e1s vale hacer una media de los resultados…<\/p>\n

\"\"\"\"<\/p>\n

Me pregunto qu\u00e9 afectaci\u00f3n tendr\u00e1n ahora porcentualmente los trackers que han quedado conectados. As\u00ed que me dispongo a desconectarlos todos de nuevo. TODOS a la vez.<\/p>\n

Y su peso y los tiempos de carga quedan en m\u00ednimos\u2026 Y el resultado sigue sorprendiendo\u2026 \u00a1no es un 100!<\/p>\n

\"\"<\/p>\n

 <\/p>\n

Segundo experimento<\/h2>\n

As\u00ed que me planteo una \u00faltima vuelta de tuerca… Le quito la configuraci\u00f3n de la pol\u00edtica de cookies y GDPR a la tienda (que saca contenido din\u00e1micamente con JavaScript) y le pongo un \u201ccontenido\u201d en html plano.<\/p>\n

El resultado es una web que no lee ni crea cookies y que renderiza texto plano directo del html en lugar de hacerlo por JS.<\/p>\n

Quiero creer que esto es lo m\u00ednimo que podemos obtener de una \u201ctienda\u201d creada con nuestro sistema (aunque no sea realista)<\/p>\n

Ser\u00eda el equivalente a tener un fichero HTML en el servidor y leerlo, pero pasando por nuestro lenguaje de servidor, creando una sesi\u00f3n de usuario y todo el resto de procesos necesarios.<\/p>\n

\"\"<\/p>\n

(Cuaderno de bit\u00e1cora. D\u00eda 1. Nota 11. El doble de nada, es nada\u2026 eso me ha ense\u00f1ado Google)<\/em><\/span><\/p>\n

Pero esto, \u00bfsirve para algo? Bueno, estamos m\u00e1s cerca de algo… sea lo que sea\u2026<\/p>\n

 <\/p>\n

Tercer experimento<\/h2>\n

Para descartar que los tiempos de proceso del servidor web y\/o base de datos est\u00e9n afectando, me creo un fichero html con el mismo contenido que el que se renderiza din\u00e1micamente, y ejecuto un test sobre \u00e9l.<\/p>\n

\"\"<\/p>\n

El resultado es casi clavado, excepto que en las capturas desde la primera ya tenemos \u201ccontenido\u201d renderizado.<\/p>\n

Y con esto me pregunto:<\/strong> \u00bfPor qu\u00e9 dice que tarda 1.7s en entregar el primer renderizado con contenido si es un html plano?<\/p>\n

As\u00ed que le quito la carga de los js y vuelvo a probar.<\/p>\n

\"\"<\/p>\n

Vale… 100… \u00bf\u00bfPero la herramienta ha tardado 1.6s en renderizar??<\/p>\n

\u00bf\u00bfY sin CSS?<\/p>\n

\"\"<\/p>\n

Wow, es r\u00e1pido… pero personalmente 0,6 segundos para renderizar un html pr\u00e1cticamente vac\u00edo, me parece mucho… Entiendo que este es el tiempo \u201cm\u00ednimo\u201d al que aspiramos con esta herramienta…<\/p>\n

Y ya que estamos\u2026 \u00bfcon JS pero sin CSS?<\/p>\n

\"\"<\/p>\n

Tarda lo mismo en el primer renderizado, pero 2,6s en estar interactiva.
\nCon esto tengo informaci\u00f3n suficiente como para seguir con test m\u00e1s \u201creales\u201d.<\/p>\n

 <\/p>\n

Ahora lo mismo, pero al rev\u00e9s<\/h2>\n

Vale, he llegado al m\u00ednimo com\u00fan denominador. Ahora necesito el m\u00e1ximo com\u00fan m\u00faltiple.<\/p>\n

(Cuaderno de bit\u00e1cora. D\u00eda 1. Nota 12. Vale… estoy delirando otra vez… deber\u00eda dejar esto antes de que sea tarde\u2026)<\/em><\/span><\/p>\n

Voy a recuperar la portada de la web como estaba, y voy a ir quitando elementos para ver la afectaci\u00f3n que puedan tener. Recuerdo que en este punto, la web no tiene ning\u00fan tracker ni herramienta JavaScript incorporada.<\/p>\n

Lo \u00fanico que no puedo quitar es nuestro c\u00f3digo com\u00fan a nivel de JS y CSS. En los experimentos anteriores hemos visto cual es el m\u00ednimo esperable en este caso:<\/p>\n