fbpx

ralentiza tu web! • Ayuda WordPress

Back to Blog

ralentiza tu web! • Ayuda WordPress

Nos encanta recomendar el mejor contenido, por eso no te pierdas el siguiente artículo de Fernando Tellado y no dejes de visitar su página!
Ver Original:

Son muchas las virtudes del tema por defecto de WordPress Twenty Twenty, y una de sus mayores novedades fue el uso de fuentes variables, en concreto Inter.

Peroooo, resulta que el uso de la fuente Inter está generando un problema inesperado: ralentiza la carga de las webs en las que está activo Twenty Twenty.

El problema

En varias pruebas he comprobado que la diferencia puede llegar a ser de hasta más de 2 segundos adicionales de carga, una barbaridad.

Esto es debido a que Inter es una fuente web, que el navegador tiene que descargar para mostrar tus contenidos, no está instalada físicamente en la carpeta del tema ni en los ordenadores de tus visitantes, como sí otras fuentes tradicionales (Arial, Times, etc.)

Esto provoca que para poder mostrar tus contenidos el tema requiere que el navegador del usuario genere peticiones para descargar la fuente Inter del servidor de Google Fonts y, entonces sí, mostrar tu contenido.

Así que, la optimización a priori de ser una fuente variable queda tristemente compensada con la lentitud de tener que descargarse la fuente.

Soluciones

Ante este importante problema hay varias posibles soluciones, a saber…

No uses Twenty Twenty

Exactamente, es tan sencillo como que no uses el tema Twenty Twenty ni ningún tema hijo que dependa de él, así no te afectará el problema.

Si te gusta, siempre puedes usar el tema Chaplin, en el que está inspirado, y que casualmente no tiene este problema, pues carga otra fuente que sí está incluida en el tema, y además puedes cambiarla a una fuente de sistema (Arial, etc.) en el personalizador.

Y sino tienes un montón (miles) de temas gratuitos que no tienen este problema ¿será por temas WordPress?

Anula la carga de la fuente Inter de Twenty Twenty

Si quieres seguir usando Twenty Twenty a pesar del problema, siempre puedes anular la carga de la fuente Inter y forzar a que tu web use fuentes de sistema, que todos los usuarios tendrán en sus ordenadores.

Para ello tendrás que añadir lo siguiente al archivo functions.php del tema activo:

Además, puede que también tengas que añadir lo siguiente en la sección de CSS adicional del personalizador:

Lo sé, no es buena costumbre usar !important pero no queda otra si quieres anular el comportamiento por defecto del tema en esta ocasión.

Twentig

Otra posibilidad es usar el fantástico plugin llamado Twentig, que añade montones de personalizaciones al tema Twenty Twenty, entre las que se encuentra la posibilidad de cambiar la fuente Inter por otra, solucionando el problema.

De paso ofrece una enorme cantidad de personalizaciones para el tema. Ha sido todo un descubrimiento la verdad.


Bueno, por opciones que no quede, pero ya sabes, mientras no se arregle el problema ¡no uses el tema Twenty Twenty sin aplicar alguna de estas soluciones!

VALORA Y COMPARTE ESTE ARTÍCULO PARA MEJORAR LA CALIDAD DEL BLOG…

(1 votos, promedio: 5)

¿Te gustó este artículo? ¡No sabes lo que te estás perdiendo en YouTube!

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Back to Blog