Categorías

Acelerar la guía de WordPress – Menos de 1.3 segundos de tiempo de carga [Incluso en alojamiento barato]

La velocidad de la página es un factor que se puede medir con precisión con un montón de herramientas gratuitas en línea.

Además, cada visitante, incluso el que no es técnicamente competente, podría sentir que un sitio web se está cargando rápido o lento.

Hoy en día, la gran mayoría de los usuarios pasan su tiempo en línea en aplicaciones sociales populares, leyendo noticias de los grandes sitios web de medios en línea o desplazándose por memes en algún sitio web divertido.

El punto es que estos sitios web están detrás de una infraestructura de un millón de dólares, con sus propios servidores potentes que proporcionan la mejor velocidad de carga posible.

Optimización de la velocidad de WordPress

Este no es el caso de las pequeñas empresas y los sitios web personales que están alojados en alojamiento compartido barato. Esto no significa, por defecto, que todos estos sitios web estén condenados a ser lentos desde el principio.

Hay formas de acelerar WordPress, incluso si utiliza un servidor de alojamiento compartido barato.

En este artículo, repasaré algunos de los métodos que estoy utilizando para acelerar WpCtrl.com y lograr los números que se muestran a continuación (tenga en cuenta que estoy usando un plan de alojamiento de $ 5 mientras escribo esto).

GTMetrix.com de velocidad de wpctrl.com

No es una puntuación perfecta, pero estoy bastante satisfecho con los números.

Antes de aplicar los métodos que estoy a punto de mostrarles en esta publicación, la misma prueba de velocidad de GTMetrix mostraba un tiempo completamente cargado de más de 5 segundos y un tamaño de página de más de 2MB.

Vamos a saltar directamente a las correcciones que podría aplicar a su sitio web y ver los resultados de inmediato.

1. Obtenga un alojamiento sólido de WordPress

No entraré en muchos detalles aquí. Puede consultar mi otro artículo para obtener una revisión detallada de los mejores proveedores de alojamiento.

No puede estar equivocado con la mayoría de las compañías populares, pero puedo sugerir las siguientes dos:

""
Hostinger Hosting

Desde $1.99/mes.

Pros

Mejor relación calidad-precio

Herramientas especiales de WordPress

COMPRUÉBELO

Alojamiento en Scala

Desde $3.95/mes.

Pros

Instalador de WordPress con 1 clic

7 Copias de seguridad de los últimos 7 días

COMPRUÉBELO

[/caja]

Qué buscar

Es 2020 y algunas cosas en la industria del alojamiento ahora vienen de serie, así que no caigas en los llamados bonos y características premium que las empresas traen como algo excepcional. Cosas como: dominio gratuito, SSL gratuito, respaldos gratuitos, SSD, migración gratuita de WordPress, cPanel son estándar ahora, y deben incluirse en su plan de forma predeterminada y no son algo premium.

Su alojamiento y su tema son la columna vertebral de su sitio web. Esto nos lleva al segundo punto.

2. Elige un tema rápido de WordPress

Esto puede ser desagradable para aquellos de ustedes, que ya compraron un tema y descubrieron que no se está cargando muy rápido sin importar lo que hagan para optimizarlo.

No es que estés totalmente, aún puedes aplicar algunas optimizaciones para acelerar WordPress y tu sitio, pero el resultado final siempre será promedio.

Como Adrian Cojocariu señala en este post sobre cómo tu tema afecta al SEO

El diseño feo puede asustar a los usuarios

La velocidad lenta aburrirá a los usuarios hasta la muerte

La mala estructura desconcertará a los motores de búsqueda

Si miras los principales temas de WordPress vendidos en ThemeForest, todos se ven impresionantes visualmente. Pero cuando ejecutas una prueba de velocidad, difícilmente obtendrás una buena puntuación.

Estos temas generalmente vienen con un creador de páginas (Elementor o WPBakery Page Builder) con toneladas de características, elementos y opciones personalizables.

Si bien todas estas cosas son excelentes en términos de diseño y posibilidades, si su objetivo es ganar tráfico orgánico y ocupar un lugar destacado en los SERP, es mejor que reconsidere su elección de tema.

Mis sugerencias de temas (para sitios de carga rápida)

NamePuntuación de velocidadDemo en vivo
Kwik⚡⚡⚡⚡ ⚡Leer revisión
Rienda⚡⚡⚡⚡ ⚡Ver ahora
Personal⚡⚡⚡⚡Ver ahora
TopSEO⚡⚡⚡⚡ ⚡Ver ahora
Gutentipo⚡⚡⚡Ver ahora

Y no importa cuán grande y poderoso imagine que es su sitio web, recuerde que comenzará con una página en blanco y cero contenido.

Todos esos widgets, menús ricos, secciones interactivas no significan nada si no tiene el contenido correspondiente detrás de ellos.

Hasta ahora, una cosa es segura: el contenido es lo que te clasifica en los resultados de búsqueda, el tema es solo el "maquillaje" de tu contenido. No debe interferir con él de ninguna manera, sino que lo enfatiza.

Los temas de WordPress tienen una opción clave, y usted, como propietario de un sitio web, debe tener esto en cuenta cuando construya su sitio web.

El diseño de tu página de inicio. Puede elegir entre mostrar sus últimas publicaciones o una página estática. Y esto tiene mucho que ver con la velocidad de tu página de inicio.

Configuración de lectura de WordPress

Se encuentra en el menú Configuración > lectura y define cómo se verá y funcionará su página de inicio.

Vamos a explicar muy rápido cuál es la diferencia entre los dos.

Sus últimas publicaciones , como su nombre lo indica, mostrarán sus últimas publicaciones en un diseño específico, con un extracto y la imagen destacada de la publicación. Algunos temas pueden tener diferentes opciones de diseño para que usted elija.

Mientras que la opción de página estática le da la libertad de diseñar una página personalizada, en función de sus necesidades y contenido. Por lo general, esto requerirá un creador de páginas como Elementor o WpBakery, o puede usar el editor interno de Gutenberg.

¿Cuál es mejor y qué debo elegir?

Es difícil de decir, ambos tienen pros y contras, pero si eres nuevo en los blogs y WordPress, elige la última opción de publicaciones por ahora.

Hay muchos blogs exitosos que todavía están utilizando este enfoque (el mío también).

En términos de velocidad, nuevamente depende, de qué tipo de página personalizada creará o cuántas publicaciones mostrará con la opción de publicaciones más recientes.

Por lo general, las últimas publicaciones deberían funcionar mejor en términos de velocidad, debido a la menor cantidad de solicitudes y la cantidad de scripts que se ejecutan.

Ahora vayamos a la sección de plugins. Esto es lo que uso para acelerar el rendimiento de WordPress.

3. Usa un plugin de almacenamiento en caché de WordPress

¡Con solo unos pocos clics, desde la instalación hasta la activación de su complemento de almacenamiento en caché, reduce el tiempo de carga de su sitio en más del 50%!

Los mejores plugins de almacenamiento en caché gratuitos en este momento son:

PluginDescargar
WP-OptimizeVer aquí
AutoptimizeVer aquí
WP Super cacheVer aquí
Caché más rápida de WPVer aquí
W3 Total CacheVer aquí
ColibríVer aquí
Caché LiteSpeedVer aquí

¡Conozca su tipo de servidor!
Los tipos de servidores más populares que utilizan la mayoría de los proveedores de alojamiento son: LiteSpeed, Nginx y Apache.
El mejor almacenamiento en caché ocurre a nivel de servidor, con herramientas proporcionadas por su host. Por ejemplo, debe usar LiteSpeed Cache, solo en servidores LiteSpeed.

Lo que uso en WPCtrl para acelerar WordPress

He probado muchos complementos de almacenamiento en caché a lo largo del tiempo y el que funciona mejor para mí y ofrece los mejores resultados es WP Fastest Cache.

Tiene la configuración más simple de la historia, y hace lo que se supone que debe hacer.

Aquí está mi configuración

Opciones de caché más rápida de WP

Tienes que tener cuidado con todas las acciones de minimizar y combinar, ¡pueden romper partes de tu sitio web y causar fallas de funcionamiento!

Si utiliza un plan de alojamiento de SiteGround , pruebe su complemento SG Optimizer Free. Proporciona la mejor optimización posible.

Los mejores complementos de almacenamiento en caché premium

Si tiene el presupuesto, hay algunos increíbles complementos de almacenamiento en caché pagados.

  • WP Rocket
  • WP-Optimize
  • Colibrí

Deshabilitar scripts innecesarios (donde no sean necesarios) para reducir las solicitudes HTTP

Uno de los factores que ralentizan la velocidad de la página es el número de solicitudes.

Resultados de las pruebas de GTMetrix.com

Las solicitudes se acumulan con la cantidad de complementos que agrega a su sitio web de WordPress, las imágenes, los archivos CSS y otros scripts que se ejecutan en su página o publicación.

Es una buena idea deshabilitar algunos scripts, donde no son necesarios.

Por ejemplo, puede crear una página de inicio con el creador de páginas Elementor, pero sus publicaciones se escriben utilizando el editor visual clásico o los bloques de Gutenberg, pero los archivos JS de Elementor aún se ejecutan en sus páginas de publicación.

Puede reducir el número de solicitudes y hacer que sus publicaciones se carguen más rápido cuando descargue estos scripts donde no los necesite. ¡Y la buena noticia es que hay un complemento gratuito para este trabajo!

Descargue Asset CleanUp e instálelo.

Active el modo de prueba desde la configuración.

A continuación, vaya a CSS & JS Manager, tiene la opción de elegir Página de inicio, Publicaciones o Páginas.

Comience desde la página de inicio. Aquí puedes descargar todos los plugins como:

  • Bloques (a menos que su página de inicio sea construida por bloques de Gutenberg)
  • Cualquier widget que muestre solo en la barra lateral de sus publicaciones (iconos sociales, Suscribirse, etc.)

Por ejemplo, uso bloques de Genesis en mis publicaciones y no lo necesito para mi página de inicio.

Tenga en cuenta que un complemento puede tener más de un script o archivo CSS.

Seleccione ''Descargar en esta página': esto evitará que el scrip se cargue y ralentice su página de inicio.

También hice esto con otros complementos que solo uso en mis páginas de publicación.

Actualice y revise su página de inicio por si acaso.

Siguiente Descarga scripts de tus publicaciones

Haga lo mismo con sus páginas de publicación, vaya a CSS & JS Manager.

Escriba algo para seleccionar una publicación, realmente no importa qué publicación esté eligiendo, porque buscaremos scripts y complementos que no se usen allí.

Aquí puede seleccionar complementos que no está utilizando para crear sus publicaciones, en la mayoría de los casos estos incluirían:

  • Elementor, WPBakery, Beaver builder o cualquier otro constructor de páginas.
  • Cualquier plugin que uses solo en tu página de inicio

Encuentra lo que no necesitas y descárgalo en todas las publicaciones

Espero que haya entendido el punto principal aquí. No necesita "llevar" estos scripts en todas sus páginas cuando no los usa.

Siempre puede cargar los scripts nuevamente si encuentra algún problema causado por esto en sus páginas.

4. Utilice una CDN (Content Delivery Network)

Explicado de manera simple, la CDN almacena una copia del contenido de su sitio web en múltiples ubicaciones (servidores) en todo el planeta, para minimizar la distancia entre su visitante y su servidor.

Si tienes una audiencia mundial, lo que definitivamente sucederá si escribes tu contenido en inglés, es mejor que incluyas un servicio de CDN en tu plan de juego para acelerar aún más WordPress.

Hay una CDN gratuita llamada Cloudflare. No me gusta, puedes probarlo si quieres.

Lo que uso y me cuesta solo unos pocos centavos al mes es un servicio premium llamado BunnyCDN.

Panel de control de BunnyCDN

Como puede ver en la imagen de arriba, pago $ 0.0142 por un GB de datos servidos.

Todo el proceso de configuración de BunnyCDN para trabajar con su WordPress сите es muy fácil.

Descargue el complemento gratuito BunnyCDN y siga las sencillas instrucciones. Configurará su CDN en poco tiempo.

5. No vayas bananas en plugins

WordPress es popular con su amplio repositorio de plugins gratuitos. También hay toneladas de opciones premium, en sitios como CodeCanyon.

Como joven propietario de un sitio web, es posible que se encuentre en el lugar común de pensar "para cada problema, hay un complemento".

Los plugins hacen un gran trabajo y hay plugins esenciales que debes tener.

Pero si su lista de complementos crece a un número superior a 20-30, puede reconsiderar eliminar algunos de ellos para acelerar su sitio web.

6. Tenga cuidado con los tamaños de sus imágenes: optimice y comprima sus medios

Las imágenes son lo que más agrega al tamaño de su página. Si carga fotos de 6MP, 5000 por 3000px en sus publicaciones, directamente cuando las descargó de un sitio web de imágenes de archivo, casi nunca obtendrá una buena puntuación de velocidad de página.

Siempre cambie el tamaño de sus imágenes de acuerdo con los tamaños específicos de su tema. Si tu publicación tiene una imagen destacada de héroe ancho, usa un tamaño no mayor de 1920px de ancho. Para sus imágenes in-post, 990px de ancho es más que suficiente.

¿Crear versiones WebP para tus imágenes de WordPress (JPG y PNG)?

WebP es un formato de imagen que proporciona un tamaño de archivo más pequeño, lo que hace que sus páginas sean más rápidas.

Afortunadamente desde WordPress 5.8, la biblioteca de medios admite el formato de archivo WepB, y puede cargar dichos archivos y usarlos en sus publicaciones como jpeg y png.

¿Por qué es importante WebP para el SEO?

En resumen, es creado por Google, por lo que a Google le encantan las imágenes WebP. El otro beneficio son los tamaños más pequeños de las imágenes WebP, lo que agregaría algunos milisegundos al tiempo de carga de su página.

Puede usar un complemento para crear versiones WebP de sus imágenes jpg y png actuales o convertir sus imágenes por adelantado en herramientas como ezgif.com o convertio.io.

Plugins de WordPress para generar imágenes WebP

Si está utilizando un complemento de almacenamiento en caché premium, puede buscar si hay una opción para generar imágenes WebP en la configuración (esto le ahorrará la necesidad de instalar complementos adicionales).

Por ejemplo, LiteSpeed Cache ofrece esto de forma gratuita.

Ir a LiteSpeed Cache > Optimización de imagen

En la pestaña configuración de optimización de imágenes, seleccione

activar imágenes webp en LiteSpeed Cache

A continuación, vaya a la pestaña general y siga los enlaces para crear una cuenta de QUIC.cloud gratuita y solicite una clave de dominio y agréguela al campo

EWWW Image Optimizer para imágenes WebP

Este es otro popular complemento gratuito para la optimización de imágenes, que ofrece conversión WebP.

Descargue EWWW Image Optimizer, ubique la "Conversión webP" en la configuración y marque la opción.

¿Qué más?

👉 Utilice la herramienta en línea TinyJPG para comprimir aún más sus imágenes (sin empeorar su calidad).

👉 Descargue un complemento como Smush para optimizar automáticamente sus imágenes al cargarlas.

¡A veces puede obtener una reducción del 80-90%!

Smush WordPress admin ahorro total

7. Optimiza tu base de datos de WordPress

No te asustes, sé que esto suena un poco complicado pero no lo es.

Utilizo el plugin gratuito WP-Optmize. Este complemento no solo optimizará su base de datos, sino que también proporcionará optimización de imágenes y caché de páginas.

Solo asegúrese de crear siempre una copia de seguridad de su base de datos en caso de que algo salga mal.

En conclusión

La velocidad de su sitio web no es solo la cantidad de segundos que tarda en cargarse. Hoy en día, el tiempo de carga es un factor importante en el SEO y la experiencia del usuario. Asegúrese de tomar medidas para optimizar sus páginas y contenido de WordPress. Puede obtener buenos resultados sin invertir una tonelada de dinero.


How to Speed-up Your WordPress Website? Step-by-Step.

Step 1: Get a Good Hosting

If that’s still possible, and you haven’t already created your website on some crapy host, go for some of the recommended u003ca href=u0022https://wpctrl.com/wordpress-hosting-guide/u0022 target=u0022_blanku0022 aria-label=u0022 (opens in a new tab)u0022 rel=u0022noreferrer noopeneru0022 class=u0022rank-math-linku0022u003ehosting companiesu003c/au003e.

Step 2: Install a WordPress Caching Plugin

For non-tech savvies, I recommend u003ca href=u0022https://wordpress.org/plugins/wp-fastest-cache/u0022 target=u0022_blanku0022 rel=u0022noreferrer noopener nofollowu0022u003eWP Fastest Cacheu003c/au003e. The caching plugin can speed up your website with just a few clicks.

Step 3: Don’t install too many Plugins

More plugins mean more code and requests, and more code and requests mean a slower page load time. Keep it clean and use only well-known, good-rated plugins.

Step 4: Watch your file size

If your infobox has a placeholder for a 200×100 image, there is absolutely no need to upload a high-quality (1920×1080) image. Just open any image editor (Paint, u003ca aria-label=u0022photopea (opens in a new tab)u0022 class=u0022rank-math-linku0022 href=u0022https://www.photopea.com/u0022 target=u0022_blanku0022 rel=u0022noreferrer noopeneru0022u003ephotopeau003c/au003e, or Photoshop) and resize it to the needed size.u003cbru003eOther than that every time you upload a big image, try compressing it with free tools like u003ca aria-label=u0022TinyJPG (opens in a new tab)u0022 class=u0022rank-math-linku0022 href=u0022https://tinyjpg.com/u0022 target=u0022_blanku0022 rel=u0022noreferrer noopeneru0022u003eTinyJPGu003c/au003e or u003ca class=u0022rank-math-linku0022 href=u0022https://compressjpeg.com/u0022u003eCompressjpegu003c/au003e.

Web Hosting Sale

Disclosure: Some of the links on the page may contain a ref code (affiliate links), that tells the other side that we have sent you. If you liked what we suggest and you make a purchase, we may receive a commission.