\n– Un hum\u00e0<\/strong><\/em><\/p>\n
Imaginem ara que Google Page Speed Insights \u00e9s aquesta eina. Imaginem que \u00e9s un comptaquil\u00f2metres per veure qui \u00e9s m\u00e9s r\u00e0pid, qui arriba abans a la meta.<\/p>\n
\u201cHe vist que la web de la compet\u00e8ncia \u00e9s millor que la meva!! Ho diu Google!!\u201d<\/strong><\/em> Si et dediques a la maquetaci\u00f3 web i\/o al m\u00e0rqueting online, aix\u00f2 et sona, i molt. No s\u00f3n imaginacions teves \ud83d\ude09 A mi tamb\u00e9 m\u2019ha passat, i per aix\u00f2 vaig decidir investigar una mica m\u00e9s per con\u00e8ixer-la i veure qu\u00e8 podem fer per millorar-hi els resultats. NOTA:<\/strong> Aquest post est\u00e0 basat en fets reals. Tot el que veureu a continuaci\u00f3 ha passat de deb\u00f2, i cronol\u00f2gicament tal com est\u00e0 escrit.<\/em><\/p>\n <\/p>\n Tota l\u2019an\u00e0lisi es basa en la comparativa entre una web real i un clon d\u2019aquesta, allotjat al mateix servidor i en les mateixes condicions: mateixes dades que la web real, mateix codi, mateixos plugins actius, etc. En teoria s\u00f3n la mateixa web. NOTA: el resultat de l\u2019esquerra \u00e9s la web real<\/strong>, el de la dreta \u00e9s la web clonada<\/strong> sobre la qual anir\u00e9 fent experiments. Ser\u00e0 aix\u00ed durant tot el post.<\/em><\/p>\n Com que l\u2019eina fa una an\u00e0lisi cada vegada que s\u2019executa i fa el c\u00e0lcul al moment, els torno a executar per assegurar-me que juguem en igualtat de condicions, o m\u00e9s o menys\u2026 i aquest \u00e9s el resultat que obtinc:<\/p>\n Com es pot veure, s\u00f3n uns resultats molt semblants en tots dos casos.<\/p>\n NOTA:<\/strong> si l\u2019executes de nou immediatament, respon amb l\u2019\u00faltima an\u00e0lisi en mem\u00f2ria cau, aix\u00ed que cal assegurar-se de treure el focus de la p\u00e0gina i deixar passar una estona o analitzar una altra URL<\/em><\/p>\n <\/p>\n D\u2019aquest \u00faltim test tamb\u00e9 extrec les dades principals de l\u2019experiment, que queden aix\u00ed:<\/p>\n <\/p>\n \nPer no quedar-me nom\u00e9s a la portada, tamb\u00e9 analitzo una p\u00e0gina amb poc contingut i principalment text pla, com la de l\u2019av\u00eds legal.<\/p>\n Sense cap explicaci\u00f3 raonable, el resultat obtingut \u00e9s aquest:<\/p>\n En canvi, la resta de dades de l\u2019an\u00e0lisi s\u00f3n molt semblants:<\/p>\n <\/p>\n \nTorno a executar l\u2019an\u00e0lisi de totes dues p\u00e0gines, i el resultat \u00e9s el seg\u00fcent:<\/p>\n <\/p>\n Primera conclusi\u00f3:<\/strong> <\/p>\n La web que faig servir per a l\u2019an\u00e0lisi \u00e9s tot el contrari del concepte minimalista. No \u00e9s neta, no respira… i si qued\u00e9s un forat en algun lloc, encara mirar\u00edem si es pot omplir amb algun b\u00e0ner m\u00e9s\u2026 i si les coses es mouen una mica, encara millor\u2026<\/p>\n Em recorda una mica a aix\u00f2: Actualment, des d\u2019aquesta web, a m\u00e9s de peticions pr\u00f2pies o als nostres CDN, es fan peticions a 18 dominis externs per recollir dades i\/o fer servir eines de tercers per incorporar un xat, m\u00e8triques, cercador intel\u00b7ligent i \u201cmarketing automation\u201d, entre d\u2019altres\u2026<\/p>\n Una de les primeres sospites que ten\u00edem quan ens vam llan\u00e7ar a aquesta an\u00e0lisi era que les eines incorporades a la web podien interferir en el resultat del test segons com estiguessin aplicades i\/o per la seva pr\u00f2pia naturalesa.<\/p>\n Ara, a poc a poc, anir\u00e9 desconnectant eines i codis JavaScript de seguiment a la web clonada i tornar\u00e9 a analitzar comparativament totes dues webs al mateix moment.<\/p>\n <\/p>\n En primer lloc, opto per desactivar aquesta eina, que funciona com un plugin JavaScript sobre la botiga. Comprovo que des de la web clonada ja no es fan peticions al domini del cercador i llavors analitzo totes dues webs alhora. Com que no em crec el que veuen els meus ulls\u2026 el torno a executar:<\/p>\n (Quadern de bit\u00e0cola. Dia 1. Nota 1. M\u2019estic tornant boig. No s\u00e9 si podr\u00e9 aguantar aix\u00f2 ni un minut m\u00e9s\u2026)<\/em><\/span><\/p>\n Com que estic al\u00b7lucinant, el torno a executar:<\/p>\n (Quadern de bit\u00e0cola. Dia 1. Nota 2. Definitivament aquesta feina \u00e9s massa dura per a mi\u2026)<\/em><\/span><\/p>\n <\/p>\n Segona conclusi\u00f3:<\/strong> <\/p>\n I aqu\u00ed podria acabar aquesta an\u00e0lisi… no s\u00e9 si cal perdre m\u00e9s temps amb una cosa que no \u00e9s fiable\u2026 Tot i aix\u00ed, li dono una \u00faltima oportunitat i torno a provar\u2026 i aquest \u00e9s el resultat:<\/p>\n (Quadern de bit\u00e0cola. Dia 1. Nota 3. Realment no s\u00e9 per qu\u00e8 continuo amb aix\u00f2\u2026 M\u2019estic replantejant seriosament el meu futur\u2026)<\/em><\/span><\/p>\n Au, va, una \u00faltima vegada i ho deixo\u2026 \u00faltim resultat:<\/p>\n Per no continuar donant cops de cap a la paret, far\u00e9 com els equips de Clemente, \u201cpilotada i endavant\u201d, i considerar\u00e9 que el canvi no ha millorat els resultats de la web clonada respecte a l\u2019original.<\/p>\n <\/p>\n A continuaci\u00f3 desactivo el plugin que permet als compradors opinar sobre la web i les compres que han fet. Comprovo que des de la web clonada ja no es fan peticions al domini en q\u00fcesti\u00f3 i llavors analitzo totes dues webs alhora.<\/p>\n El resultat obtingut \u00e9s el seg\u00fcent:<\/p>\n Al\u00b7lucinant… trec coses de la web clonada i \u201cmillora\u201d la real… he hagut de tornar a mirar si m\u2019equivocava de lloc en desconnectar coses… per\u00f2 no…<\/p>\n (Quadern de bit\u00e0cola. Dia 1. Nota 4. Hauria d\u2019haver agafat la pastilla blava, seria molt m\u00e9s feli\u00e7 en una realitat falsa\u2026)<\/em><\/span><\/p>\n Ho torno a intentar, i aquest \u00e9s el resultat:<\/p>\n I per \u00faltima vegada:<\/p>\n I per no tornar-me m\u00e9s boig\u2026 continuar\u00e9 endavant com si no hagu\u00e9s vist res\u2026<\/p>\n <\/p>\n La desconnexi\u00f3 seg\u00fcent correspon a l\u2019\u00e0mbit de les m\u00e8triques de tr\u00e0nsit provinent de xarxes socials i la seva conversi\u00f3. Comprovo que des de la web clonada ja no es fan peticions al domini de la xarxa social i llavors analitzo totes dues webs alhora.<\/p>\n El resultat obtingut \u00e9s el seg\u00fcent:<\/p>\n I ara mateix em sento aix\u00ed:<\/p>\n Torno a executar tots dos tests:<\/p>\n (Quadern de bit\u00e0cola. Dia 1. Nota 5. Si no en surto viu, digueu a la meva fam\u00edlia que l\u2019estimo\u2026)<\/span><\/em><\/p>\n A aquestes altures de l\u2019experiment, la web clonada ha redu\u00eft una mica les peticions i el pes. <\/p>\n Ara em disposo a desconnectar una eina de m\u00e8triques generals (no Google Analytics). Comprovo que des de la web clonada ja no es fan peticions al domini de l\u2019eina i llavors analitzo totes dues webs alhora.<\/p>\n El resultat obtingut \u00e9s el seg\u00fcent:<\/p>\n Deu ser hora punta a AWS ara mateix…<\/p>\n Tornar\u00e9 a provar… no s\u00e9 ni per qu\u00e8… per\u00f2 ho faig:<\/p>\n Ni cas\u2026 endavant\u2026<\/p>\n <\/p>\n Ara desconnectar\u00e9 la primera eina de marketing automation, d\u2019aquelles que ho fan tot a la teva web i autom\u00e0ticament vens m\u00e9s i tens m\u00e9s clients i m\u00e9s de tot\u2026 Paraula! El resultat obtingut \u00e9s el seg\u00fcent:<\/p>\n I, encara no s\u00e9 per qu\u00e8, el torno a executar:<\/p>\n (Quadern de bit\u00e0cola. Dia 1. Nota 6. No sento res, nom\u00e9s hi ha silenci\u2026 No veig res, nom\u00e9s hi ha foscor\u2026)<\/span><\/em><\/p>\n <\/p>\n Ara desconnectar\u00e9 la segona eina de marketing automation, que tamb\u00e9 \u00e9s d\u2019aquelles que ho fan tot a la teva web i autom\u00e0ticament vens m\u00e9s i tens m\u00e9s clients i m\u00e9s de tot\u2026 per\u00f2 millor\u2026 o no\u2026 Qu\u00e8 s\u00e9 jo? El resultat obtingut \u00e9s el seg\u00fcent:<\/p>\n Deu ser un miratge\u2026 un oasi, ho ha de ser\u2026 Torno a provar:<\/p>\n Aix\u00f2 no es paga amb diners\u2026 he vist tortures m\u00e9s suaus\u2026 no calia gens\u2026<\/p>\n Arribats a aquest punt, la web clonada ha baixat unes 40 peticions i un parell de MB de pes respecte a la situaci\u00f3 original (tot i que la mida transferida no ha baixat tant)<\/p>\n <\/p>\n Comprovo que des de la web clonada ja no es fan peticions a aquesta eina i llavors analitzo totes dues webs alhora.<\/p>\n El resultat obtingut \u00e9s el seg\u00fcent:<\/p>\n M\u00e9s del mateix\u2026 fa una estona que desconnecto coses, ho juro… per\u00f2 estic igual que al principi\u2026 comen\u00e7o a sospitar que busco al lloc equivocat\u2026<\/p>\n Ho torno a executar:<\/p>\n M\u2019ho crec? O no m\u2019ho crec? La meva intu\u00efci\u00f3 em diu que no, les proves em diuen que no, la vida em diu que no\u2026 aix\u00ed que, per qu\u00e8 creure-ho?<\/p>\n (Quadern de bit\u00e0cola. Dia 1. Nota 7. M\u2019estic plantejant seriosament la mort com a soluci\u00f3 a tot aix\u00f2\u2026 Una for\u00e7a estranya dins meu m\u2019empeny a executar de nou el test:<\/p>\n Em remeto a les dues primeres conclusions per expressar la meva opini\u00f3 sobre el que estic presenciant.<\/p>\n <\/p>\n Aquesta web fa servir un conegut plugin de xat per incorporar aquesta funcionalitat i donar servei als seus clients. Desconnecto l\u2019eina, comprovo que des de la web clonada ja no es fan peticions i llavors analitzo totes dues webs alhora.<\/p>\n El resultat obtingut \u00e9s el seg\u00fcent:<\/p>\n H\u00f2stia!<\/strong> (amb perd\u00f3) he superat la barrera psicol\u00f2gica dels 40 \ud83d\ude42 Com amb l\u2019edat, \u00e9s aqu\u00ed on comen\u00e7a de deb\u00f2 la vida… per\u00f2… m\u2019hauria de creure el que veuen els meus ulls? O continua sent una enganyifa de Google Skynet per desviar la meva atenci\u00f3?<\/p>\n D\u00e9u (vull dir\u2026 Google), si est\u00e0s jugant amb mi, que s\u00e0pigues que no t\u00e9 cap gr\u00e0cia. (Quadern de bit\u00e0cola. Dia 1. Nota 8. Nota mental: comen\u00e7ar a fer servir Yahoo com a cercador)<\/em><\/span><\/p>\n Un altre cop, torno a executar-ho, per si de cas. No \u00e9s que no me\u2019n refi\u00ef… ja saps\u2026<\/p>\n I\u2026 una \u00faltima vegada:<\/p>\n S\u00e9 que no m\u2019hauria de fer il\u00b7lusions\u2026 per\u00f2 m\u2019agrada el que veig… qui s\u2019hi pot resistir? Al cap i a la fi, la vista \u00e9s el m\u00e9s influent dels sentits… Em netejar\u00e9 les ulleres, per si de cas…<\/p>\n Per curiositat, l\u2019executo una vegada m\u00e9s:<\/p>\n (Quadern de bit\u00e0cola. Dia 1. Nota 9. Qu\u00e8 \u00e9s aquella llum? M\u2019atrau… no m\u2019hi puc resistir\u2026)<\/em><\/span><\/p>\n <\/p>\n A aquestes altures del test, nom\u00e9s queden a la web els trackers relacionats amb Google. El pes de la web i les dades transferides s\u2019han redu\u00eft notablement, i la c\u00e0rrega \u00e9s molt m\u00e9s lleugera.<\/p>\n Tot i que no em crec res, perqu\u00e8 l\u2019eina ha demostrat ser molt irregular en els resultats, la desconnexi\u00f3 de l\u2019eina de xat sembla haver donat certa estabilitat als resultats, amb una millora de la web clonada respecte a la web real (i als seus propis resultats inicials)<\/p>\n NOTA:<\/strong> He de dir que en aquest moment el test triga aproximadament la meitat de temps a executar-se a la web clonada. (Cosa normal, entenc\u2026)<\/p>\n <\/p>\n Dins de GTM trobem Analytics, Google Ads i les altres eines relacionades.<\/p>\n Desconnecto el tracker, comprovo que des de la web clonada ja no es fan peticions a cap dels dominis de Google i llavors analitzo totes dues webs alhora.<\/p>\n El resultat obtingut \u00e9s el seg\u00fcent:<\/p>\n Sembla continuista, dins del seu caos aleatori\u2026<\/p>\n <\/p>\n I, com que m\u2019estic creient el que veig malgrat la mala experi\u00e8ncia del passat, ho vull corroborar amb una altra situaci\u00f3. Aix\u00ed que tornar\u00e9 a testar les p\u00e0gines amb poc contingut que he analitzat al principi, per\u00f2 amb aquesta nova situaci\u00f3:<\/p>\n I aqu\u00ed \u00e9s quan torno a al\u00b7lucinar amb el rigor cient\u00edfic de l\u2019eina\u2026<\/p>\n Ehem… alg\u00fa t\u00e9 una explicaci\u00f3? Per qu\u00e8 tant de dolor?<\/p>\n Qu\u00e8 li he fet jo al m\u00f3n? Per qu\u00e8 a mi?<\/p>\n Malgrat el resultat de la web real, aix\u00f2 s\u2019acosta m\u00e9s al que esperava trobar…<\/p>\n Sembla constant… tot i que de nou la web real ha baixat molt respecte al que s\u2019esperava… encara que, amb aquesta eina, ja no s\u00e9 qu\u00e8 \u00e9s el que s\u2019espera…<\/p>\n Tornar\u00e9 a testar la portada a veure qu\u00e8 hi veig:<\/p>\n Continua com la vaig deixar… Com si no hagu\u00e9s passat res\u2026 Com si l\u2019eina sab\u00e9s el que fa\u2026<\/p>\n <\/p>\n Si ens refiem dels resultats obtinguts, la conclusi\u00f3 m\u00e9s clara seria que el xat \u00e9s el tercer que m\u00e9s afecta el resultat que obtenim en desactivar els tercers.<\/p>\n Intentar\u00e9 confirmar si aquesta conclusi\u00f3 \u00e9s correcta. Per fer-ho, tornar\u00e9 a connectar tot el que he desconnectat excepte l\u2019eina de xat. Tornem a xifres semblants a les de l\u2019inici pel que fa a pes i peticions.<\/p>\n I ho provo:<\/p>\n WTF? De deb\u00f2\u2026 aix\u00f2 no \u00e9s normal\u2026 a veure, una altra vegada:<\/p>\n Aix\u00f2 ja s\u2019assembla m\u00e9s al que esperava\u2026 Per\u00f2 qui se\u2019n pot refiar, d\u2019aix\u00f2?<\/p>\n B\u00e9\u2026 una \u00faltima vegada…<\/p>\n <\/p>\n Torno a connectar l\u2019eina de xat per tornar a la situaci\u00f3 inicial.<\/p>\n I executo les proves:<\/p>\n (Quadern de bit\u00e0cola. Dia 1. Nota 10. Han tornat les al\u00b7lucinacions\u2026)<\/em><\/span><\/p>\n El resultat de la botiga real \u00e9s absurd\u2026 aix\u00ed que torno a executar la prova\u2026<\/p>\n No puc fer servir l\u2019adjectiu \u201cnormal\u201d, per\u00f2 aix\u00f2 ja s\u2019acosta m\u00e9s al que s\u2019esperava\u2026<\/p>\n B\u00e9… doncs sembla clar… tot i aix\u00ed, el torno a desconnectar de la web clonada i testo:<\/p>\n Sospit\u00f3s… El resultat esperat a la primera! A veure… una altra vegada:<\/p>\n Per qu\u00e8, eina de xat?! Per qu\u00e8?!! Se suposava que eres aqu\u00ed per ajudar-me!! Aix\u00ed doncs, despr\u00e9s de la meva representaci\u00f3 dram\u00e0tica, arriba la tercera conclusi\u00f3 d\u2019aquest estudi:<\/p>\n <\/p>\n Tercera conclusi\u00f3:<\/strong> <\/p>\n D\u2019acord, aquella eina de xat \u00e9s el dimoni i ha quedat demostrat. Per\u00f2 ens en conformarem?<\/p>\n Est\u00e0 clar que, a part del xat, la resta de tercers t\u00e9 una interfer\u00e8ncia en el resultat que es pot desestimar en un estudi d\u2019optimitzaci\u00f3.<\/p>\n Aix\u00ed doncs, passo al seg\u00fcent experiment.<\/p>\n <\/p>\n El primer que em plantejo \u00e9s: fins on podem arribar? 99? 100?<\/p>\n Aquest primer experiment consisteix a deixar el codi de la botiga \u201cbuit\u201d, de manera que carregui tot el codi JS i CSS com\u00fa que el nostre sistema necessita per executar-se, juntament amb el de la mateixa botiga, per\u00f2 que no renderitzi res.<\/p>\n El resultat \u00e9s una p\u00e0gina en blanc, amb tots els trackers i la base CSS+JS de common. En aquest punt, l\u2019eina de xat \u00e9s l\u2019\u00fanica que no est\u00e0 activa.<\/p>\n I el resultat de l\u2019execuci\u00f3 del test \u00e9s sorprenent:<\/strong><\/p>\n L\u2019executo un parell de vegades m\u00e9s, perqu\u00e8 ja ha quedat demostrat que val m\u00e9s fer una mitjana dels resultats…<\/p>\n Em pregunto quina afectaci\u00f3 percentual tindran ara els trackers que han quedat connectats. Aix\u00ed que em disposo a desconnectar-los tots de nou. TOTS alhora.<\/p>\n I el pes i els temps de c\u00e0rrega queden en m\u00ednims\u2026 I el resultat continua sorprenent\u2026 no \u00e9s un 100!<\/p>\n <\/p>\n Aix\u00ed que em plantejo una \u00faltima volta de rosca… Trec a la botiga la configuraci\u00f3 de la pol\u00edtica de cookies i RGPD (que mostra contingut din\u00e0micament amb JavaScript) i hi poso un \u201ccontingut\u201d en HTML pla.<\/p>\n El resultat \u00e9s una web que no llegeix ni crea cookies i que renderitza text pla directament de l\u2019HTML en lloc de fer-ho per JS.<\/p>\n Vull creure que aix\u00f2 \u00e9s el m\u00ednim que podem obtenir d\u2019una \u201cbotiga\u201d creada amb el nostre sistema (tot i que no sigui realista)<\/p>\n Seria l\u2019equivalent a tenir un fitxer HTML al servidor i llegir-lo, per\u00f2 passant pel nostre llenguatge de servidor, creant una sessi\u00f3 d\u2019usuari i tota la resta de processos necessaris.<\/p>\n (Quadern de bit\u00e0cola. Dia 1. Nota 11. El doble de res \u00e9s res\u2026 aix\u00f2 m\u2019ha ensenyat Google)<\/em><\/span><\/p>\n Per\u00f2 aix\u00f2 serveix per a alguna cosa? B\u00e9, som m\u00e9s a prop d\u2019alguna cosa… sigui el que sigui\u2026<\/p>\n <\/p>\n Per descartar que els temps de proc\u00e9s del servidor web i\/o de la base de dades estiguin afectant, em creo un fitxer HTML amb el mateix contingut que el que es renderitza din\u00e0micament i hi executo un test.<\/p>\n El resultat \u00e9s pr\u00e0cticament id\u00e8ntic, excepte que a les captures, des de la primera, ja tenim \u201ccontingut\u201d renderitzat.<\/p>\n I amb aix\u00f2 em pregunto:<\/strong> per qu\u00e8 diu que triga 1,7 s a lliurar el primer renderitzat amb contingut si \u00e9s un HTML pla?<\/p>\n Aix\u00ed que li trec la c\u00e0rrega dels JS i torno a provar.<\/p>\n D\u2019acord… 100… Per\u00f2 l\u2019eina ha trigat 1,6 s a renderitzar??<\/p>\n I sense CSS??<\/p>\n Uau, \u00e9s r\u00e0pid… per\u00f2 personalment 0,6 segons per renderitzar un HTML pr\u00e0cticament buit em sembla molt… Entenc que aquest \u00e9s el temps \u201cm\u00ednim\u201d al qual aspirem amb aquesta eina…<\/p>\n I ja que hi som\u2026 amb JS per\u00f2 sense CSS?<\/p>\n Triga el mateix en el primer renderitzat, per\u00f2 2,6 s a ser interactiva. <\/p>\n D\u2019acord, he arribat al m\u00ednim com\u00fa denominador. Ara necessito el m\u00e0xim com\u00fa m\u00faltiple.<\/p>\n (Quadern de bit\u00e0cola. Dia 1. Nota 12. D\u2019acord… torno a delirar… ho hauria de deixar abans que sigui massa tard\u2026)<\/em><\/span><\/p>\n Recuperar\u00e9 la portada de la web tal com estava i anir\u00e9 traient elements per veure quina afectaci\u00f3 poden tenir. Recordo que en aquest punt la web no t\u00e9 cap tracker ni eina JavaScript incorporada.<\/p>\n L\u2019\u00fanic que no puc treure \u00e9s el nostre codi com\u00fa de JS i CSS. En els experiments anteriors hem vist quin \u00e9s el m\u00ednim esperable en aquest cas:<\/p>\n <\/p>\n Trec de la web tot el JavaScript que prov\u00e9 de la mateixa botiga. Aix\u00ed la web est\u00e0 completa, per\u00f2 nom\u00e9s t\u00e9 el JS del motor del nostre sistema com\u00fa.<\/p>\n I aquest \u00e9s el resultat:<\/p>\n <\/p>\n Trec de la web tots els CSS i tamb\u00e9 el JavaScript que prov\u00e9 de la botiga. Aix\u00ed la web est\u00e0 completa, per\u00f2 nom\u00e9s t\u00e9 el JS\/CSS del motor del nostre sistema com\u00fa.<\/p>\n I aquest \u00e9s el resultat:<\/p>\n Tampoc no est\u00e0 gens malament\u2026 per\u00f2… hi ha alguna cosa que no em quadra\u2026<\/p>\n <\/p>\n En aquest moment em ve al cap que tenim un codi base de demo sobre el qual constru\u00efm les botigues i els experiments. Un codi net per\u00f2 complet i funcional.<\/p>\n Preparo un nou entorn i hi poso una botiga amb aquest codi per poder-hi fer un test amb aquesta eina. I\u2026<\/p>\n Aquesta web tamb\u00e9 carrega CSS i JS del nostre motor com\u00fa. Tamb\u00e9 t\u00e9 CSS i JS propis, tamb\u00e9 executa accions quan el DOM est\u00e0 \u201cready\u201d i t\u00e9 dinamisme\u2026 Llavors? Qu\u00e8 est\u00e0 passant?<\/p>\n <\/p>\n Havent arribat fins aqu\u00ed encara amb el cap al seu lloc, cosa que ja \u00e9s tot un \u00e8xit, nom\u00e9s em falta posar la cirereta al past\u00eds amb un gran final, dram\u00e0tic, emocionant, amb cert suspens i, sobretot, \u201crevelador\u201d.<\/p>\n I si la culpa de tot la t\u00e9\u2026 el disseny!? B\u00e9\u2026 el responsive! B\u00e9… tampoc… o tamb\u00e9… No el concepte, per\u00f2 s\u00ed com s\u2019\u201cent\u00e9n\u201d en molts casos i on ens porten els clients…<\/p>\n (B\u00e9 \u00e9s cert que l\u2019eina de Google t\u00e9 una manera curiosa de mesurar, que m\u00e9s endavant intentar\u00e9 explicar amb teories conspiranoiques)<\/p>\n I per intentar demostrar-ho, el millor \u00e9s fer algun experiment m\u00e9s, com aquest:<\/p>\n La web que analitzo t\u00e9 un mega men\u00fa complex. Tant, que la seva \u201cconversi\u00f3 a mobile\u201d no \u00e9s possible perqu\u00e8 jer\u00e0rquicament s\u00f3n molt diferents. (En HTML ocupa unes 700 l\u00ednies de codi i carrega 54 imatges)<\/p>\n Per tant, en realitat la web t\u00e9 2 men\u00fas, i se\u2019n mostra un o l\u2019altre segons el dispositiu. Aix\u00f2 vol dir que en mobile s\u2019est\u00e0 carregant tot l\u2019HTML, les imatges i la resta del men\u00fa desktop, encara que no es faci servir.<\/p>\n Qu\u00e8 passa si trec el men\u00fa desktop del codi? En aquest punt, el codi cont\u00e9 tot el JS i el CSS, excepte els plugins i l\u2019eina de xat.<\/p>\n De sobte sembla que el motor de renderitzat de mobile va m\u00e9s lleuger, es carreguen menys imatges i menys HTML, i el resultat \u00e9s millor.<\/p>\n He obtingut un resultat millor que sense carregar cap JS a la web\u2026<\/p>\n (Quadern de bit\u00e0cola. Dia 1. Nota 13. Ja no distingeixo el bo del dolent, aix\u00ed que tot \u00e9s bo)<\/em><\/span><\/p>\n <\/p>\n I a partir d\u2019aqu\u00ed, nom\u00e9s puc tornar a la t\u00e8cnica de construir un HTML amb el resultat que he obtingut din\u00e0micament, per intentar incorporar canvis que puguin optimitzar el resultat obtingut fins ara.<\/p>\n Parteixo de la base de l\u2019experiment anterior (web sense xat, sense trackers i sense men\u00fa desktop)<\/p>\n Primer de tot, comprovo que el resultat continu\u00ef sent l\u2019esperat:<\/p>\n Moure tots els CSS al final de tot del codi:<\/p>\n Millora el resultat, per\u00f2 a canvi que la web estigui una mica m\u00e9s de temps sense estils i es vegi \u201cuna mica lletja\u201d. Modificar les crides a CSS per fer-les as\u00edncrones<\/p>\n Millora una mica el resultat, per\u00f2 a canvi que la web estigui una mica m\u00e9s de temps sense estils i es vegi \u201cuna mica lletja\u201d.<\/p>\n Modificar les crides a JS per fer-les as\u00edncrones<\/p>\n Un altre cop, millora una mica el resultat, per\u00f2 a canvi que la web estigui una mica m\u00e9s de temps sense estils i es vegi \u201clletja\u201d.<\/p>\n I si a tot aix\u00f2 hi torno a afegir el xat?? Ho provar\u00e9 un parell de vegades a veure\u2026<\/p>\n Llucifer!!!! Allunya\u2019t de la meva web!!!!<\/strong><\/p>\n <\/p>\n Durant aquesta odissea pel ciberespai de la velocitat de c\u00e0rrega potser hem perdut el contacte amb tota realitat. \u00c9s normal. \u00c9s el que voldria Google.<\/p>\n (Quadern de bit\u00e0cola. Dia 2. Nota 1. No he arribat fins aqu\u00ed per res\u2026 les generacions futures valoraran tot aix\u00f2\u2026)<\/em><\/span><\/p>\n Amb tot el que hem \u201capr\u00e8s\u201d fins ara, que no \u00e9s poc, ens faltaria tornar a la realitat. Qu\u00e8 podem fer per millorar la puntuaci\u00f3 de la web que estem analitzant?<\/p>\n Un altre cop, nom\u00e9s puc tornar a la t\u00e8cnica de construir un HTML amb el resultat de la web real, per intentar incorporar canvis que puguin optimitzar el resultat.<\/p>\n En aquest cas parteixo de zero. \u00c9s a dir, la web t\u00e9 tots els seus trackers i plugins, xat incl\u00f2s.<\/p>\n Primer de tot, comprovo que el resultat continu\u00ef sent l\u2019esperat:<\/p>\n De moment b\u00e9, cap \u201csorpresa\u201d. L\u2019eina fa el que ha de fer, cosa que s\u2019agraeix a aquestes altures\u2026<\/p>\n Posar\u00e9 els CSS al final de tot, a veure qu\u00e8 aconsegueixo. Ho provo un parell de vegades:<\/p>\n Qu\u00e8 passa? Ahir era el dia dels Sants Innocents o qu\u00e8? De sobte l\u2019eina ha decidit ser \u201cestable\u201d\u2026<\/p>\n \u00d2bviament apareix el \u201cproblema\u201d est\u00e8tic de no tenir la web ben formada fins que passa una estona, cosa que \u00e9s \u201clletja\u201d per\u00f2 s\u2019hi podria trobar un apanyo. Ara modificar\u00e9 les crides a CSS per fer-les as\u00edncrones. No hauria de ser gaire rellevant un cop el CSS \u00e9s al final de la c\u00e0rrega, per\u00f2 com que se suposa que \u201cpuntua\u201d, doncs ho farem\u2026 \ud83d\ude42<\/p>\n Correm un est\u00fapid vel\u2026<\/p>\n Ara modificar\u00e9 les crides a JS per fer-les as\u00edncrones.<\/p>\n Correm un altre est\u00fapid vel\u2026<\/p>\n (Quadern de bit\u00e0cola. Dia 2. Nota 2. Cada caiguda em fa m\u00e9s fort\u2026 cada error, m\u00e9s savi\u2026 cada intent, m\u00e9s desequilibrat\u2026)<\/em><\/span><\/p>\n I si li trec el xat?<\/p>\n I si li trec el mega men\u00fa desktop?<\/p>\n WTF?? Ja he dit que odio aquesta eina? Google\u2026 et maleeixo!<\/p>\n <\/p>\n Quarta conclusi\u00f3:<\/strong> <\/p>\n D\u2019acord, torno enrere\u2026 deixo el mega men\u00fa i la resta com estava\u2026 tot\u2026<\/p>\n Ara far\u00e9 el que realment li agradaria a Google que fes aquesta p\u00e0gina\u2026<\/p>\n Fora CSS! Fora JS!<\/p>\n Benvinguts a l\u2019Era d\u2019AMP Ultron<\/p>\n Tant \u00e9s tot: pes de les imatges, nombre d\u2019imatges, pes de l\u2019HTML\u2026 Tot!! Aquesta web pesa gaireb\u00e9 2 MB i fa 111 peticions!!<\/p>\n L\u2019\u00fanic que importa \u00e9s quant de temps triga el motor de renderitzat a posar la web a disposici\u00f3 de l\u2019usuari fictici.<\/p>\n Ho ten\u00edem all\u00e0 mateix, i no ho vol\u00edem veure\u2026<\/p>\n (Quadern de bit\u00e0cola. Dia 2. Nota 3. Han estat jugant amb mi… Ho sabien tot des del principi!)<\/em><\/span><\/p>\n <\/p>\n Tot aquest viatge psicotr\u00f2pic no podia ser en va. Era imprescindible aprendre alguna cosa\u2026 adquirir coneixement i poder-lo aplicar. I, sobretot, distingir la l\u00ednia fina entre la bogeria i el seny.<\/p>\n <\/p>\n Simplicitat, i que l\u2019usuari tingui disponible el contingut com m\u00e9s aviat millor i hi pugui interactuar. Com m\u00e9s complexa sigui una p\u00e0gina, menys puntuaci\u00f3 aconseguir\u00e0, tret que s\u2019intenti \u201cdissimular\u201d davant de l\u2019eina de mesura.<\/p>\n A canvi de treure interactivitat inicial i elements de la web per simplificar-la i permetre que inicialment no es vegi b\u00e9. Fent servir c\u00e0rregues posteriors al primer resultat \u201cinteractiu per a l\u2019usuari\u201d.<\/p>\n Una versi\u00f3 mobile exclusiva ajudaria a treballar un codi m\u00e9s net per a aquest test i obtenir millor nota. Sobretot si, per disseny, el responsive de la web no \u00e9s \u201cgaire natural\u201d i hi ha molts elements duplicats perqu\u00e8 \u00e9s impossible \u201ctransformar-los\u201d din\u00e0micament.<\/p>\n Que aquesta versi\u00f3 mobile fos AMP ajudaria encara m\u00e9s.<\/p>\n Com passa amb Google i el posicionament SEO, en aquesta eina hi ha desenes de variables per analitzar. No tot \u00e9s JS i CSS, per\u00f2 s\u00ed el que m\u00e9s \u201cfrena\u201d.<\/p>\n Simplificar la web ajuda, per\u00f2 si es pugen dues imatges de 2 MB cadascuna, ens penalitzaran\u2026 per tant, no tot el que es pot millorar dep\u00e8n del codi.<\/p>\n Prova d\u2019aix\u00f2 \u00e9s el fet que el codi \u201cbase\u201d t\u00e9 una puntuaci\u00f3 molt bona i, en canvi, arrossega tot el codi JS\/CSS de base com la botiga analitzada\u2026<\/p>\n Per qu\u00e8? Perqu\u00e8 \u00e9s molt senzill. Quan comencem a complicar el disseny responsive d\u2019una web \u2014mega men\u00fa, header sticky, cercador interactiu, desenes de b\u00e0ners + categories + productes a la portada, elements din\u00e0mics generats per JS com popups, acceptaci\u00f3 de cookies, etc.\u2014 \u00e9s quan s\u2019introdueixen elements que alenteixen el motor de renderitzat de l\u2019eina.<\/p>\n Des del meu punt de vista, i aix\u00f2 \u00e9s una teoria, la funci\u00f3 de l\u2019eina \u00e9s donar-te una puntuaci\u00f3 basada en la \u201cmillora\u201d que considera que es pot fer a nivell de codi i recursos respecte al resultat que ha obtingut. Una cosa com: \u201cSi jo hagu\u00e9s de fer una web com la que estic veient, la faria aix\u00ed\u2026 i tu l\u2019has feta aix\u00e0\u2026 les comparo i et dic la difer\u00e8ncia\u2026\u201d.<\/p>\n Per aix\u00f2 una web horrorosament pesada i lletja, per\u00f2 sense interpretaci\u00f3 de CSS\/JS, obt\u00e9 una puntuaci\u00f3 de 100. Google no la sabria fer millor! \ud83d\ude00 (Probablement tampoc pitjor\u2026)<\/p>\n En aquest punt, faig el que hauria d\u2019haver fet al principi: llegir-me el manual d\u2019instruccions. Extracte de la documentaci\u00f3 oficial de Google sobre aquesta eina:<\/p>\n https:\/\/developers.google.com\/speed\/docs\/insights\/about?hl=es-419 <\/a><\/p>\n \u201cPSI determina fins a quin punt una p\u00e0gina segueix les pr\u00e0ctiques recomanades de rendiment m\u00e9s habituals, i la puntua del 0 al 100, una qualificaci\u00f3 que indica de manera aproximada el marge de rendiment\u201d<\/p>\n I encara m\u00e9s: \u201cAmb la puntuaci\u00f3 d\u2019optimitzaci\u00f3 es calcula de manera aproximada el marge de millora del rendiment de les p\u00e0gines\u201d<\/p>\n I per acabar de demostrar que aquesta eina no mesura la velocitat de la nostra web ni \u00e9s un indicador de si altres webs s\u00f3n m\u00e9s r\u00e0pides que la nostra:<\/p>\n \u201c\u00c9s possible que una p\u00e0gina lenta tingui una puntuaci\u00f3 d\u2019optimitzaci\u00f3 elevada perqu\u00e8 la proporci\u00f3 de recursos que bloquegen el renderitzat respecte al total de recursos de la p\u00e0gina \u00e9s baixa. I tamb\u00e9 es pot donar el cas contrari: una p\u00e0gina r\u00e0pida pot tenir una puntuaci\u00f3 d\u2019optimitzaci\u00f3 baixa per tenir molts recursos que bloquegen el renderitzat en relaci\u00f3 amb els seus recursos totals\u201d<\/p>\n Uf\u2026 si m\u2019hagu\u00e9s llegit el manual abans de comen\u00e7ar, no hauria patit aquest calvari\u2026<\/p>\n Per\u00f2 per qu\u00e8 els resultats s\u00f3n tan diferents per al mateix test?<\/p>\n La meva teoria \u00e9s que, segons el moment en qu\u00e8 llances el test, el servidor encarregat de fer-lo triga m\u00e9s o menys a executar-lo i, segons el cas, a accedir a tots els dominis on ha de fer peticions, i aix\u00f2 acaba bloquejant el temps de c\u00e0rrega… Per\u00f2 nom\u00e9s \u00e9s una teoria…<\/p>\n Una altra podria ser que el test en realitat no fa res i treu un n\u00famero aleatori basat en el temps de c\u00e0rrega total… Sense m\u00e9s… xDD I que darrere de tot aix\u00f2 hi ha un ninot de mico tocant els platerets\u2026<\/p>\n S\u00ed i no.<\/strong><\/p>\n Qu\u00e8 esperaves? Despr\u00e9s de la bogeria que he viscut\u2026<\/p>\n \u00c9s important almenys donar-hi un cop d\u2019ull i comprovar que no hem com\u00e8s errors que ens penalitzin absurdament. Imatges molt pesades, t\u00e8cniques millorables\u2026<\/p>\n Per\u00f2 alhora \u00e9s important no obsessionar-se amb els resultats. Al cap i a la fi, no \u00e9s una eina estable. I, a m\u00e9s, el seu resultat est\u00e0 condicionat per variables que en molts casos s\u00f3n fora del teu control.<\/p>\n Aleshores et preguntar\u00e0s: val la pena invertir per treure m\u00e9s bona puntuaci\u00f3?<\/p>\n I la meva resposta, un altre cop, ser\u00e0: dep\u00e8n. Per millorar un desastre, \u00f2bviament s\u00ed. \u00c9s senyal que alguna cosa no est\u00e0 del tot b\u00e9. Per millorar respecte a altres: \u00f2bviament no. En aquest cas no est\u00e0s comparant coses iguals.<\/p>\n I finalment, que no se n\u2019oblidi ning\u00fa: millorar el resultat de la portada de la teva web no far\u00e0 que la resta de la web canvi\u00ef de puntuaci\u00f3. Google est\u00e0 experimentant amb l\u2019\u00fas d\u2019aquesta eina en la navegaci\u00f3 de la teva web, de TOTA, no nom\u00e9s de la portada.<\/p>\n Aix\u00ed que, si et vols centrar en alguna cosa, intenta que siguin millores estructurals i generals per optimitzar de deb\u00f2 la teva web, no per estar \u201cper davant dels altres\u201d.<\/p>\n Ara que he tret les meves pr\u00f2pies conclusions, he buscat una mica d\u2019informaci\u00f3 per veure si alg\u00fa m\u00e9s hi ha arribat. Us recomano una mica m\u00e9s de lectura, si no en heu tingut prou:<\/p>\n S\u00f3n realment interessants, creieu-me.<\/p>\n (Quadern de bit\u00e0cola. Dia 2. Nota 4. Tot t\u00e9 un final\u2026 espero que aquest no sigui el meu)<\/em><\/span><\/p>\n Espero que t\u2019ho hagis passat tan b\u00e9 llegint aquest post com jo fent-lo. Gaudir d\u2019una cosa tan feixuga deu ser digne d\u2019estudi.<\/p>\n","protected":false},"excerpt":{"rendered":" Imaginem que tenim una eina que creiem \u00fatil i que ens ajudar\u00e0 a millorar les vendes. Imaginem, a m\u00e9s, per un moment, que podem fer servir aquesta eina amb la web de la compet\u00e8ncia i \u201ccomparar-nos\u201d per veure qui \u00e9s millor. A qui no li agradaria tenir una cosa aix\u00ed? Per\u00f2 aquesta situaci\u00f3, completament imagin\u00e0ria, […]<\/p>\n","protected":false},"author":2,"featured_media":14576,"comment_status":"open","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1739],"tags":[],"class_list":["post-18596","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tecnologia"],"yoast_head":"\n
\n– Un hum\u00e0 amb una web<\/strong><\/em><\/p>\n
\nCom que desconec com funciona internament l\u2019eina i quins criteris fa servir per al testing, em disposo a fer una immersi\u00f3 total amb una s\u00e8rie de proves per determinar qu\u00e8 espera aquesta eina d\u2019una web. Per no condicionar la meva opini\u00f3, he decidit no buscar informaci\u00f3 a internet ni llegir la documentaci\u00f3 oficial (manual d\u2019instruccions? Bah!) i fer aquest testing \u201ca cegues\u201d. Crec que aix\u00ed \u00e9s m\u00e9s divertit.<\/p>\nCondicions de l\u2019an\u00e0lisi \/ comparativa (primera conclusi\u00f3)<\/h2>\n
\nAmb aquesta situaci\u00f3, faig la primera an\u00e0lisi de Google Page Speed a totes dues webs i obtinc el resultat seg\u00fcent en m\u00f2bil:<\/p>\n![\"\"](\"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/02.png\")
<\/p>\n![\"\"](\"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/03.png\")
<\/p>\nWEB REAL<\/strong>\n
![\"\"](\"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/03-1.png\")
<\/pre>\nW<\/strong>EB CLONADA<\/strong>\n
![\"\"](\"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/04.png\")
<\/pre>\n![\"\"](\"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/005.png\")
![\"\"](\"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/006.png\")
<\/p>\nWEB REAL<\/strong>\n
![\"\"](\"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/007.png\")
<\/pre>\nW<\/strong>EB CLONADA<\/strong>\n
![\"\"](\"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/008.png\")
<\/pre>\n![\"\"](\"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/009.png\")
![\"\"](\"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/010.png\")
<\/p>\n
\nAquesta eina \u00e9s menys estable que la connexi\u00f3 a internet a la Xina<\/p><\/blockquote>\nEl cas que ens ocupa<\/h2>\n
\n![\"\"](\"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/tenor.gif\")
<\/p>\nCercador intel\u00b7ligent<\/strong><\/h4>\n
\nEl resultat obtingut \u00e9s el seg\u00fcent:<\/p>\n![\"\"](\"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/011.png\")
<\/p>\n<\/p>\n![\"\"](\"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/012.png\")
<\/p>\n
\nAquesta eina t\u00e9 la mateixa credibilitat que un pol\u00edtic en campanya<\/p><\/blockquote>\n![\"\"](\"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/013.png\")
![\"\"](\"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/014.png\")
<\/p>\n![\"\"](\"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/015.png\")
<\/p>\nValoracions i opinions<\/strong><\/h4>\n
<\/p>\n<\/p>\n![\"\"](\"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/016.png\")
<\/p>\nM\u00e8triques de xarxes socials<\/h4>\n
![\"\"](\"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/017.png\")
<\/p>\n![\"\"](\"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/g9wdbemjy8ks0mz6ltvn.gif\")
<\/p>\n![\"\"](\"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/018.png\")
<\/p>\n
\nContinuem! (Quin remei\u2026)<\/p>\nM\u00e8triques generals<\/h4>\n
![\"\"](\"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/019.png\")
<\/p>\n![\"\"](\"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/020.png\")
<\/p>\nMarketing automation 1<\/h4>\n
\nComprovo que des de la web clonada ja no es fan peticions al domini de l\u2019eina i llavors analitzo totes dues webs alhora.<\/p>\n<\/p>\n<\/p>\nMarketing automation 2<\/h4>\n
\nComprovo que des de la web clonada ja no es fan peticions i llavors analitzo totes dues webs alhora.<\/p>\n<\/p>\n<\/p>\nM\u00e9s m\u00e8triques generals<\/h4>\n
<\/p>\n<\/p>\n![\"\"](\"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/021.png\")
<\/p>\n
\nEn cas de judici per assassinat, aix\u00f2 s\u2019hauria de considerar un atenuant.)<\/em><\/span><\/p>\n![\"\"](\"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/022.png\")
![\"\"](\"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/023.png\")
<\/p>\nEina de xat<\/h4>\n
![\"\"](\"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/024.png\")
<\/p>\n<\/p>\n
\nEl meu seny est\u00e0 en joc, i aix\u00ed no ajudes.<\/p>\n![\"\"](\"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/025.png\")
<\/p>\n![\"\"](\"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/026.png\")
<\/p>\n<\/p>\nSituaci\u00f3 actual despr\u00e9s de la desconnexi\u00f3 massiva de tercers<\/h2>\n
Google Tag Manager<\/h4>\n
![\"\"](\"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/027.png\")
![\"\"](\"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/028.png\")
<\/p>\n<\/p>\nComparativa des d\u2019un altre punt de vista<\/h2>\n
<\/p>\n![\"\"](\"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/029.png\")
<\/p>\n![\"\"](\"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/030.png\")
<\/p>\n![\"\"](\"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/031.png\")
<\/p>\n![\"\"](\"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/032.png\")
<\/p>\nTornant a connectar-ho tot<\/h2>\n
<\/p>\n<\/p>\n<\/p>\n<\/p>\nI si tornem a l\u2019inici? (tercera conclusi\u00f3)<\/h2>\n
![\"\"](\"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/033.png\")
<\/p>\n<\/p>\n<\/p>\n<\/p>\n![\"\"](\"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/034.png\")
<\/p>\n
\nNo m\u2019ho puc creure, em resigno\u2026 ho he de tornar a intentar, no puc viure sense tu!!<\/p>\n
\nFer servir segons quin xat a la teva web \u00e9s com anar a treballar amb un tr\u00e0iler:
\nArribar, hi arribar\u00e0s\u2026 per\u00f2\u2026 a quin preu? I\u2026 on aparcar\u00e0s?<\/p><\/blockquote>\nQu\u00e8 m\u00e9s podem fer?<\/h2>\n
El m\u00e0xim a qu\u00e8 podem aspirar? Primer experiment<\/h2>\n
![\"\"](\"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/035.png\")
<\/p>\n![\"\"](\"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/036.png\")
![\"\"](\"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/037.png\")
<\/p>\n![\"\"](\"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/038.png\")
<\/p>\nSegon experiment<\/h2>\n
![\"\"](\"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/039.png\")
<\/p>\nTercer experiment<\/h2>\n
![\"\"](\"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/040.png\")
<\/p>\n![\"\"](\"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/041.png\")
<\/p>\n![\"\"](\"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/042.png\")
<\/p>\n![\"\"](\"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/043.png\")
<\/p>\n
\nAmb aix\u00f2 tinc prou informaci\u00f3 per continuar amb tests m\u00e9s \u201creals\u201d.<\/p>\nAra el mateix, per\u00f2 a l\u2019inrev\u00e9s<\/h2>\n
\n
Quart experiment<\/h2>\n
![\"\"](\"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/044.png\")
<\/p>\nCinqu\u00e8 experiment<\/h2>\n
![\"\"](\"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/045.png\")
<\/p>\nLes comparacions s\u00f3n odioses<\/h2>\n
![\"\"](\"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/046.png\")
<\/p>\nLa dura realitat (sis\u00e8 experiment)<\/h2>\n
![\"\"](\"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/047.png\")
<\/p>\nL\u2019experiment definitiu?<\/h2>\n
![\"\"](\"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/048.png\")
<\/p>\nPart 1<\/h4>\n
![\"\"](\"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/049.png\")
<\/p>\n
\nEl primer renderitzat \u00e9s r\u00e0pid; la resta es mant\u00e9 com fins ara.<\/p>\nPart 2<\/h4>\n
![\"\"](\"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/050.png\")
<\/p>\nPart 3<\/h4>\n
![\"\"](\"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/051.png\")
<\/p>\nPart 4<\/h4>\n
<\/p>\nTornant a la realitat (quarta conclusi\u00f3)<\/h2>\n
<\/p>\n<\/p>\n![\"\"](\"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/052.png\")
<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n
\nAquesta eina \u00e9s com un nen amb diners en una botiga de llaminadures: sap el que vol, per\u00f2 no sap el que vol\u2026<\/p><\/blockquote>\nPart 8 \u2013 El que li agradaria a Google\u2026<\/h2>\n
![\"\"](\"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/053.png\")
<\/p>\nTatxaaaannnnnnnn!!!!<\/strong><\/h4>\n
De la bogeria al seny: els manaments<\/h2>\n
Qu\u00e8 espera aquesta eina de les nostres p\u00e0gines?<\/h4>\n
Com ho aconseguim?<\/h4>\n
Hi ha altres alternatives?<\/h4>\n
Com dimonis puntua aquesta eina?<\/h4>\n
He de fer cas d\u2019aquesta eina?<\/h4>\n
Una mica m\u00e9s de lectura per acabar<\/h4>\n
\n