Jump to content

problema con above-the-fold su pagespeed insights e css


QuackIT

Recommended Posts

Ciao Ragazzi,

 

effettuando un test con google page speed insights mi viene fuori:

 

Elimina JavaScript e CSS che bloccano la visualizzazione nei contenuti above-the-fold
La tua pagina presenta 2 risorse CSS di blocco. Ciò causa un ritardo nella visualizzazione della pagina.
Non è stato possibile visualizzare alcun contenuto above-the-fold della pagina senza dover attendere il caricamento delle seguenti risorse. Prova a rimandare o a caricare in modo asincrono le risorse di blocco oppure incorpora le parti fondamentali di tali risorse direttamente nel codice HTML.
Ottimizza la pubblicazione CSS degli elementi seguenti:

 

Come posso risolvere?

 

Ho già provato da prefereze -> prestazioni a mettere il CCC tutto su On e a selezionare sposta js alla fine della pagina (infatti prima mi dava anche 2 file js oltre i due css) ma non ho risolto.

 

Utilizzo PS 1.6.0.9 con Smarty attivo e XCache attiva (ho provato anche a disattivarla e a pulire la cache da prestashop ma nulla)

 

HELPPP!!!

Link to comment
Share on other sites

  • 5 weeks later...
  • 1 month later...
  • 8 months later...
  • 1 year later...
  • 3 weeks later...
  • 2 months later...
  • 1 month later...

Dunque ti rispondo io, la certezza nella risposta è di circa il 97,94%, la soluzione è che: non c'è soluzione.

Il file incriminato da google page speed ,presente nella cache del tema, e gia di per se ottimizzato dal cms PS dal momento in cui attiviamo smartcache proprio per aumentare le prestazioni del sito.

Ottimizzarlo ulteriormente non so proprio come fare ( e credo nessuno lo sappia visto che non si trova risposta  in nessun forum ne italiano ne estero).

Se qualcuno vuole smentirmi nè saremo tutti felici me compreso, visto che si risolverebbe la questione.

Edited by cikkos (see edit history)
Link to comment
Share on other sites

In teoria si ma solo sè fossimo noi a sviluppare un progetto da noi ideato e di conseguenza con certa conoscenza della struttura complessiva. Ma in questo caso ci troviamo dinanzi a un cms complesso con una miriade di file interconnessi, quindi o siamo degli sviluppatori di PS avanzati, oppure ... si diventa degli sviluppatori di prestashop avanzati dedicandoci allo studio di struttura e codice per tanto tanto tempo :).

Link to comment
Share on other sites

Io credo che prima di pensare a questi particolari c'é da pensare a come ottimizzare il server su cui si installa PS perché é inutile pensare alla carrozzeria se il motore non c'é la fá.....per tanto cominciamo a pensare a prendere un vps ed ottimizzarlo a dovere ( sistemista esperto che lo configura per bene ), poi ottimizziamo la piattaforma per quel che riguarda i contenuti...foto! Se metto roba di 1gb é ovvio che il tutto si rallenta....dopodiché si sposta in fondo i JS's e si puó giá fare da default e poi anche i css..ma quelli che non servono al contenuto atf ( c'é un modulo se non sbaglio che fá questo, se lo trovo ve lo indico)....ma soprattutto pensiamo a cosa mettere "above the fold" perché alla fine é quello che conta di piú per Mr. G:-))....anzi occhio che da pochissimo tempo G penalizza siti tutta foto all'arrivo nella LP e finalmente penalizza i popup perché credetemi sono un "pain in the ass"......

 

ciao

Link to comment
Share on other sites

La soluzione del server potente di solito è data dalle web agency,  personalmente se una cosa è programmata con i piedi va malissimo, 

esempio eclatante la gestione del magazzino, eliminando una riga di codice il salvataggio dell'ordine passa da minuti o addirittura a piantare tutto ad essere immediato,

Credo che qualsiasi macchina sia in gradi di far girare un cms programmato bene, anche perchè non credo su questo forum ci siano siti che abbiano bisogno di potenza di calcolo mostruosa.

 

Nella nostra esperienza ci siamo imbattuti in ditte con incapatità TOTALI che per ovviare al loro problema di poca professionalità ripiegavano sulla soluzione server più grande e più performante.

 

Quando nel nostro caso la macchina gira sotto sforzo arriva ad un massimo di 10% in modalità normale siamo nell'ordine di 1-2%

  • Like 1
Link to comment
Share on other sites

Certo d'accordissimo, io per vps non intendo dire che ci vuole per forza un server potente perché ci sono PS su vps mal configurati che vanno peggio dello stesso ps su un server condiviso, intendo dire che l'ideale é un vps perché con l'accesso root é possibile configurare il proprio shop al meglio ed ottenere la massime prestazioni, addirittura é possibile ottimizzare le query sql per es....impostare altri parametri per ottimizzare e velocizzare i processi dinamici php etc etc...lasciare gestire le pagine statiche ad un server nginx per es etc etc etc ...il vps sarebbe l'ideale anche perché Presta é sempre stato una piattaforma non proprio leggera anzi e che richiede energie lato server. L'aspetto che piú incide secondo me sulle prestazioni prima di tutto é il traffico che abbiamo su un determinato website e lí si vede la differenza tra una vps/server dedicato e condiviso...ovvio che se i nostri vicini di casa hanno anche loro Prestashop il nostro bel sito sará lento e piú é trafficato peggio é....bisogna valutare da caso a caso. Per es ho visto e provato lo stesso shop su server condivisi ma di differente gestore e le differenza sono abissali...basta un nulla nella configurazione server per trasformare il tutto in un pachiderma e purtroppo non c'é nulla da fare se non cambiare hosting..morale> soldi buttati.

 

Oggigiorno i prezzi dei vps o server dedicati x anno sono calati parecchio addirittura ci sono providers che costano meno di un condiviso ma richiedono skill notevoli, altri sono gestiti , costano di piú ma alla fine per chi vuole investire in un'ecommerce e costruire/sviluppare un business questa spesa/investimento dovrebbe essere messa come prioritaria!...ma si continuano  a vedere e-commerce su hosting non adatti, eppoi arrivano i problemi, si dá la colpa al modulo, alle cache, allo Smarty etc etc...stiamo parlando di pochi soldi di differenza tra un condiviso e vps eppure ancora c'é gente che pensa a risparmiare 50/100 euro all'anno a fronte di una spesa magari di migliaia di euro per costruire il sito, non ha senso...il tutto deve essere equilibrato ma soprattutto bisogna mettersi in testa che un' ecommerce richiede investimenti notevoli sotto tutti i punti di vista affinché abbia successo.

Conosco e-commerce con molto traffico e ordini che se non fossero su vps bye bye clienti e ranking......io sono con il mio e-commerce su un hosting americano con server in Europa ed i limiti si vedono, non posso farci nulla,  ma nei prossimi mesi passo a vps ( OVH o Contabo ) tanto  mi costa piú o meno lo stesso, ma a livello di prestazioni se opportunamente configurato 1.6.1 ha un incremento brutale in velocitá.

 

ciao

Link to comment
Share on other sites

Credo si sia creata un po di confusione nel contesto di questo topic. Il titolo di questo topic è: "problema con above-the-fold su pagespeed.."

QuackIT chiedeva (nel non recentissimo ottobre del 2014) come risolvere il problema riscontrato nella valutazione di pagespeed di google, che appunto indica testualmente:

 

"La tua pagina presenta 2 risorse CSS di blocco. Ciò causa un ritardo nella visualizzazione della pagina.

Non è stato possibile visualizzare alcun contenuto above-the-fold della pagina senza dover attendere il caricamento delle seguenti risorse. Prova a rimandare o a caricare in modo asincrono le risorse di blocco oppure incorpora le parti fondamentali di tali risorse direttamente nel codice HTML."

 

Questo accadeva nel 2014 questo accade nel 2017 almeno fino alla versione di prestashop 1.6.xx Il file css indicato da pagespeed si trova nella cartella themes/nometema/cache ed è di per se già compresso è ottimizzato da Prestashop e viene a crearsi nel momento in cui noi dal BO attiviamo smart cache.

 

Ora se questo file lo andiamo a modificare molto ma molto probabilmente PS smetterà di funzionare per le ragioni esposte nel mio post precedente. 

 

Il discorso server performante è sicuramente valido come per esempio avere una risposta veloce da quest’ultimo quando interrogato dalle utenze ho reggere un traffico elevato ecc.

 

Ma il tema iniziale e la relativa domanda di questo post era un’altra quella che pagespeed di google trova i due file css (uno per il mobile l’altro per desktop) prima citati senza contenuto above-the-fold.

 

Che poi siano particolari di poco conto, è un’altra storia…e sinceramente anche io sono di questo parere.

Link to comment
Share on other sites

  • 2 weeks later...

Salve, anche io ricevo da pagespeed diversi consigli su cosa ottimizzare, in particolare html, css, javascript; e mi chiedevo appunto che senso ha ottenere queste risposte se utilizziamo un programma come Prestashop che teoricamente dovrebbe essere stato preparato da chi ne capisce di più di chi semplicemente ne fa uso per il proprio e-commerce.

Io certamente non saprei come ottimizzare queste cose. Non mi è chiaro ancora neanche quale sia la giusta impostazione dei selettori nella pagina Impostazioni / Prestazioni. Per esempio nella terza casella CCC ho tutto su NO; forse sta qui parte del problema?

 

Infine pagespeed mi chiede di ottimizzare le immagini; e a questo punto vorrei confrontarmi con voi: le mie immagini sono jpg, nella maggior parte dei casi da 800x800 px, alcune anche da 500x500 e poche altre arrivano ai 1000px. Preparate con Photoshop e salvate con la funzione salva per web. A livello di kb non mi sembrano pesanti. Le vostre come sono?

Link to comment
Share on other sites

Salve, anche io ricevo da pagespeed diversi consigli su cosa ottimizzare, in particolare html, css, javascript; e mi chiedevo appunto che senso ha ottenere queste risposte se utilizziamo un programma come Prestashop che teoricamente dovrebbe essere stato preparato da chi ne capisce di più di chi semplicemente ne fa uso per il proprio e-commerce.

Io certamente non saprei come ottimizzare queste cose. Non mi è chiaro ancora neanche quale sia la giusta impostazione dei selettori nella pagina Impostazioni / Prestazioni. Per esempio nella terza casella CCC ho tutto su NO; forse sta qui parte del problema?

 

Infine pagespeed mi chiede di ottimizzare le immagini; e a questo punto vorrei confrontarmi con voi: le mie immagini sono jpg, nella maggior parte dei casi da 800x800 px, alcune anche da 500x500 e poche altre arrivano ai 1000px. Preparate con Photoshop e salvate con la funzione salva per web. A livello di kb non mi sembrano pesanti. Le vostre come sono?

 

No, il problema è come sono implementati nelle pagine css e javascript da parte di prestashop

Link to comment
Share on other sites

  • 4 years later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...