Vergleichen Sie Syntax-Textmarker-Plugins und die Anzeigegeschwindigkeiten von Websites der Bibliothek 5
Syntax Highlighter: Plugins und Bibliotheken, die den Quellcode anzeigen
Wenn Sie sich fragen, welchen Syntax-Textmarker Sie in WordPress verwenden sollen
・ Es wird schwer, wenn ein Plug-In eingefügt wird.
・ Da der Textmarker mit dem Namen ○○○ schwer ist, habe ich zu einem anderen Plug-In gewechselt.
・ Besonders leicht mit JS- und CSS-Bibliotheken
Ich habe die Informationen oft gesehen.Ich habe gemessen, wie stark sich die Anzeigegeschwindigkeit zwischen dem Plug-In und der Bibliothek tatsächlich ändert und wie stark sie sich je nach Plug-In unterscheidet.
Liste der Ziele für den Vergleich der Anzeigegeschwindigkeit
- Textmarker nicht eingeführt
- Prismjs(Bibliothek)
- Prisma-Syntax-Textmarker(Prismjs Library Plugin Version)
- Crayon Syntax Textmarker(Plugin)
- Mivhak Syntax Textmarker(Plugin)
Die Merkmale von jedem sind unten zusammengefasst.
https://insilico-notebook.com/wp-highlighter-list/
Messmethode
Die folgenden Dienste wurden verwendet, um die ungelesene Geschwindigkeit von Webseiten zu vergleichen.
PageSpeed Insight: Von Google bereitgestelltes Tool zur Messung der Webleistung
GTmetrix: Site, die Anzeigegeschwindigkeit und Verbesserungspunkte ausgibt
Umwelt
Server: Mixhost-Standard
Festplattenkapazität - SSD 150 GB
CPU, Host-Server-CPU: virtuelle 3 Kerne, Xeon 24 Kerne 48 Threads
Speicher, Host-Server-Speicher: 4 GB, 256 GB
Wordpress-Thema:Kokon
Da Highlight.js standardmäßig in Cocoon implementiert ist, kann nicht gesagt werden, dass Textmarker nicht im engeren Sinne eingeführt wurde, aber ich habe beschlossen, den Verzögerungsgrad an der Differenz zu messen.
結果
| PageSpeed Insight | GTmetrix | |||
| Mobil | PC | Seitengeschwindigkeitsgrad | Yslow Grade | |
| Textmarker nicht eingeführt | 82.5 | 100 | 89 | 76 |
| Prismjs Bibliothek | 82 | 100 | 89 | 76 |
| Prisma-Textmarker | 81 | 100 | 89 | 76 |
| Crayon Textmarker | 76.5 | 99 | 88 | 75 |
| Mivhak Textmarker | 71.5 | 99 | 87 | 75 |
Der Seitengeschwindigkeitsgrad von GTmetrix und der langsame Grad von Y sind quantifizierte Ergebnisse der Website-Geschwindigkeitsmessdienste von Google bzw. Yahoo (der Seitengeschwindigkeitsgrad von Gtmetrix ist eine umfassende Bewertung der Ergebnisse von PageSpeed Insight).Als Ergebnis wurde jeweils der zweimal gemessene Mittelwert verwendet.
Wenn Sie es auf Mobilgeräten betrachten, können Sie feststellen, dass der Bibliothekstyp sicherlich schneller ist, gefolgt von den leichteren Plugins und den schwereren Plugins, und der Score für die Anzeigegeschwindigkeit wird schlechter.Es scheint jedoch fast keinen Unterschied zu geben, wenn man es auf einem PC betrachtet.
Wenn ich mich auf den Code beziehe, denke ich, dass die meisten Leute von einem PC aus darauf zugreifen.Abhängig vom Prozentsatz des Mobil- und PC-Zugriffs müssen Plugins möglicherweise nicht so sensibel sein.