it-swarm.dev

Suggerimenti per il miglioramento delle prestazioni in base alle differenze di risultato

Abbiamo un sito Joomla ( http://guru99.com ) in esecuzione su un server dedicato. Attualmente, sul sito è installato il modello basato su gantry di Rockettheme. Quindi, per ottimizzare le prestazioni del mio sito ho testato vari modelli di framework diversi con lo stesso contenuto sulla mia homepage e quindi ho verificato il suo tempo di caricamento, il formato della pagina e il numero di richieste utilizzando http://webpagetest.org ho trovato seguente differenza in loro rispetto ai parametri del mio modello attuale

Framework modello: Loadtime (Sec)/Pagesize (Kb)/No of Requests

Ordito: 0.792/130/14

T3: 0,708/61/19

Elica: 0,225/106/24

Ho testato tutti questi framework con i loro temi gratuiti di base, quindi ora la mia domanda è "sto ottenendo una grande differenza in essi rispetto al mio modello attuale", e devo cercare un modello diverso per migliorare le prestazioni considerando queste differenze?

6
Ram Guru99

In una nota a margine, se sei preoccupato per la velocità della pagina, ho notato un paio di miglioramenti che puoi apportare alle tue immagini.

Hai diverse immagini .png (con e senza sfondo trasparente) sulla tua pagina. Un esempio è this page. Dato che lo sfondo è bianco, potresti benissimo convertire la maggior parte delle tue immagini png in formato .jpg e ridurre molto il tempo di caricamento della pagina. Nel caso in cui sia necessario utilizzare immagini .png, consiglio tinypng.com per ridurre le dimensioni di qualsiasi immagine png tra il 50-70%, anche con la trasparenza.

Esempi:

Immagine originale: http://cdn.guru99.com/images/ETL_Testing/ETLTesting_5.png - 57.6 KB

  • Compresso utilizzando tinypng.com - 25,1 KB
  • Convertito in jpg - ~ 22 KB

Immagine originale: http://cdn.guru99.com/images/logo_funlearn.png - 102 KB

  • Compresso utilizzando tinypng.com - 34,5 KB
  • Convertito in jpg - N/A (sfondo trasparente)

Inoltre, alcune delle tue immagini più grandi di quanto devono essere, ciò aumenta anche il tempo di caricamento della pagina. Prova a ridurre le immagini alle dimensioni effettive che avranno sul tuo sito Web (utilizzando un editor di immagini).

Esempio:

Display size vs natural size

Infine, un altro sito per testare la velocità del sito Web, con diversi strumenti e report, è http://tools.pingdom.com .

3
johanpw

Complessivamente le prestazioni del tuo sito sono molto buone.

Tutti gli script e i file CSS vengono consegnati tramite CDN. Quello che vorrei prendere in considerazione ora è GZipping di tutte queste risorse e questo aumenterà ulteriormente le prestazioni. Per questo, consiglierei JCH Optimize . L'ho usato prima, quindi posso confermare che fa molto bene il lavoro.

Tuttavia (c'è sempre un "comunque"), ho notato che alcuni script a volte dimenticano di chiudere le parentesi alla fine, quindi quando li comprime, si verifica un errore nel registro della console. Se ottieni questo, dovrai escludere ogni file JS uno per uno per trovare il colpevole. Il plug-in consente di individuare file specifici.

L'unica cosa che devi tenere a mente quando testi la velocità delle pagine per diversi framework è che i template che ne derivano potrebbero richiedere risorse diverse. Ad esempio, il framework Helix, come hai visto, è quasi 4x più veloce da caricare rispetto a Warp, tuttavia il tema Master fornito con Warp può contenere più immagini e file CSS, quindi più richieste HTTP, quindi velocità di caricamento più lente.

2
Lodder