{"id":190392,"date":"2023-11-17T12:24:46","date_gmt":"2023-11-17T11:24:46","guid":{"rendered":"https:\/\/madeit.srl\/magazine\/?p=190392"},"modified":"2023-11-17T12:24:48","modified_gmt":"2023-11-17T11:24:48","slug":"pagespeed-e-core-web-vitals-qual-e-la-differenza","status":"publish","type":"post","link":"https:\/\/madeit.srl\/magazine\/2023\/11\/17\/pagespeed-e-core-web-vitals-qual-e-la-differenza\/","title":{"rendered":"PageSpeed e Core Web Vitals, qual \u00e8 la differenza?"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Parliamo un attimo della validit\u00e0 dei parametri PageSpeed e della differenza con quelli Core Web Vitals.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Colgo l&#8217;occasione ora che abbiamo sviluppato un nuovo tema in house, senza alcun editor: l&#8217;obiettivo era <strong>abbattere il CLS, il TTFB e l&#8217;INP<\/strong>. Tra gli obiettivi non c&#8217;era l&#8217;alzare i punteggi PageSpeed. Perch\u00e9?<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Come le ADV cambiano i punteggi PageSpeed<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Negli screen sottostanti sono mostrati i parametri dello stesso identico tema, una versione \u00e8 sul server di sviluppo, quindi <strong>non performante<\/strong> e senza cache, l&#8217;altra \u00e8 sul server di produzione. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">E no, quello pi\u00f9 &#8220;verde&#8221; <strong>non \u00e8 quello sull&#8217;hosting<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"491\" src=\"https:\/\/madeit.srl\/magazine\/wp-content\/uploads\/2023\/11\/image-1024x491.png\" alt=\"\" class=\"wp-image-190393\" srcset=\"https:\/\/madeit.srl\/magazine\/wp-content\/uploads\/2023\/11\/image-1024x491.png 1024w, https:\/\/madeit.srl\/magazine\/wp-content\/uploads\/2023\/11\/image-300x144.png 300w, https:\/\/madeit.srl\/magazine\/wp-content\/uploads\/2023\/11\/image-768x369.png 768w, https:\/\/madeit.srl\/magazine\/wp-content\/uploads\/2023\/11\/image-1200x576.png 1200w, https:\/\/madeit.srl\/magazine\/wp-content\/uploads\/2023\/11\/image-1536x737.png 1536w, https:\/\/madeit.srl\/magazine\/wp-content\/uploads\/2023\/11\/image-1568x753.png 1568w, https:\/\/madeit.srl\/magazine\/wp-content\/uploads\/2023\/11\/image.png 1896w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Template sul server di sviluppo senza adv n\u00e9 analytics<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"543\" src=\"https:\/\/madeit.srl\/magazine\/wp-content\/uploads\/2023\/11\/image-1-1024x543.png\" alt=\"\" class=\"wp-image-190394\" style=\"width:679px;height:auto\" srcset=\"https:\/\/madeit.srl\/magazine\/wp-content\/uploads\/2023\/11\/image-1-1024x543.png 1024w, https:\/\/madeit.srl\/magazine\/wp-content\/uploads\/2023\/11\/image-1-300x159.png 300w, https:\/\/madeit.srl\/magazine\/wp-content\/uploads\/2023\/11\/image-1-768x407.png 768w, https:\/\/madeit.srl\/magazine\/wp-content\/uploads\/2023\/11\/image-1-1200x636.png 1200w, https:\/\/madeit.srl\/magazine\/wp-content\/uploads\/2023\/11\/image-1-1536x814.png 1536w, https:\/\/madeit.srl\/magazine\/wp-content\/uploads\/2023\/11\/image-1-1568x831.png 1568w, https:\/\/madeit.srl\/magazine\/wp-content\/uploads\/2023\/11\/image-1.png 1710w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Template sul server di produzione con ADV e Analytics<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"530\" src=\"https:\/\/madeit.srl\/magazine\/wp-content\/uploads\/2023\/11\/pagespeed-senza-adv-1024x530.png\" alt=\"\" class=\"wp-image-190397\" srcset=\"https:\/\/madeit.srl\/magazine\/wp-content\/uploads\/2023\/11\/pagespeed-senza-adv-1024x530.png 1024w, https:\/\/madeit.srl\/magazine\/wp-content\/uploads\/2023\/11\/pagespeed-senza-adv-300x155.png 300w, https:\/\/madeit.srl\/magazine\/wp-content\/uploads\/2023\/11\/pagespeed-senza-adv-768x398.png 768w, https:\/\/madeit.srl\/magazine\/wp-content\/uploads\/2023\/11\/pagespeed-senza-adv-1200x621.png 1200w, https:\/\/madeit.srl\/magazine\/wp-content\/uploads\/2023\/11\/pagespeed-senza-adv-1536x795.png 1536w, https:\/\/madeit.srl\/magazine\/wp-content\/uploads\/2023\/11\/pagespeed-senza-adv-1568x812.png 1568w, https:\/\/madeit.srl\/magazine\/wp-content\/uploads\/2023\/11\/pagespeed-senza-adv.png 1916w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Template sul server di produzione senza ADV e con Analytics<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">I punteggi PageSpeed sono fattori di ranking SEO?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Il punto cruciale \u00e8 il seguente: <strong>i punti PageSpeed sono un&#8217;indicazione<\/strong>, non un parametro in cui rientrare.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">La loro valenza \u00e8 alla pari di meri suggerimenti del tipo &#8220;<em>ma hai guardato l\u00ec?<\/em>&#8220;. Pu\u00f2 essere utile per rilevare la problematica principale e pi\u00f9 evidente nel software sviluppato, ma tutto qua.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I punteggi <strong>PageSpeed<\/strong> (a differenza di quelli Core Web Vitals!) <strong>non hanno alcuna valenza lato SEO<\/strong> n\u00e9 sono indicatori di un sito ben strutturato n\u00e9 quantomeno sono fattori di ranking di alcun tipo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ma come ogni cosa serve una conferma, dove la prendiamo?<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Qualcosa lo possiamo notare gi\u00e0 &#8220;a occhio&#8221;, perch\u00e9 ogni tanto tra i webdesigner nei gruppetti sui social arriva sempre qualcuno che si &#8220;vanta&#8221; delle proprie metriche. Andando poi a vedere il sito, si tratta sempre di <strong>prodotti sostanzialmente vuoti<\/strong>, con un po&#8217; testo e poche immagini. \u00c8\u00a0normale che la pagina sia veloce a caricarsi, ma sono casi irreali.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Non sono siti ben strutturati,<\/strong> non sono neppure siti ben navigabili, eppure hanno punteggi alti. Stessa cosa per chi faceva il delay delle adv per poi caricare decine di script dopo qualche secondo, lanciando contro l&#8217;utente adv a schermo pieno con video in autoplay. <br><strong>Punteggio alto, ma siti inutilizzabili.<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Un altro esempio<strong> \u00e8 il parametro SEO<\/strong>. Nel primo screen \u00e8 85, che sembra un punteggio pi\u00f9 che discreto, ma<strong> il sito \u00e8 noindex <\/strong>quindi non \u00e8 indicizzabile. Perch\u00e9? Perch\u00e9 \u00e8 il server di sviluppo. <br><strong>Come farebbe un sito noindex ad avere 85 se questo fosse un parametro necessario?<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Le pubblicit\u00e0 abbassano il PageSpeed, \u00e8 un problema?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Un&#8217;ultima questione \u00e8 quella delle ADV, attivare AdSense ci butta gi\u00f9 i parametri prestazionali a 45 punti.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u00c8 un problema? <strong>Non lo \u00e8 finch\u00e9 l&#8217;esperienza utente non ne risente.<\/strong> Ma attenzione a cosa carica a livello di pagina il vostro fornitore.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ci sono tantissime <strong>concessionarie pubblicitarie che caricano script al limite del malevole<\/strong>, script che vanno a caricare tantissimo il thread principale, portando a problemi di esperienza d&#8217;uso e a problemi nei Core Web Vitals.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Che cos&#8217;\u00e8 il Thread Principale e in che modo le pubblicit\u00e0 lo bloccano<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Il thread principale \u00e8 quell&#8217;unit\u00e0 operativa che si occupa di mostrare la pagina web all&#8217;utente costruendo la sua struttura (DOM) ed eseguendo i codici Javascript. Il Thread Principale <strong>viene eseguito proprio dal browser<\/strong> (Chrome, Safari, Firefox, Edge, etc.), quindi dal vostro PC, smartphone e tablet.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Le operazioni avvengono in cascata, una dopo l&#8217;altra, non in contemporanea. Questo comporta che se una delle vostre pubblicit\u00e0, o uno dei vostri script, <strong>blocca il thread principale<\/strong> per troppo tempo, la pagina sar\u00e0 caricata lentamente perch\u00e9 <strong>gli altri elementi saranno l\u00ec in coda d&#8217;attesa!<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Cosa sono i parametri Core Web Vitals<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Qui veniamo all&#8217;altro discorso, <strong>i Core Web Vitals (CWV) sono una cosa completamente diversa dal PageSpeed<\/strong> e non solo, le loro valutazioni sono assolutamente un parametro importante.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Quelli che vediamo nel test PageSpeed relaticamente ai Core Web vitals sono di fatto delle valutazioni fatte proprio sulla base di <strong>com&#8217;\u00e8 realmente la navigazione degli utenti sul nostro sito<\/strong>. Uno strumento utile per la valutazione \u00e8 <strong>lighthouse<\/strong> proprio nella console Google Chrome.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I parametri CWV presenti nel test PageSpeed, non sono valutabili se non nel lungo termine, questo perch\u00e9 se il sito fa discrete visite serve ALMENO una settimana per vedere i valori aggiornati.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Noi infatti, avendo cambiato di recente il template, dovremo aspettare qualche giorno per vedere se col nuovo tema avremo abbattuto o meno il TTFB e l&#8217;INP percepito dagli utenti. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Come si abbassano i parametri dei Core Web Vitals?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">In generale, senza giochetti o trucchetti. Serve <strong>un buon hosting<\/strong> con una buona cache e soprattutto <strong>un buon software<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Non se ne esce, sono tantissimi i siti web sviluppati su software prettamente estetici, strumenti pi\u00f9 di design che di sviluppo. Basti vedere ai vari Visual Editor esistenti, come ad esempio <strong>Elementor<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Se non correttamente gestiti<\/strong> nelle loro propriet\u00e0 e nelle cose che caricano a livello di Javascript e CSS, <strong>possono essere davvero dannosi<\/strong> per le performance complessive.<br>A questo si aggiunge il discorso dell&#8217;<strong>hosting<\/strong>, sono in tantissimi a rivolgersi ad aziende tanto millantate, ma che poi nei fatti non portano a reali risultati.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Dovete sapere cos&#8217;\u00e8 il Time To First Byte (TTFB), cos&#8217;\u00e8 MEMcache, cos&#8217;\u00e8 Varnish e, soprattutto, il vostro sviluppatore <strong>deve sapere come va sviluppato il software al fine di non vanificare la cache<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Un esempio? <strong>Una semplicissima chiamata AJAX <\/strong>di tipo POST <strong>pu\u00f2 del tutto vanificare la cache<\/strong> sia software che lato server, portando a picchi di carico e a tempi maggiori nella presentazione della pagina.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Tutto questo con una chiamata AJAX, magari fatta <strong>sovrappensiero<\/strong>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Parliamo un attimo della validit\u00e0 dei parametri PageSpeed e della differenza con quelli Core Web Vitals. Colgo l&#8217;occasione ora che abbiamo sviluppato un nuovo tema in house, senza alcun editor: l&#8217;obiettivo era abbattere il CLS, il TTFB e l&#8217;INP. Tra gli obiettivi non c&#8217;era l&#8217;alzare i punteggi PageSpeed. Perch\u00e9? Come le ADV cambiano i punteggi [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":190396,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[23],"tags":[8],"class_list":["post-190392","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-marketing","tag-seo"],"_links":{"self":[{"href":"https:\/\/madeit.srl\/magazine\/wp-json\/wp\/v2\/posts\/190392","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/madeit.srl\/magazine\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/madeit.srl\/magazine\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/madeit.srl\/magazine\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/madeit.srl\/magazine\/wp-json\/wp\/v2\/comments?post=190392"}],"version-history":[{"count":2,"href":"https:\/\/madeit.srl\/magazine\/wp-json\/wp\/v2\/posts\/190392\/revisions"}],"predecessor-version":[{"id":190398,"href":"https:\/\/madeit.srl\/magazine\/wp-json\/wp\/v2\/posts\/190392\/revisions\/190398"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/madeit.srl\/magazine\/wp-json\/wp\/v2\/media\/190396"}],"wp:attachment":[{"href":"https:\/\/madeit.srl\/magazine\/wp-json\/wp\/v2\/media?parent=190392"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/madeit.srl\/magazine\/wp-json\/wp\/v2\/categories?post=190392"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/madeit.srl\/magazine\/wp-json\/wp\/v2\/tags?post=190392"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}