Webinar optimizar TTFB - 24/06/21, 18h ¡Optimiza tu TTFB!

Cómo crear una página web rápida con WordPress

Crear página web rápida WordPress

En esta guía te voy a explicar lo que necesitas para crear una página web rápida con WordPress, ya sea para ti o para tus clientes, si te dedicas al diseño web.

La velocidad es un factor de posicionamiento SEO, con lo que tenemos que tener una web rápida sí o sí.

Los consejos que te voy a dar no evitarán que tengas que optimizar WordPress, pero tener una web bien diseñada, sí te dará la mejor base para conseguir los mejores resultados.

¡Vamos allá!

P.D. Puedes aprender a optimizar WordPress gratis como WPOptimizers y recibir cada semana consejos de optimización probados para tener una web WordPress rápida, que mejorará su SEO y conversiones y acceso a herramientas, contenido exclusivo y soporte gratuito.

Usa un tema ligero para crear una web rápida

El mejor consejo que te puedo dar es que uses un tema ligero para crear una web rápida.

De lo contrario, cargarán muchos scripts CSS y JS, bloquearán el navegador y hay algunos que hasta aumentan el consumo de CPU enormemente.

En mi web uso Astra, que es el que más me gusta de todos, tanto a nivel de rendimiento, como de personalización.

Pero te recomiendo echar un vistazo a mi guía sobre los temas más rápidos de WordPress.

Define las fuentes a usar

Un uso excesivo de fuentes ralentiza mucho la web, por eso antes hay que definir las fuentes a usar.

Mi consejo es que uses como máximo 5 fuentes, contando las variantes como puede ser negita, etc.

Por ejemplo, 1 fuente para el logo (si no usas una imagen), 1 fuente para el texto, 2 para sus variantes negrita y cursiva y 1 para las cabeceras.

Personalmente uso la misma fuente para todo, pero ya depende de las necesidades.

Usa las fuentes del tema para todo

Lo mejor que puedes hacer es usar las fuentes del tema para todo y con esto me refiero a que no uses fuentes personalizadas en cada plugins.

Cada plugin suele venir con la opción de usar sus propias fuentes o las fuentes del tema y es esto último lo que te aconsejo hacer.

Imagina que, además de las fuentes del tema, cargas fuentes en el builder, en un popup, en los formularios, sliders, etc.

Esto ralentizaría mucho tu web.

Define los colores a usar

Definir los colores a usar no es que vaya a hacer una web más rápida, pero te ayudará a usar siempre la misma paleta de colores.

De esta forma, no tendrás que estar configurando cada plugins que añadas, como por ejemplo, los builders.

No diseñes la cabecera o pie de página con builders

No, jamás debes de diseñar la cabecera o pie de página con builders.

Por un lado, porque directamente no lo necesitas, dado que todos los temas de WordPress de cierta calidad, te permiten crear unas cabeceras y pies de página estupendos.

Pero si hablamos de rendimiento, los builders (y hablo de casi todos), por muy rápidos que sean, siempre terminan sumando más scripts CSS y JS.

Además, la cabera y el pie se cargan en toda la web con lo que terminarás ralentizándola toda.

No edites las entradas con builders

No recomiendo editar las entradas con builders, puesto que suman peticiones de scripts CSS y JS, lo que ralentiza.

Piensa que las entradas son los contenidos que más visitas por SEO atraen, con lo que deberían de ser lo más rápidas y optimizadas posibles, sobre todo en móviles.

WordPress ya dispone de su editor Gutenberg que es muy ligero y al que le puedes sumar funcionalidades con muchos plugins.

Limita el uso de las imágenes de fondo

Te recomiendo limitar el uso de imágenes de fondo, aunque estas se pueden optimizar con los conocimientos necesarios.

Las imágenes de fondo no se aplazan con Lazy Load y además suelen bloquear el navegador.

Limita el tamaño de las imágenes que se suben

Una gran idea es limitar el tamaño de las imágenes que se suben a la web, porque aunque la web quede optimizada, se puede ralentizar con imágenes pesadas.

Se puede limitar el tamaño de imágenes, además de optimizarlas y crear la versión WebP y todo de forma automática con plugins como Imagify.

Usa tamaños exactos de imágenes

A la hora de usar imágenes, preocúpate de uar tamaños exactos de imágenes, para el espacio que ocupan.

O sea, si un imagen va a ocupar un espacio de 500px x 500px, no la subas de 1000px x 1000px, porque está sobrecargando la web para nada.

Crea CTAs manualmente

Un CTA o Call To Action es un componente de la web que lleva a una acción y normalmente consta de un título, una descripción y un botón.

El problema es cuando usamos CTAs de builders que ya vienen preconfigurados, porque suelen cargar mucho CSS y a veces hasta JavaScript.

Puedes crear un CTA manualmente añadiendo lo que necesites y sin necesidad de usar algo que va a ralentizar.

Mantén un ATF ligero

El ATF o Above The Fold, es la parte de la web que se ve sin tener que hacer scroll, o sea, la de arriba.

Si sobrecargas esa parte con imágenes pesadas, de fondo, sin optimizar, vídeos pesados o cualquier otra cosa que no esté optimizada, tu web será mucho más lenta.

El ATF es lo que más le importa a Google, por eso de dar una buena experiencia de usuario, así que ya sabes.

Mantén un DOM ligero y ordenado

El DOM o Document Object Model, son el número de componentes de una página, como párrafos, enlaces, imágenes, etc.

Tener un DOM muy pesado, ralentizará la web enormemente, así que que controlar los componentes de cada URL.

Por ejemplo, no cargar una URL de entradas, productos de la tienda, no hacer pesadas la barra lateral o pie de página y cosas así.

Pero además, también importa el orden de ese DOM, con lo que te recomiendo agrupar contenidos en contenedores o grupos, en caso de Gutenberg.

¡Crea una página web rápida con WordPress!

Como ves, puedes crear una página web rápida con WordPress, si llevas a cabo estas tareas.

Obviamente se puede hacer mucho más, pero el resto de tareas se pueden solventar después con la optimización.

Espero que esta guía te sea de utilidad y si tienes alguna duda, te espero en los comentarios.

Únete gratis a WPOptimizers y aprende a optimizar WordPress

Recibe cada semana consejos de optimización probados para tener una web WordPress rápida, que mejorará su SEO y conversiones y acceso a herramientas, contenido exclusivo y soporte gratuito.

    Únete gratis a WPOptimizers para comentar y aprender a optimizar WordPress.

    ¡Lo quiero!

    Si ya lo eres inicia sesión