- Home
- Categorie
- Digital Marketing
- Consigli su Penalizzazioni e Test SEO
- CLS come migliorarlo? valori strani
-
@mirkomassarutto ha detto in CLS come migliorarlo? valori strani:
@Giulio89 il problema è capire cosa stai togliendo.. [...]
Allora innanzitutto ti ringrazio tantissimo per il tempo che hai investito nel post. Quindi il CLS é legato anche al tempo di caricamento, questa cosa non l'avevo capita. Comunque mi confermi che il pagespeed é in tempo reale. Giusto? Proverò ad ottimizzare la.velocota e vedere se incide sul CLS.. grazie mille Purtroppo di codice non so nulla. Mi affiderò a qualche servizio esterno.
1 Risposta -
@Giulio89 ha detto in CLS come migliorarlo? valori strani:
@mirkomassarutto ha detto in CLS come migliorarlo? valori strani:
@Giulio89 il problema è capire cosa stai togliendo.. [...]
Allora innanzitutto ti ringrazio tantissimo per il tempo che hai investito nel post.
Puoi settare la sua come migliore risposta!
Ho ridotto il tuo quote nel post, così è più pulito per chi legge
G 1 Risposta -
@giorgiotave ha detto in CLS come migliorarlo? valori strani:
@Giulio89 ha detto in CLS come migliorarlo? valori strani:
@mirkomassarutto ha detto in CLS come migliorarlo? valori strani:
@Giulio89 il problema è capire cosa stai togliendo.. [...]
Allora innanzitutto ti ringrazio tantissimo per il tempo che hai investito nel post.
Puoi settare la sua come migliore risposta!
Ho ridotto il tuo quote nel post, così è più pulito per chi legge
Perfetto fatto
1 Risposta -
Miglior Risposta
@Giulio89 ciao.
Sono arrivato un po' in ritardo, ma provo a suggerirti l'elemento su cui porre attenzione riguardo il CLS.
Così a occhio sembra essere principalmente un elemento, ossia quello di trustpilot. Si nota abbastanza bene dalla sequenza di rendering in pagespeed insights.
Come puoi notare la parte alta con il triangolo in grigio prima di assestarsi si muove in modo visibile spostando più volte il layout sottostante.
Dentro PSI puoi vedere segnalati gli elementi che si spostano, ma ti danno poche indicazioni perché di fatto sono si loro a spostarsi, ma a causa del blocco di cui sopra.
Il consiglio dunque per risolvere è allocare l'altezza esatta di quel box senza che cambi nel giro di 3 secondi 5 volte.
G 1 Risposta -
@juanin ha detto in CLS come migliorarlo? valori strani:
Il consiglio dunque per risolvere è allocare l'altezza esatta di quel box senza che cambi nel giro di 3 secondi 5 volte.
É proprio questo il problema. hai ragione! ora il secondo problema è che sono una pippa con il codice. questo sito è stato fatto con elementor ed io mi sono limitato a copiare il codice del trustbox nella colonna html di elementor.
<!-- TrustBox widget - Starter --> <div class="trustpilot-widget" data-locale="it-IT" data-template-id="5613c9cde69ddc09340c6beb" data-businessunit-id="5f0d4db445f81300016d1e2d" data-style-height="100%" data-style-width="100%" data-theme="light"> <a href="https://it.trustpilot.com/review/simonechiozzi.com" target="_blank" rel="noopener">Trustpilot</a> </div> <!-- End TrustBox widget -->
ora se ho capito bene, anzichè impostare il data style 100% dovrei darli una grandezza definita, giusto?
Ho provato a cercare in rete, non riesco a capire come settare la grandezza del box in partenza. Tu hai qualche consiglio?AGGIORNAMENTO: Impostando una grandezza precisa il CLS è sceso a 0.1
il problema è che adesso non è centrato come vorrei
-
(
probabilmente per centrarlo è una banalità, ho cercato qualche tutorial ma non mi prende il codice.
-
Ora non riesco a fare una prova veloce.. hai provato un semplice margin:auto ?
G 1 Risposta -
@mirkomassarutto ho risolto banalmente lasciando la larghezza al 100%. Ora il CLS è migliorato in tutte le pagine. ma resta un dubbio.
2 Risposte -
@Giulio89 perfetto.. ora non resta che andare a risolvere tutto il resto
Buon lavoro.
-
@Giulio89 attenzione perché il valore che vedi sopra è l'aggregato per origin del Chrome UX Report quindi inizierai a vedere i benefici da ora in avanti e se non hai molto traffico passerà qualche mese.
Ti incollo infatti cosa c'è scritto sopra.
Origin Summary: Nel precedente periodo di raccolta dei dati di 28 giorni, l'esperienza globale di tutte le pagine pubblicate da questa origine non supera la valutazione Segnali web essenziali. Per visualizzare suggerimenti su misura per ogni pagina, analizza i singoli URL delle pagine.