Per avere un sito che venga visualizzato rapidamente e quindi venda in modo ottimale, è necessario soddisfare 3 condizioni:
- server i cui componenti sono all'avanguardia della tecnologia: NVMe SSD 3D
- particolare combinazione di software server (il nostro know-how)
- sito web minimamente ottimizzato che utilizza PHP7, Prestashop è molto veloce sui nostri server in forma nativa, assicurati che temi e moduli personalizzati non riducano le prestazioni...
Utilizza il browser Chrome che è molto più veloce di Firefox
Confermiamo che i nostri server sono molto ben ottimizzati per Prestashop e un sito di confronto di host web esegue il test quotidiano dei nostri server, arriviamo tra i primi 3, vedere il collegamento qui
Per Prestashop, lLe migliori prestazioni si ottengono conha il ramo 7 di PHP
- Opcache è già attivato per impostazione predefinita a livello di server con versioni compatibili PHP
- Assicurati di verificare la compatibilità del tuo tema e dei tuoi moduli/plugin...Leggi il nostro articolo sull'impatto della velocità del sito web sulle sue prestazioni complessive
Sezione prestazioni di amministrazione Prestashop:
Tipo di cache in alto: 'File system' è molto efficiente con NVMe SSD nelle ultime versioni Prestashop, o 'MySQL' (il guadagno dipenderà dal tuo sito, dovrai testare), altrimenti usa Opcache.
Lasciare attivato se possibile: disattivare tutti i sovraccarichi
CCC: Normalmente si consiglia di lasciare tutto abilitato e disabilitare quelli che causano problemi come /ex: "riduci codice html" e "sposta javascript alla fine".
Nella sezione 'Prestazioni' dell'amministratore Prestashop, all in fondo della pagina, lascia tutte le cache disabilitate poiché non forniscono risultati miglioriUna volta terminato lo sviluppo, non dimenticare di disattivare: 'Forza compilazione ad ogni chiamata'
Per conoscere, per testare:
https://dh42.com/free-Prestashop-modules/Prestashop-Opcache-manger-module/
Consente solo di visualizzare l'effetto Opcache
https://jpresta.com/fr/accueil/1-page-cache.html
Consente l'ottimizzazione su misura....
Come simuli correttamente la realtà dell'esperienza di un visitatore sul tuo sito?
Consigliamo questi siti di test online in ordine di rilevanza:Da leggere più strumenti
NB:
- I criteri più importanti sono il 'First byte time', l'indice di velocità e soprattutto l''Start Render', indicati sul sito webpagetest.org
- Pagespeed insights è il peggiore strumento di punteggio online, perché è incompleto e errato
- I siti di test non vedono la nostra compressione Gzip
Sai che testare online un sito web basandosi solo sulla home page è ben lungi dall'essere una valutazione completa? ecco perché...
Un visitatore generalmente non si scoraggia perché il tuo sito si carica tra 3-5 secondi al primo caricamento, (se sono 10 secondi sono davvero troppi), il tuo visitatore beneficerà di una maggiore velocità per le pagine successive visitate dai nostri server, grazie alle impostazioni attivate per impostazione predefinita per la cache a livello del browser del visitatore, vale a dire che solo i nuovi elementi delle pagine visitate durante la visita verranno inviati dal server, il resto viene dalla cache del suo browser (imbattibile in termini di velocità)...
Testare solo la home page permette di confrontare la velocità di 2 servizi di web hosting, e anche di vedere il grado di ottimizzazione della home page o di quella testata... (Abbiamo visto molti siti senza problemi sulla home page, mentre grossi problemi sono apparsi sulle pagine delle categorie e dei prodotti, collegati a moduli non ottimizzati o mal progettati...)
Quindi, se utilizzi un sito di test online, devi fare 3 test per vedere la velocità di 2 server o l'ottimizzazione di una pagina del tuo sito web: home page, 1 pagina di categoria, 1 pagina di prodotto.
Tieni presente che:
- I siti di test online in genere puliscono la cache a ogni richiesta, quindi ciò non rappresenterà sempre l'esatta realtà dell'esperienza di un utente
- più del 50% dei visitatori arriva sul tuo sito su una pagina che non è la tua home page...
Per simulare la realtà dell'esperienza di un utente, dovrai farlo dal tuo PC installando il plug-in di Chrome chiamato Apptelemetry (avrai un contatore visualizzato a destra della barra degli URL): https://chrome.google.com/webstore/search/apptelemetry
Pulisci la cache e visita il tuo sito accedendo a ciascun tipo di pagina e visualizza i tempi di caricamento dalla seconda pagina visitata...
Utilizza "Ispeziona elementi" con il pulsante destro del mouse in Chrome o "Ispeziona elemento" in Firefox, vedi la scheda "Prestazioni", abilita la registrazione. Ora naviga nel tuo sito web per ottenere la cascata ed eventualmente identificare gli elementi che potrebbero essere problematici...
Per un test avanzato e simulato con visitatori reali, consigliamo questo servizio unico:
https://www.userlynx.com/
1. Prestashop viene fornito con un buon numero di moduli attivati, di cui utilizzerai in media solo il 40%...Dovrai quindi disattivare uno per uno quelli che non utilizzerai, solo una volta installato il tuo tema (perché questo aggiunge moduli).
Fare clic su Sì per: "Disabilita tutti i sovraccarichi", nella sezione Prestazioni (potrebbe non essere adatto a tutti i siti a causa di moduli/temi specifici)
Molto importante:
Ripetere il test a ogni passaggio di ottimizzazione/azione (aggiunta/rimozione/attivazione di plug-in) per identificare facilmente quale azione ha causato il miglioramento o il degrado delle prestazioni. Senza questa pazienza e la necessaria osservazione, sarà molto più difficile cercare l'ago nel pagliaio se non si dispone di un certo livello di competenza.
La chiave per avviare con successo questa ottimizzazione non è solo disattivare/disinstallare i moduli, ma soprattutto rimuovere l'hook di questi moduli in hook_header, oltre a quello in cui dovrebbero essere visualizzati...
La dimensione di una pagina, esclusa la home page, non deve superare i 3 MB...
Un esempio di test con webpagetest.org su un sito abbastanza ben ottimizzato:
Altro sito con buoni risultati: https://www.ctechnik.com
Ecco il punteggio del nostro sito web, la cui ottimizzazione è massimizzata in base ai nostri vincoli tecnici e alla scelta dei contenuti:
https://www.yoorshop.hosting/images/webpagetest-yoorshop.JPG
Il 'First byte time' prevede il caricamento iniziale e quasi simultaneo di numerosi elementi (senza cache precedente sul lato visitatore finale):
- risoluzione iniziale DNS
- impostazione della connessione iniziale SSL quando il sito è in SSL (vedi il nostro punto 9 con l'offload SSL per ridurre questo ritardo)
- caricamento iniziale del sito che include CMS Prestashop
Tutte le cache del server e del sito Web garantiranno che le pagine successive visitate verranno visualizzate molto più rapidamente...
L'"Inizio rendering" e l'"Indice di velocità" sono molto importanti (da quando vengono visualizzati gli elementi).
Rif: https://blog.dareboost.com/fr/2015/07/start-render-visually-complete-speedindex/
È assolutamente normale vedere un punteggio N/A o D per la compressione delle immagini, dipende dalle immagini e la compressione deve essere eseguita da te a monte e non dal server che non può comprimerle in modo significativo...
Studia anche i risultati della 'cascata', ma attiva anche la 'profilazione di debug' in Prestashop per maggiori dettagli!
Per "cascata", ricorda che puoi eseguire questo test in modo più preciso dal tuo computer utilizzando la funzione "Ispeziona elemento" nel tuo browser, vedi la scheda "rete"
2. I moduli statistici interni rallentano molto Prestashop, è meglio utilizzare semplicemente il modulo di Google Analytics o statcounter
3. Avere un buon host come YOORshop, i nostri server sono potenti ed efficienti (SSD + server Nginx e litespeed + http2) e sono configurati con vari ottimizzatori che contribuiscono naturalmente a buone prestazioni. Anche il processore assegnato al tuo account gioca un ruolo importante (il prezzo delle nostre offerte è proporzionale al processore)
4. Controlla la corretta esecuzione di Javascript e dei vari moduli (categorie, slider) e alla fine della pagina (attiva in Performance 'Esegui Js alla fine'). Abbiamo già visto che la funzione non funziona correttamente con alcuni moduli, verifica le differenze disattivandoli e controlla il codice se necessario... oppure la 'cascata' del test online: http://www.webpagetest.org/
5. Ricorda inoltre di testare/attivare Cloudflare gratuitamente dal tuo cPanel e valutare se c'è un guadagno per il tuo sito (devi prima aver ottimizzato il tuo sito se non lo è, è fondamentale con o senza cloudflare!), normalmente interessante per siti con molti contenuti, e molto utile solo se il tuo mercato di riferimento si trova in continenti lontani....
(I test dovrebbero durare almeno 3 giorni finché Cloudflare non avrà memorizzato nella cache un numero sufficiente di richieste)
Per un sito SSL e anche con prestazioni migliori, il meno costoso è: https://www.keycdn.com/?a=31796
6. Periodicamente, eliminare il database
https://support.yoorshop.hosting/knowledgebase/1295/Ottimizzazione-della-banca-dati.html7. Sii al 50-100% SSL e beneficia della velocità del protocollo HTTP2:
https://support.yoorshop.hosting/knowledgebase/1551/Come-installare-un-certificato-SSL.html8. Ottimizzazione con PageSpeed
https://support.yoorshop.hosting/knowledgebase/3242/Ottimizzazione-con-PageSpeed.html9. Offriamo la funzione 'SSL offload' che riduce il tempo di caricamento alla prima connessione (se il tuo sito visualizza un errore, significa che è incompatibile con questa funzione). Per attivarlo/testarlo, dal tuo cPanel, in basso, icona Nginx Manager, scegli il tuo dominio, poi 'Impostazioni generali', clicca su 'abilitato' per la riga SSL Offload, poi più in basso a destra, salva cliccando sul pulsante nella sezione 'Salva impostazioni'
