Confronta i plug-in di evidenziazione della sintassi e le velocità di visualizzazione del sito di tipo libreria 5
Evidenziatore di sintassi: plugin e librerie che visualizzano il codice sorgente
Quando ti stai chiedendo quale evidenziatore di sintassi usare in WordPress
・ Diventa pesante quando viene inserito un plug-in.
・ Poiché l'evidenziatore denominato ○○○ è pesante, sono passato a un altro plug-in.
・ Particolarmente leggero grazie all'utilizzo di librerie JS e CSS
Ho visto spesso le informazioni.Ho misurato quanto cambia effettivamente la velocità di visualizzazione tra il plug-in e la libreria e quanto varia a seconda del plug-in.
Elenco degli obiettivi di confronto della velocità di visualizzazione
- Evidenziatore non introdotto
- Prismjs(Biblioteca)
- Evidenziatore di sintassi Prism(Versione plugin libreria Prismjs)
- Evidenziatore di sintassi pastello(Collegare)
- Evidenziatore di sintassi Mivhak(Collegare)
Le caratteristiche di ciascuno sono riassunte di seguito.
https://insilico-notebook.com/wp-highlighter-list/
Metodo di misurazione
I seguenti servizi sono stati utilizzati per confrontare la velocità non letta delle pagine web.
PageSpeed Insight: Strumento di misurazione delle prestazioni web fornito da Google
GTmetrix: Sito che restituisce velocità di visualizzazione e punti di miglioramento
ambiente
Server: standard mixhost
Capacità del disco: SSD 150 GB
CPU, CPU del server host: 3 core virtuali, Xeon 24 core 48 thread
Memoria, memoria del server host: 4 GB, 256 GB
Tema Wordpress:bozzolo
Poiché Highlight.js è implementato di serie in Cocoon, non si può dire che l'evidenziatore non sia stato introdotto in senso stretto, ma ho deciso di misurare il grado di ritardo in base alla differenza.
結果
| PageSpeed Insight | GTmetrix | |||
| mobile | PC | Grado di velocità della pagina | Grado Yslow | |
| Evidenziatore non introdotto | 82.5 | 100 | 89 | 76 |
| Libreria Prismjs | 82 | 100 | 89 | 76 |
| Evidenziatore prisma | 81 | 100 | 89 | 76 |
| Evidenziatore a pastello | 76.5 | 99 | 88 | 75 |
| Evidenziatore Mivhak | 71.5 | 99 | 87 | 75 |
Page Speed Grade e Y slow Grade di GTmetrix sono risultati quantificati rispettivamente dei servizi di misurazione della velocità del sito di Google e Yahoo (Page Speed Grade di Gtmetrix è una valutazione completa dei risultati di PageSpeed Insight).In ogni caso, come risultato è stato utilizzato il valore medio misurato due volte.
Se lo guardi su un dispositivo mobile, puoi vedere che il tipo di libreria è sicuramente più veloce, seguito dai plugin più leggeri e dai plugin più pesanti, e il punteggio della velocità di visualizzazione peggiora.Tuttavia, sembra che non ci sia quasi alcuna differenza se lo si considera su un PC.
Quando si fa riferimento al codice, penso che la maggior parte delle persone vi acceda da un PC.A seconda della percentuale di accesso da dispositivi mobili e PC, potrebbe non essere necessario che i plug-in siano così sensibili.