¿Quieres aprender a acelerar tu sitio web WordPress? Tal vez tu tienda de comercio electrónico WooCommerce funciona lento y no sabes cómo solucionarlo.
Es fácil pasar por alto la velocidad de su sitio web cuando tiene tantas cosas en las que centrarse. Tienes contenidos que escribir y productos que vender.
Pero de lo que quizá no se dé cuenta es de que la velocidad de carga de su sitio puede afectar directamente al rendimiento de su negocio, a la experiencia de sus clientes y, en última instancia, a la cantidad de dinero que gana.
Pero no hay por qué preocuparse. En este artículo nos ocuparemos de la optimización de la velocidad de WordPress y, al final, sabrás exactamente cómo acelerar tu sitio web de WordPress en unos pocos pasos sencillos.
Antes de empezar, estos son los pasos que vamos a seguir:
- ¿Por qué su sitio WordPress es tan lento?
- 1. Instale un plugin de caché
- 2. Optimizar imágenes en WordPress
- 3. Mantenga WordPress actualizado
- 4. Optimizar los procesos que se ejecutan en segundo plano
- 5. Utilice extractos de publicaciones en su página de inicio/archivos
- 6. Utilice una red de distribución de contenidos (CDN)
- 7. Alojar archivos de audio/vídeo en otro lugar
- 8. Dividir comentarios en páginas
- 9. Utilice un tema de WordPress optimizado para la velocidad
- 10. Utilizar plugins de WordPress más rápidos
- 11. Convertir entradas de blog largas en páginas
- 12. Optimice su base de datos de WordPress
- 13. Limitar las revisiones de puestos
- 14. Evitar Hotlinking
- 15. Utilizar la carga lenta
- 16. Actualizar a la última versión de PHP
- 17. Activar compresión GZIP
- 18. Reducir el tamaño de los archivos CSS y JavaScript
Comencemos
Por qué es importante acelerar su sitio web WordPress
A medida que pasamos más tiempo consumiendo contenidos, nuestra capacidad de atención ha disminuido considerablemente. Buscamos constantemente el siguiente fragmento de información y solo nos detenemos unos segundos antes de pasar a lo siguiente.
Como propietario de un sitio web, esto significa que apenas tiene tiempo para captar la atención de la gente y convencerla de que permanezca en su sitio.
Si su sitio web se carga con lentitud, la gente podría incluso abandonarlo antes de que se cargue, y esto puede dar lugar a tasas de conversión más bajas y a tasas de rebote más altas. Lo que esto significa es que un mal rendimiento del sitio web puede resultar en la pérdida de personas que podrían comprar sus productos o inscribirse en su lista de correo.
Es más, la mayoría de los motores de búsqueda, como Google, han empezado a actuar contra los sitios web más lentos empujándolos más abajo en los resultados de búsqueda, lo que significa aún menos tráfico.
Así que si realmente quieres aumentar los ingresos de tu sitio, el tráfico y los suscriptores, necesitas acelerar tu sitio web WordPress y mejorar su rendimiento.
Compruebe las métricas de velocidad de su sitio web WordPress
Antes de embarcarte en hacer nada sobre la velocidad de tu sitio deberías averiguar cuál es la velocidad en este momento. De ese modo, podrás compararla con otra prueba cuando hayas hecho que tu sitio sea más rápido y tomar nota de las mejoras.
Una forma superfácil de comprobar la velocidad de tu sitio es utilizar la herramienta de prueba de velocidad de WordPress de IsItWP. Es una herramienta completamente gratuita que te permite establecer la velocidad de tu sitio web.
También puede utilizar la herramienta Google Pagespeed Insights, GTMetrix o Pingdom para comprobar los valores vitales de su web. Estas herramientas comprueban los tiempos de respuesta del servidor web para solicitudes HTTP (y HTTPS) en dispositivos móviles y de sobremesa. También verás sugerencias para mejorar la velocidad de tu sitio, como:
- Caché del navegador
- Minimizar los redireccionamientos
- Optimización de imágenes
- Minificación de archivos HTML y CSS
- Y mucho más.
Cuando tengas los resultados, anótalos o haz una captura de pantalla para consultarlos en el futuro.
En general, una velocidad decente de un sitio WordPress es inferior a 2 segundos. Pero si puedes hacerlo incluso unos milisegundos más rápido, marcará la diferencia.
Antes de continuar, ¿qué es lo que hace que su sitio WordPress sea tan lento? Lo descubriremos a continuación.
¿Por qué su sitio WordPress es tan lento?
Una de las cosas útiles de realizar una prueba de velocidad es que los resultados te darán algunas sugerencias sobre cómo hacer que WordPress sea más rápido. Esto, a su vez, te ayuda a identificar qué es lo que lo ha hecho lento en primer lugar.
El problema es que muchas de esas sugerencias son técnicas y no son fáciles de entender para los principiantes. ¿Qué tal si analizamos qué puede hacer que su sitio sea más lento en un lenguaje que cualquiera pueda entender?
Las principales razones por las que su sitio web es lento podrían ser:
- Alojamiento web - Un servidor de alojamiento que no esté bien configurado puede afectar a la velocidad de tu sitio web. Además, los archivos pesados pueden consumir recursos del servidor y ralentizar el sitio.
- Configuración de WordPress - Lo ideal sería que su sitio de WordPress sirviera páginas en caché; de lo contrario, podría sobrecargar su servidor y provocar caídas o una disminución de la velocidad.
- Scripts externos - Scripts como cargadores de fuentes, Google Analytics, anuncios y archivos Javascript.
- Tamaño de las páginas - Normalmente, se refiere al tamaño de las imágenes de su sitio web que no están correctamente optimizadas para la web.
- Plugins de mala calidad: los plugins de WordPress con un código deficiente pueden ralentizar el tiempo de actividad de su sitio web y ponerlo en riesgo de sufrir una brecha de seguridad.
Ahora que ya sabemos qué puede hacer que su sitio web vaya más lento de lo normal, es hora de averiguar qué puede hacer al respecto.
Cómo hacer que su sitio WordPress sea más rápido
Puede que pienses que es difícil hacer que tu sitio WordPress sea más rápido. Pero la verdad es que los pasos para conseguir un sitio web más rápido son bastante sencillos. La clave está en saber qué pasos dar.
Por suerte, a continuación te explicamos en detalle las formas más importantes de acelerar tu sitio web en WordPress. Y no te preocupes, ¡no hay tecnicismos complicados!
1. Instale un plugin de caché
Lo bueno de las páginas de WordPress es que son adaptables y se crean sobre la marcha cada vez que alguien visita la entrada o las páginas de tu sitio web.
WordPress necesita ejecutar un proceso especial para encontrar la información necesaria y reunirla para su visitante. Pero ese proceso tiene muchos pasos, y si hay más de 1 persona visitando a la vez puede ralentizar su sitio web.
El uso de un plugin de caché puede eliminar algunos de esos pasos y acelerar las cosas para su sitio web.
El caché consiste en hacer una copia de la página web la primera vez que se carga y, a continuación, mostrar esa versión a todos los visitantes.
Hay un montón de plugins de caché de WordPress de buena calidad disponibles, muchos de los cuales puedes encontrar en esta guía. Además, instalar un plugin de caché no es tan difícil, como se destaca en esta guía para instalar WP Super Cache. También te puede gustar W3 Total Cache como plugin gratuito alternativo con funcionalidad.
Muchas empresas de alojamiento web ofrecen almacenamiento en caché, lo que elimina la necesidad de utilizar un plugin. Y si tienes WordPress gestionado, no tendrás que hacer nada porque la caché está integrada y activada por defecto.
2. Optimizar imágenes en WordPress
No se puede negar que las imágenes son una parte vital de cualquier sitio web. Es posible que tenga imágenes de cabecera, imágenes destacadas en las entradas del blog, y mucho más. Pero si no están optimizadas correctamente para la web, podrían ser una de las razones clave por las que tu sitio funciona con lentitud.
Cuando tomas una foto desde tu teléfono, cámara o sitio de fotos de archivo, el tamaño de los archivos puede ser bastante grande. Y si las subes a tu sitio sin editarlas para la web, puede suponer una carga importante para la velocidad de tu sitio.
Lo mejor es editar y cambiar el tamaño de las imágenes antes de añadirlas a la biblioteca multimedia de WordPress. También debes elegir el tipo de archivo adecuado. Normalmente, se trata de un JPEG o un PNG.
El formato de imagen PNG no está comprimido, lo que significa que los datos de la imagen no se han reducido. Cuando se comprime una imagen, se pierde parte de esos datos. Por lo tanto, una imagen sin comprimir será de mayor calidad pero, como consecuencia, tendrá un tamaño de archivo mayor.
Por otro lado, un JPEG es una imagen comprimida que reduce la calidad de la imagen, lo que se traduce en un archivo de menor tamaño.
Para facilitar la elección entre ambos, lo ideal es utilizar un JPEG para imágenes con mucho color y detalle y un PNG para imágenes más sencillas o con fondo transparente.
Para editar tus imágenes, puedes utilizar software de edición de imágenes como PhotoShop y GIMP, y puedes aprender todo sobre la optimización de imágenes para el rendimiento web en esta guía. También puedes editar y cambiar el tamaño de las imágenes en WordPress.
También puedes utilizar plugins de optimización de imágenes como Smush para retocarlas.
3. Mantenga WordPress actualizado
Algo que los nuevos propietarios de sitios web pueden no ver como importante es mantener su instalación de WordPress actualizada junto con cualquier plugin y tema de WordPress.
WordPress se actualiza a menudo para añadir nuevas funciones, solucionar problemas de seguridad y corregir errores. Así que, como propietario de un sitio web, te conviene mantenerlo todo actualizado. No hacerlo puede ralentizar tu sitio y exponerlo a amenazas de seguridad.
Puede conocer todos los detalles sobre por qué debe utilizar la última versión de WordPress aquí.
4. Optimizar los procesos que se ejecutan en segundo plano
Normalmente hay procesos que se ejecutan en segundo plano en un sitio web WordPress. Algunas de estas tareas programadas incluyen procesos como:
- Copias de seguridad realizadas por un plugin de WordPress.
- Publicación de entradas programadas.
- Comprobación automática de actualizaciones.
- Rastreadores y motores de búsqueda que obtienen contenidos.
Las tareas sencillas, como la comprobación de actualizaciones y la programación de entradas, no tendrán un gran impacto en la velocidad de su sitio web. Pero las tareas de backend, como las copias de seguridad y el rastreo de motores de búsqueda, pueden ralentizar tu sitio WordPress.
Para combatirlo, asegúrate de que tu plugin de copia de seguridad se ejecuta a horas de poco tráfico y ajusta la frecuencia con la que se realiza la copia de seguridad de tus datos.
Por ejemplo, podría estar ejecutando copias de seguridad cada tarde los 7 días de la semana cuando sólo publica nuevos contenidos los martes y miércoles por la mañana. Esto hace que esas copias de seguridad adicionales sean innecesarias.
Por lo que respecta a la frecuencia de rastreo de su sitio web, debe comprobarlo en Google Search Console. Esto se debe a que los rastreos que dan lugar a errores pueden hacer que su sitio web sea más lento.
Si no está seguro de cómo utilizar Google Search Console, esta guía le mostrará todo lo que necesita saber.
5. Utilice extractos de publicaciones en su página de inicio/archivos
Cuando se trata de las entradas de tu blog, WordPress muestra el contenido completo en tu página de inicio y archivos por defecto. Esto significa que tu página de inicio y otras páginas como categorías y etiquetas se cargarán más lentamente.
Además, mostrar las entradas completas del blog en la página de inicio hace que sea menos probable que los visitantes hagan clic en el artículo. Esto puede reducir el tiempo que permanecen en tu sitio y el total de páginas vistas.
Para acelerar los tiempos de carga de su página puede hacer que su sitio muestre un extracto en lugar de una entrada completa en WordPress.
Para ello, vaya a Configuración " Lectura en su panel de WordPress, y al lado de donde dice Para cada entrada en un feed, incluya haga clic en la opción Resumen.
También es una buena idea desmarcar la opción de pingbacks y trackbacks en la configuración de WordPress.
6. Utilice una red de distribución de contenidos (CDN)
El uso de una CDN como Cloudflare para su sitio web puede acelerar los tiempos de carga de WordPress para todos sus visitantes, independientemente del lugar desde el que naveguen.
Una CDN es un conjunto de servidores repartidos por todo el mundo que almacenan los archivos estáticos que componen su sitio web.
Esto incluye archivos que no cambian, como:
- Imágenes
- JavaScript
- CSS
Que no son como las páginas dinámicas de WordPress, como hemos explicado antes.
Cuando alguien visita su sitio web con una CDN instalada, los archivos estáticos se muestran desde los centros de datos más cercanos. Y acelerará su servidor de alojamiento web haciendo gran parte del trabajo duro por él.
Para obtener sugerencias sobre los mejores servicios CDN para WordPress, eche un vistazo a esta guía detallada.
7. Alojar archivos de audio/vídeo en otro lugar
Aunque es posible subir tus archivos de audio y vídeo a WordPress, no es una buena idea hacerlo porque puede consumir el ancho de banda de tu hosting. Usar mucho ancho de banda puede costarte mucho en tarifas por exceso, y algunas empresas de alojamiento podrían incluso cerrarte el servicio como consecuencia de ello.
Además, alojar archivos de audio y vídeo en WordPress puede aumentar considerablemente el tamaño de las copias de seguridad y dificultar la restauración del sitio en caso necesario.
Una alternativa es alojar tu vídeo y audio en servicios como YouTube y SoundCloud, etc., y dejar que ellos asuman el ancho de banda por ti.
De esta forma, puedes incrustar vídeos fácilmente en WordPress sin tener que sacrificar la velocidad de tu página.
8. Dividir comentarios en páginas
Tener un montón de comentarios en su sitio de WordPress es una gran manera de mostrar que usted tiene una audiencia activa y comprometida. Pero mostrar todos esos comentarios puede ralentizar tu sitio.
La buena noticia es que existe una solución dentro de WordPress para combatirlo.
Todo lo que tienes que hacer es ir a Ajustes " Discusión desde tu panel de WordPress y simplemente marcar la casilla junto a donde dice Romper comentarios en páginas.
9. Utilice un tema de WordPress optimizado para la velocidad
La velocidad es un factor importante a la hora de elegir un tema de WordPress para tu sitio. Es tentador optar por el diseño más atractivo con todas las funciones elegantes que puedas encontrar. Pero la verdad es que muchos de esos diseños impresionantes están mal codificados y harán que tu sitio funcione muy lentamente.
A la hora de elegir un tema para WordPress, lo más sencillo suele ser lo mejor. Después de todo, es probable que no necesites todos esos diseños detallados y animaciones llamativas. Y si las necesitas, puedes añadirlas más adelante.
Opta por un tema de WordPress de calidad de una tienda de temas premium como:
Todas estas tiendas ofrecen temas bien codificados, con un diseño atractivo y optimizados para la velocidad.
Antes de cambiar el tema de WordPress, es importante saber cómo rediseñar tu web sin perder SEO, algo que te explicamos en profundidad aquí.
10. Utilizar plugins de WordPress más rápidos
Los mismos problemas surgen con los plugins de WordPress. Muchos plugins están sobrecargados con funciones innecesarias y código mal escrito, lo que contribuye a ralentizar tu sitio web y a afectar a la velocidad de las páginas.
Para saber si un plugin va a afectar a la velocidad de tu sitio, realiza una prueba de velocidad de página antes y después de instalar el plugin. Así podrás comparar cuál será el impacto.
A menudo publicamos escaparates de los mejores plugins para WordPress del mercado. Y para ayudarte a elegir con conocimiento de causa, siempre nos aseguramos de prestar especial atención a los siguientes aspectos:
- Facilidad de uso.
- Experiencia del usuario.
- Rendimiento del plugin.
- Calidad del código.
En este artículo encontrará nuestra última selección de los mejores plugins para WordPress.
11. Convertir entradas de blog largas en páginas
A menudo, cuanto más largos y detallados sean los artículos de un blog, mejor posicionados estarán en los motores de búsqueda. Pero los artículos largos con muchas imágenes pueden perjudicar el tiempo de carga de la página.
Una forma de evitarlo es dividir las entradas de WordPress en varias páginas para que no se muestre todo en el mismo sitio.
Afortunadamente, existe una forma sencilla de hacerlo en WordPress. Todo lo que tiene que hacer es añadir la siguiente etiqueta en un artículo en el que desee dividirlo:
<!––nextpage––>
Puede repetir esto de nuevo para tener más páginas para esa entrada en particular.
Otra posibilidad es dividir los artículos más largos en series de varias partes. De este modo, puede publicar entradas de blog más cortas con más frecuencia sin perjudicar la velocidad de su página.
12. Optimice su base de datos de WordPress
Lo más probable es que, si usted ha tenido su sitio de WordPress por un tiempo, la base de datos tendrá un montón de información que ya no es necesario mantener. Eliminar esta información puede mejorar bastante el rendimiento de tu sitio.
El plugin WP-Sweep es una forma sencilla y gratuita de optimizar la base de datos de WordPress. Te permite limpiar fácilmente las entradas basura y las etiquetas no utilizadas y realizar una optimización de la base de datos con unos pocos clics.
13. Limitar las revisiones de puestos
Ya que hablamos de limpiar información no deseada en WordPress, las revisiones de entradas son otra área que se suele pasar por alto. Y las revisiones de entradas también suelen ocupar espacio en tu base de datos.
Es más, algunos usuarios de WordPress piensan que las revisiones de entradas pueden afectar a las consultas a la base de datos que realizan algunos plugins. Si el plugin no excluye las revisiones, puede ralentizar tu sitio al consultar las revisiones sin necesidad.
Es bastante fácil limitar el número de revisiones que WordPress guarda de cada entrada. Todo lo que tienes que hacer es añadir esta única línea de código a tu archivo wp-config.php:
define( 'WP_POST_REVISIONS', 4 );
Si no se siente cómodo editando los archivos de su sitio usted mismo, pida a su desarrollador web que lo haga por usted.
Una vez implementado, este código limita el número de artículos y revisiones de páginas a 4, descartando automáticamente todos los más antiguos.
14. Evitar Hotlinking
Una señal garantizada de que estás creando contenidos de calidad es que, tarde o temprano, alguien te los robará. Esto puede parecer halagador, pero daña tu reputación y pasa por alto todo el duro trabajo que has realizado.
Lamentablemente, una de las formas en que la gente hace esto es mostrando una de tus imágenes en su propio sitio web mediante un enlace a tu imagen original, sin subirla a sus propios servidores. Al hacer esto, estas personas están robando tu ancho de banda, y no obtienes nada del tráfico para demostrarlo.
Para impedir que la gente haga hotlinking a las imágenes de su sitio web, añada este código a su archivo .htaccess:
#disable hotlinking of images with forbidden or custom image option RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http(s)?://(www.)?seedprod.com [NC]
RewriteCond %{HTTP_REFERER} !^http(s)?://(www.)?google.com [NC]
RewriteRule .(jpg|jpeg|png|gif)$ – [NC,F,L]
Y asegúrate de cambiar seedprod.com por tu propio nombre de dominio.
15. Utilizar la carga lenta
Como hemos mencionado anteriormente en este artículo, tener muchas imágenes en sus entradas y páginas puede afectar drásticamente a la velocidad de carga de su sitio web de WordPress, así como a su rendimiento.
Lo mismo puede decirse de los sitios web con un alto contenido multimedia en general. Así que si tienes un sitio web con muchos vídeos y galerías de fotos, puedes beneficiarte de la carga lenta.
La carga lenta descarga sólo las imágenes visibles en la pantalla, en lugar de descargarlas todas a la vez. Todas las demás imágenes e incrustaciones de vídeo se sustituyen por un marcador de posición hasta que se desplaza por la página para verlas.
No sólo puedes hacer lazy load de imágenes. También puede cargar perezosamente las siguientes funciones:
- Vídeos
- Comentarios
- Gravatares
- Iframes
Para hacer lazy load de tus imágenes, vídeos e iframes, el plugin Lazy Load de WP Rocket es una buena opción. También puedes leer esta guía para aprender a hacer lazy load en los comentarios.
16. Actualizar a la última versión de PHP
Puede que ya lo sepas, pero el principal lenguaje de programación de WordPress es PHP. Este lenguaje es del lado del servidor, lo que significa que se instala y se ejecuta en el servidor de alojamiento.
Todas las buenas empresas de alojamiento de WordPress utilizan la versión más reciente y estable de PHP en sus servidores. Pero es muy posible que tu proveedor esté usando una versión más antigua.
La última versión de PHP es el doble de rápida que las anteriores, lo que supone un enorme impulso para el rendimiento de tu sitio web si lo aprovechas.
Si no estás seguro de qué versión de PHP utiliza tu sitio, puedes averiguarlo instalando el plugin Version Info. Una vez activado, el plugin te mostrará la versión PHP de tu sitio en el pie de página del panel de WordPress.
Si tu sitio utiliza una versión antigua de PHP, puedes pedir a tu proveedor de alojamiento que la actualice. Si resulta que no pueden hacerlo, puede que sea el momento de abandonar el barco y buscar una nueva empresa de alojamiento de WordPress.
17. Activar compresión GZIP
GZIP es un método de compresión que muchos propietarios de sitios web utilizan para enviar archivos por Internet. Puede reducir el tamaño de los archivos en un 70% y tarda menos que otros métodos de compresión.
Muchos plugins de optimización de velocidad como WPRocket incluyen la compresión GZIP como parte de su conjunto de herramientas. Sin embargo, si su sitio web está en un servidor Apache, puede activar la compresión GZIP manualmente añadiendo este código a su archivo .htaccess:
<IfModule mod_deflate.c>
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
AddOutputFilterByType DEFLATE application/x-font
AddOutputFilterByType DEFLATE application/x-font-opentype
AddOutputFilterByType DEFLATE application/x-font-otf
AddOutputFilterByType DEFLATE application/x-font-truetype
AddOutputFilterByType DEFLATE application/x-font-ttf
AddOutputFilterByType DEFLATE application/x-javascript
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE font/opentype
AddOutputFilterByType DEFLATE font/otf
AddOutputFilterByType DEFLATE font/ttf
AddOutputFilterByType DEFLATE image/svg+xml
AddOutputFilterByType DEFLATE image/x-icon
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/javascript
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/xml
</IfModule>
18. Reducir el tamaño de los archivos CSS y JavaScript
CSS y JavaScript son una parte importante de su sitio web. Sin embargo, estos archivos se envían desde tu servidor web a un navegador cada vez que los visitantes cargan una página. Por eso, cuanto más pequeños sean estos archivos, más rápido se cargarán las páginas.
Para ello, puedes utilizar un plugin gratuito de WordPress como Autoptimize, que escanea tus archivos CSS y JavaScript y los reduce.
¡Y eso es todo, amigos!
Esperamos que este artículo te haya ayudado a aprender cómo acelerar tu sitio web WordPress. Ahora solo te queda poner en práctica estos sencillos pasos para tener un sitio web más rápido y aprovechar todas esas visitas extra.
¿Sabía que la velocidad de su sitio web puede influir en el abandono del mismo? Aquí puedes aprenderlo todo sobre el abandono del carrito de la compra.
Si te ha gustado este artículo, síguenos en Twitter y Facebook para ver más tutoriales como éste.
Estoy buscando en google cómo acelerar un sitio web de WordPress y me encuentro con su puesto. Esperemos que ahora podemos acelerar nuestro sitio web WordPress fácilmente. Gracias.
Me alegro de oírlo, Devid. ¡Gracias por hacérnoslo saber!