Compare plug-ins de realce de sintaxe e velocidades de exibição de site tipo 5 de biblioteca

2018 年 11 24 月 日

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

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
Prism Highlighter 81 100 89 76
Crayon Highlighter 76.5 99 88 75
Mivhak Highlighter 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.