{"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\/marketing\/pagespeed-e-core-web-vitals-qual-e-la-differenza\/","title":{"rendered":"PageSpeed e Core Web Vitals, qual \u00e8 la differenza?"},"content":{"rendered":"\n<p>Parliamo un attimo della validit\u00e0 dei parametri PageSpeed e della differenza con quelli Core Web Vitals.<\/p>\n\n\n\n<p>Colgo l'occasione ora che abbiamo sviluppato un nuovo tema in house, senza alcun editor: l'obiettivo era <strong>abbattere il CLS, il TTFB e l'INP<\/strong>. Tra gli obiettivi non c'era l'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>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'altra \u00e8 sul server di produzione. <\/p>\n\n\n\n<p>E no, quello pi\u00f9 \"verde\" <strong>non \u00e8 quello sull'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>Il punto cruciale \u00e8 il seguente: <strong>i punti PageSpeed sono un'indicazione<\/strong>, non un parametro in cui rientrare.<\/p>\n\n\n\n<p>La loro valenza \u00e8 alla pari di meri suggerimenti del tipo \"<em>ma hai guardato l\u00ec?<\/em>\". 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>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>Ma come ogni cosa serve una conferma, dove la prendiamo?<\/p>\n\n\n\n<p>Qualcosa lo possiamo notare gi\u00e0 \"a occhio\", perch\u00e9 ogni tanto tra i webdesigner nei gruppetti sui social arriva sempre qualcuno che si \"vanta\" delle proprie metriche. Andando poi a vedere il sito, si tratta sempre di <strong>prodotti sostanzialmente vuoti<\/strong>, con un po' testo e poche immagini. \u00c8\u00a0normale che la pagina sia veloce a caricarsi, ma sono casi irreali.<\/p>\n\n\n\n<p><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'utente adv a schermo pieno con video in autoplay. <br><strong>Punteggio alto, ma siti inutilizzabili.<\/strong><\/p>\n\n\n\n<p>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>Un'ultima questione \u00e8 quella delle ADV, attivare AdSense ci butta gi\u00f9 i parametri prestazionali a 45 punti.<\/p>\n\n\n\n<p>\u00c8 un problema? <strong>Non lo \u00e8 finch\u00e9 l'esperienza utente non ne risente.<\/strong> Ma attenzione a cosa carica a livello di pagina il vostro fornitore.<\/p>\n\n\n\n<p>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'uso e a problemi nei Core Web Vitals.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Che cos'\u00e8 il Thread Principale e in che modo le pubblicit\u00e0 lo bloccano<\/h3>\n\n\n\n<p>Il thread principale \u00e8 quell'unit\u00e0 operativa che si occupa di mostrare la pagina web all'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>Le operazioni avvengono in cascata, una dopo l'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'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>Qui veniamo all'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>Quelli che vediamo nel test PageSpeed relaticamente ai Core Web vitals sono di fatto delle valutazioni fatte proprio sulla base di <strong>com'\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>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>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'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>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>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><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'<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>Dovete sapere cos'\u00e8 il Time To First Byte (TTFB), cos'\u00e8 MEMcache, cos'\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>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>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<\/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}]}}