Compare plug-ins de realce de sintaxe e velocidades de exibição de site tipo 5 de biblioteca
Marcador de sintaxe: plug-ins e bibliotecas que exibem o código-fonte
Quando você está se perguntando qual marcador de sintaxe usar no WordPress
・ Torna-se pesado quando um plug-in é inserido.
・ Como o marcador chamado ○○○ é pesado, mudei para outro plug-in.
・ Especialmente leve usando bibliotecas JS e CSS
Muitas vezes vi as informações.Eu medi o quanto a velocidade de exibição realmente muda entre o plug-in e a biblioteca, e o quanto ela difere dependendo do plug-in.
Lista de alvos de comparação de velocidade de exibição
- Marcador não introduzido
- Prismjs(Biblioteca)
- Marcador de sintaxe do prisma(Versão do plugin da biblioteca Prismjs)
- Marcador de sintaxe Crayon(Plugar)
- Iluminador de Sintaxe Mivhak(Plugar)
As características de cada um estão resumidas abaixo.
https://insilico-notebook.com/wp-highlighter-list/
Método de medição
Os serviços a seguir foram usados para comparar a velocidade não lida de páginas da web.
PageSpeed Insight: Ferramenta de medição de desempenho da web fornecida pelo Google
GTmetrix: Site que mostra a velocidade de exibição e pontos de melhoria
Meio ambiente
Servidor: padrão mixhost
Capacidade do disco - SSD 150 GB
CPU, CPU do servidor host: virtual 3 núcleos, Xeon 24 núcleos 48 threads
Memória, memória do servidor host: 4 GB, 256 GB
Tema Wordpress:casulo
Como o Highlight.js é implementado como padrão no Cocoon, não se pode dizer que o marcador não foi introduzido em um sentido estrito, mas decidi medir o grau de atraso pela diferença.
结果
| PageSpeed Insight | GTmetrix | |||
| Celular | PC | Nível de velocidade da página | Grau de Yslow | |
| Marcador não introduzido | 82.5 | 100 | 89 | 76 |
| Biblioteca Prismjs | 82 | 100 | 89 | 76 |
| Marcador Prisma | 81 | 100 | 89 | 76 |
| Iluminador de giz de cera | 76.5 | 99 | 88 | 75 |
| Iluminador Mivhak | 71.5 | 99 | 87 | 75 |
O Page Speed Grade e Y slow Grade da GTmetrix são resultados quantificados dos serviços de medição de velocidade do site do Google e do Yahoo, respectivamente (o Page Speed Grade da Gtmetrix é uma avaliação abrangente dos resultados do PageSpeed Insight).Em cada caso, o valor médio medido duas vezes foi usado como resultado.
Se você olhar para ele no celular, verá que o tipo de biblioteca é certamente mais rápido, seguido pelos plug-ins mais leves e pelos plug-ins mais pesados, e a pontuação de velocidade de exibição piora.No entanto, parece que quase não há diferença quando consideramos isso em um PC.
Ao se referir ao código, acho que a maioria das pessoas acessa de um PC.Dependendo da porcentagem de acesso móvel e de PC, os plug-ins podem não precisar ser tão sensíveis.