Vergelijk syntaxis-markeerstift-plug-ins en bibliotheektype 5 weergavesnelheden van sites
Syntax Highlighter: plug-ins en bibliotheken die de broncode weergeven
Als u zich afvraagt welke syntaxismarkeerstift u in WordPress moet gebruiken
・ Het wordt zwaar wanneer een plug-in wordt geplaatst.
・ Omdat de markeerstift met de naam ○○○ zwaar is, ben ik overgestapt op een andere plug-in.
・ Vooral lichtgewicht met JS- en CSS-bibliotheken
Ik heb de informatie vaak gezien.Ik heb gemeten hoeveel de weergavesnelheid werkelijk verandert tussen de plug-in en de bibliotheek, en hoeveel deze verschilt afhankelijk van de plug-in.
Lijst met doelen voor vergelijking van weergavesnelheden
- Markeerstift niet geïntroduceerd
- prisma's(Bibliotheek)
- Prism Syntax Markeerstift(Prismjs bibliotheek plugin versie)
- Crayon Syntax Markeerstift(Inpluggen)
- Mivhak Syntax Markeerstift(Inpluggen)
De kenmerken van elk worden hieronder samengevat.
https://insilico-notebook.com/wp-highlighter-list/
Meetmethode
De volgende services werden gebruikt om de ongelezen snelheid van webpagina's te vergelijken.
PageSpeed Insight: Tool voor het meten van webprestaties geleverd door Google
GTmetrix: Site die snelheid en verbeterpunten weergeeft
環境
Server: mixhost-standaard
Schijfcapaciteit-SSD 150GB
CPU, hostserver CPU: virtuele 3 cores, Xeon 24 cores 48 threads
Geheugen, hostservergeheugen: 4 GB, 256 GB
WordPress-thema:cocon
Aangezien Highlight.js standaard is geïmplementeerd in Cocoon, kan niet worden gezegd dat highlighter niet in strikte zin is geïntroduceerd, maar ik heb besloten om de vertragingsgraad te meten aan de hand van het verschil.
resultaat
| PageSpeed Insight | GTmetrix | |||
| mobiel | PC | Pagina Speed Grade | Yslow-kwaliteit | |
| Markeerstift niet geïntroduceerd | 82.5 | 100 | 89 | 76 |
| Prismjs-bibliotheek | 82 | 100 | 89 | 76 |
| Prisma markeerstift | 81 | 100 | 89 | 76 |
| Kleurpotlood markeerstift | 76.5 | 99 | 88 | 75 |
| Mivhak markeerstift | 71.5 | 99 | 87 | 75 |
GTmetrix's Page Speed Grade en Y slow Grade zijn gekwantificeerde resultaten van respectievelijk Google en Yahoo's sitesnelheidmeetservices (Gtmetrix's Page Speed Grade is een uitgebreide evaluatie van de resultaten van PageSpeed Insight).Als resultaat werd telkens de gemiddelde waarde die tweemaal werd gemeten, gebruikt.
Als je het op mobiel bekijkt, kun je zien dat het bibliotheektype zeker sneller is, gevolgd door de lichtere plug-ins en de zwaardere plug-ins, en de score voor de weergavesnelheid wordt slechter.Het lijkt er echter op dat er bijna geen verschil is als je het op een pc bekijkt.
Als ik naar de code verwijs, denk ik dat de meeste mensen er toegang toe hebben vanaf een pc.Afhankelijk van het percentage mobiele en pc-toegang, hoeven plug-ins mogelijk niet zo gevoelig te zijn.