Mientras probaba las pieles gratuitas de Tistory, decidí hacer mi propia piel. 

Durante el proceso de creación, probé continuamente la puntuación en Google Pagespeed Insight, pero me resultó difícil superar los 50 puntos.

Creo que será más fácil elegir una piel que ya esté optimizada y modificar su css, por lo que decidí probar el rendimiento de las pieles predeterminadas.

1. Entorno de prueba

Para garantizar un entorno de prueba consistente, creé un nuevo blog.

Esta publicación incluía algo de texto, 10 fotos y 1 mapa.

Utilicé un total de 4 plugins: YouTube, optimización de imágenes para la piel web responsive, incluir publicaciones anteriores, y ver más artículos por categoría.

Realicé las pruebas con Google Pagespeed Insights. 

Puedes verificar varios indicadores de rendimiento y búsqueda en esa dirección.

2. Hello world

Quería probar los tiempos de respuesta del servidor por defecto, excluyendo el HTML y CSS de la piel.

No importa cuán optimizada esté la piel, si el tiempo de respuesta del servidor es lento, no hay mucho que se pueda hacer.

Por eso, decidí borrar todo el HTML y CSS de la edición de la piel y mostrar solo un

hello world

.

Así es como lo hice....

Al acceder a esa dirección, solo se muestra hello world!.

Luego coloqué esa dirección en Pagespeed Insights.

1) Entorno móvil

La puntuación de rendimiento en el entorno móvil fue de 78 puntos. 

El problema es que esta página solo muestra hello world! con la etiqueta h1.

Esto significa que, no importa cuán optimizada esté el sitio, si se utiliza el servidor de Tistory, es imposible superar 78 puntos en móvil.

A continuación se muestran los detalles de los elementos medidos.

Pasaron de 3.3 a 4.2 segundos desde el primer contenido pintado hasta el último.

Tomó 1.7 segundos simplemente cargar el css y min.js desde el servidor. Sólo hello world tardó 4.1 segundos.

Parece que la optimización móvil es algo complejo.

2) Entorno de escritorio

La puntuación en el escritorio estaba casi cerca de los 100 puntos.

Quizás, cuando el valor del encabezado es móvil, se envía más JavaScript para proporcionar el entorno móvil.

No quise investigar más sobre los detalles.

Ahora voy a probar las pieles una por una para ver los puntajes.

Es importante tener en cuenta que estos puntajes no son absolutos.

Los puntajes pueden variar según el entorno del servidor y de la red en el momento de la prueba.

3. Prueba por piel

1) Letter

2) Magazin

3) Book Club

4) #1

5) #2

6) Odyssey

7) Poster

8) Portfolio

9) Square

10) Whatever

4. Resumen de resultados

1) Comparación simple de puntajes por piel

Square obtuvo las puntuaciones más altas en móvil y escritorio.

Parece ser la más simple de las pieles predeterminadas.

Tipo de piel	Puntaje móvil	Puntaje escritorio
hello world!	78	98
Letter	51	77
Magazine	49	71
Book Club	49	73
#1	53	81
#2	51	65
Odyssey	52	76
Poster	55	79
Portfolio	52	80
Square	55	93
Whatever	49	82

2) Detalles del puntaje móvil

Tipo de piel	Rendimiento	Accesibilidad	Sugerencias	Optimización SEO
hello world!	78	89	96	100
Letter	51	72	82	92
Magazine	49	69	82	92
Book Club	49	72	82	92
#1	53	75	82	85
#2	51	76	82	85
Odyssey	52	65	79	92
Poster	55	72	82	92
Portfolio	52	65	82	92
Square	55	68	79	92
Whatever	49	72	79	92

3) Detalles del puntaje de escritorio

Tipo de piel	Rendimiento	Accesibilidad	Sugerencias	Optimización SEO
hello world!	98	89	96	100
Letter	77	74	81	92
Magazine	71	68	81	92
Book Club	73	72	81	92
#1	81	76	81	85
#2	65	76	78	85
Odyssey	76	71	78	92
Poster	79	72	81	92
Portfolio	80	65	81	92
Square	93	68	74	92
Whatever	82	72	78	92

13. Análisis de resultados y conclusión

En conclusión, el rendimiento de las pieles predeterminadas de Tistory fue promedio.

Square, que tuvo una alta puntuación de rendimiento, mostró puntuaciones más bajas en accesibilidad y sugerencias, mientras que el skin #1 fue el que más puntuó en estos aspectos. La optimización para motores de búsqueda recibió una puntuación de 92 principalmente debido a la ausencia de valores alt en las imágenes.

Si tienes un buen entendimiento del frontend, sería recomendable modificar Square y ajustar accesibilidad y sugerencias. De lo contrario, elegir cualquier otra piel te ofrecerá un límite de rendimiento similar.

Es razonable establecer un objetivo de optimización móvil entre 78 y 50 puntos, y de 70 a 90 en escritorio.

¡Buena suerte!