Sull'ottimizzazione Prestashop (I)

In questa serie di post cercherò di spiegare come ottimizzare la velocità di carico del nostro Prestashop da un punto di vista più avanzato che è ormai consuetudine.

Perché è così importante la velocità di caricamento del tuo negozio Prestashop?

1. posizionamento nei motori di ricerca:

1.1 se un utente esegue una ricerca, ottenere un risultato e che arrivano presso il nostro negozio di caricamento della pagina, l'utente è troppo tardi verrà restituito al motore di ricerca per essere in grado di selezionare un'altra opzione, questo comportamento verrà identificato dal motore di ricerca essere penalizzato il nostro negozio.

1.2 se pagare pubblicità qualità dell'annuncio andrà giù per ottenere una percentuale molto alta di rimbalzo per lo stesso motivo menzionato al punto precedente.

1.3 quando più leggero è che una pagina più facilmente e pulito sarà indicizzazione di un motore di ricerca.

2 la user experience (UX):

Gli utenti correnti non aspettano più di 5 secondi il carico di ogni pagina per navigare, tenendo conto che stiamo parlando di un e-commerce dove almeno è dovete visitare 5 a 10 pagine prima di convertire qualsiasi visita in una vendita abbiamo non può superare in ogni caso questa volta di carico massimo, idealmente per essere meno di 2 secondi per pagina (scusa che questo non è facile da raggiungere con Prestashop) Dovremo lavorare su di esso).

Dicono di noi:

I seguenti siti Web serviamo come esempio dell'importanza di ottimizzazione di velocità web (Web Performance Optimization WPO)

Facebook.com: un aumento di 0,5 secondi a suo tempo di ricarica diminuisce totale traffico sulla sua rete di 3%. Un aumento di 1 secondo un calo del 7%.

Amazon.com: un decimo di secondo proboca una caduta del significato di 1% delle entrate per questo gigante milioni di dollari.

Naturalmente queste cadute non sono paragonabili a dove avranno nel tuo negozio Prestashop, il vostro business non è facebook o Amazon, il tempo di caricamento aumenterà il tasso di abbandono del tuo sito molto di più.

Ci hanno fatto entrare, teoria e pratica-Let's:

Per avviare questo primo capitolo vi spiegherò l'ottimizzazione di base di Prestashop e un'introduzione alla modalità avanzata che cercherò nel mio secondo post.

La parte di ottimizzazione di base del nostro Prestashop abbiamo diviso in diverse sezioni all'interno della scheda parametri--> le prestazioni del nostro Back Office avanzati. Iniziamo spiegando la scelta di Smarty:

La lingua principale di Prestashop è il PHP che viene elaborato con una vista di modulo (MVC) linguaggio di programmazione, uno dei vantaggi di Prestashop è che da un lato programmiamo la funzionalità da altra si mostrano all'utente sotto Smarty È un motore di modelli abbastanza ottimizzato di PHP.

L'opzione di Generazione di forza Deve essere utilizzato solo quando stiamo facendo cambiamenti nel nostro nostro file TPL modello, tenere a mente che il tempo di ricarica sarà moltiplicati almeno tre dadi che vengono compilati i file di nuovo con ogni ricarica nostro PrestaShop.

L'opzione Ricompilare i modelli quando i file vengono modificati Questa è l'opzione che viene utilizzato nei negozi Prestashop che attualmente esiste, è un'opzione fattibile per essere in produzione e noi rimuovere problemi quando abbiamo caricare moduli e apportare modifiche sporadiche nei file del nostro negozio (dato che Prestashop se raccoglierai le modifiche), ma tenete a mente che è sempre più veloce dire Prestashop per ricaricare direttamente il web che raccontano di ricaricare se è verificare che voi nulla è cambiato nei loro file TPL.

Se il nostro negozio è in produzione sempre opzione dovrebbe essere contrassegnato:

"Mai ricompilare i file di modelli"

in questo modo che PrestaShop non verificherà se qualsiasi cambiamento è stato fatto nei file con estensione TPL e addebitato che Smarty ha già compilato in carichi precedenti poiché fa davvero Smarty è questo stesso, codice PHP une sulle caratteristiche con il codice che serve a mostrare il cliente del negozio.

Smarty compilato file sono memorizzati nel seguente percorso in Prestashop:

cachesmartycompile

e hanno il seguente aspetto:

come si può vedere i file TPL e loro variabili sono stati convertiti in PHP da Manager di Smarty. Questo particolare file è la compilazione dell'archivio cms.tpl del modello che viene utilizzato ogni volta che vogliamo visualizzare il contenuto di qualsiasi CMS che abbiamo creato in Prestashop come il famoso "avviso legale" o "chi siamo"

Nel seguente paragrafo della sezione da ottimizzazione Smarty abbiamo la seguente opzione:

Se si seleziona Sistema di file Useremo il tipo dei file menzionati al punto precedente, questo file system è il più ampiamente usato nei negozi Prestashop e dà ottimi risultati, soprattutto quando l'unità disco rigido SSD è disponibile sul nostro server.

Il tipo di cache opzione Prestashop MySQL è molto meno diffuso, forse a causa di ignoranza o dei saturi spesso Mysql server quando si utilizza Prestashop. Questa opzione sta facendo record nella tabella ps_smarty_cache ognuno dei file compilati di Smarty, in questo modo anziché la richiesta come un file direttamente fare una query al database. Occhio che avevamo 59 interroga il database a 510 ad esempio caricare la home page

.

Se attiviamo l'opzione Cache MySQL Smarty file si trova nella directory cachesmartycompile continuerà la creazione e il caricamento con ciò che questa opzione non è fattibile a priori se non ottimizzare le query ed evitare che caricano i file di smarty.

Continuiamo con l'opzione:

Senza dubbio questa opzione deve essere contrassegnata in Pulire la cache ogni volta che ha qualcosa è cambiato. In caso contrario il nostro server sarà gradualmente riempita di file che non verranno mai utilizzati sono stati modificati (ho visto hosting con 10GB di questi file inutili)

Ora andiamo con il blocco successivo che è molto importante:

Sicuramente tutte le opzioni elencate devono essere abilitate anche se dovrebbe essere chiaro che cosa fa ogni opzione:

Questo è l'ottimizzazione di destra ma Let's scavare in quello ogni opzione, iniziamo con il primo:

PrestaShop utilizza centinaia di file CSS per mostrare il design del negozio, più specificamente in standard Prestashop e la home page di carico carico costo di 32 differenti file e questo sono molte richieste al server solo per caricare il nostro design store. Attivando questa opzione Prestashop unisce questi 32 file in 1 solo file che si trova nella seguente directory:

/themes/default-bootstrap/cache/v_2_a626428eb9fe7470a14cb29a65288b5b_all.CSS

in questo modo prendiamo le richieste al server e la dimensione del file poiché Prestashop riunisce tutto il codice in linea per ottimizzarlo (attenzione, se c'è che un bug nella tua pagina di codice CSS viene visualizzato sbagliata questa opzione)

Nel prossimo post continueremo entrando ottimizzazione più avanzata di Prestashop.