Desbloquee el rendimiento ultrarrápido: 15 consejos profesionales para acelerar su sitio de WordPress

Imaginemos que hace clic en un enlace, emocionado de explorar un sitio web, y luego espera. Y espera. Y espera un poco más. Frustrante, ¿no? Bueno, no estás solo.

Los estudios muestran que el 40% de los visitantes abandonan un sitio web si tarda más de 3 segundos en cargarse.

En el acelerado mundo en línea de hoy, la velocidad no es solo un lujo, es una necesidad. Es por eso que estamos aquí para ayudarlo a optimizar su sitio web de WordPress y hacerlo ultrarrápido con algunos trucos probados.

Tanto si es un bloguero, un empresario o un desarrollador web, prepárese para transformar su sitio web en una máquina de carga. Lo guiaremos a través de técnicas probadas como optimización de imágenes, almacenamiento en caché, ajustes de bases de datos y más.

Entonces, ¡siga leyendo este blog para rejuvenecer su sitio web de WordPress y brindar una experiencia ultrarrápida a sus usuarios!

Impacto de los sitios web de carga lenta en la experiencia del usuario y las conversiones

¿Sabía que la velocidad del sitio web afecta directamente la experiencia del usuario, las conversiones e incluso las clasificaciones en los motores de búsqueda? ¡Sí, así es! Un sitio web de carga lenta no solo pone a prueba la paciencia de sus visitantes, sino que también afecta los resultados de su negocio .

Veamos cómo afecta su experiencia de usuario y conversiones:

• Interacción perdida: los sitios web que se cargan lentamente ahuyentan a los usuarios, ya que simplemente no tienen la paciencia para esperar. Esto significa oportunidades de participación perdidas. Es más probable que los usuarios que experimentan tiempos de carga lentos abandonen su sitio, lo que resulta en menos visitas a la página, menos tiempo en su sitio web y menos interacciones con su contenido.

• Disminución de la satisfacción del usuario: su sitio web es un reflejo de su marca. Las páginas de carga lenta dan a los usuarios la impresión de que no valoras su tiempo. Esto puede generar una percepción negativa de su marca y una disminución de la satisfacción del usuario. Es poco probable que los usuarios insatisfechos regresen o recomienden su sitio web a otros.

• Conversiones e ingresos afectados: cuando los usuarios encuentran demoras, pueden abandonar sus carritos de compras, dudar en completar formularios o perder interés en sus ofertas. Como resultado, pierde clientes potenciales valiosos e ingresos potenciales.

• Posiciones de motor de búsqueda más bajas: los motores de búsqueda como Google consideran la velocidad del sitio web como un factor de clasificación. Si los usuarios encuentran constantemente páginas de carga lenta de los resultados del motor de búsqueda, esto afecta negativamente su experiencia de búsqueda general. Como resultado, Google puede empujar su sitio web más abajo en los resultados de búsqueda. Esto conducirá a una disminución del tráfico orgánico y oportunidades perdidas para atraer nuevos visitantes.

Esperamos que ahora pueda comprender fácilmente cómo está afectando negativamente la experiencia del usuario y la tasa de conversión si tiene un sitio web que se carga lentamente.

¿Cómo verificar la velocidad de su sitio de WordPress?

Su sitio web se carga instantáneamente en su computadora, lo que no significa que se cargará instantáneamente en cada computadora o dispositivo.

Dado que visita con frecuencia su propio sitio web, los navegadores modernos como Chrome almacenan su sitio web en el caché y lo obtienen automáticamente tan pronto como comienza a escribir una dirección. Esto hace que su sitio web se cargue casi al instante.

Sin embargo, es posible que un usuario normal que visite su sitio web por primera vez no tenga la misma experiencia. De hecho, los usuarios en diferentes ubicaciones geográficas tendrán una experiencia completamente diferente.

Por lo tanto, necesita un verificador de velocidad neutral que le muestre la velocidad real de carga de la página de su sitio. Aquí, vamos a utilizar PageSpeed ​​Insights para verificar el tiempo de carga de nuestro sitio.

• Vaya a PageSpeed ​​Insights y pegue la URL de su sitio en el cuadro de búsqueda. Luego haga clic en el botón Analizar. Allí encontrará los detalles de rendimiento de su sitio en segundos.

Si no está seguro de qué verificar y cuál es el estándar, siga estos consejos:

• Largest Contentful Paint (LCP) verifica el tiempo de carga de la página, especialmente qué tan rápido la página web representa sus elementos más significativos. Intente obtener una puntuación de 2,5 segundos o menos para proporcionar una buena experiencia de usuario.
• First Input Delay (FID) calcula la interactividad de la página, principalmente el tiempo de respuesta desde la primera interacción del usuario hasta la respuesta del navegador web. La puntuación ideal para FID es de 100 milisegundos o menos .
• El cambio de diseño acumulativo (CLS) mide la experiencia visual y la estabilidad de la página mediante el cálculo de la cantidad total de cambios de diseño inesperados. Trate de tener un puntaje CLS de 0.1 o menos .

Cómo acelerar el sitio de WordPress: 15 consejos comprobados para usted

Hacer un sitio web ultrarrápido no es una tarea de una noche. Ejecute estos consejos de expertos y siga revisando su sitio si está mejorando o no.

Primero, eche un vistazo rápido a los consejos para acelerar un sitio de WordPress:

Ahora analizaremos cada uno de los consejos mencionados anteriormente para que pueda comprender fácilmente qué debe hacer exactamente para acelerar su sitio.

Nota: Estos no están ordenados por importancia ni por ningún criterio, simplemente reunimos todo lo que hemos aprendido a lo largo de nuestros años de experiencia sobre cómo acelerar un sitio de WordPress y los enumeramos todos aquí.

1. Elija un alojamiento web de calidad

Su empresa de alojamiento web y su paquete de alojamiento tienen un gran impacto en la velocidad de su sitio web, entre muchas otras cosas importantes relacionadas con el rendimiento. La mayoría de los hosts de WordPress ofrecen varios tipos de alojamiento:

• Alojamiento Compartido
• alojamiento dedicado
• Alojamiento de servidor privado virtual (VPS)
• Planes de alojamiento administrado de WordPress

Al elegir un plan de alojamiento de WordPress, generalmente obtienes lo que pagas. Sin embargo, en el alojamiento compartido, comparte los recursos del servidor con muchos otros clientes. Esto significa que si su sitio vecino recibe mucho tráfico, puede afectar el rendimiento del servidor completo, lo que a su vez ralentizará su sitio web.

Por otro lado, el uso de un servicio de alojamiento de WordPress administrado le brinda las configuraciones de servidor más optimizadas para ejecutar WordPress. Las empresas de alojamiento de WordPress administrado también ofrecen copias de seguridad automáticas, actualizaciones automáticas de WordPress y configuraciones de seguridad más avanzadas para proteger su sitio web.

Los sitios web establecidos con más contenido y niveles más altos de tráfico regular deben encontrar un plan de alojamiento dedicado, VPS o administrado de un proveedor de confianza. Estos planes asignarán suficientes recursos del servidor para manejar el aumento del tráfico sin afectar el tiempo de carga.

2. Mantenga su sitio actualizado

Como proyecto de código abierto bien mantenido, WordPress se actualiza con frecuencia. Cada actualización no solo ofrecerá nuevas funciones, sino que también solucionará problemas de seguridad y errores. Su tema y complementos de WordPress también pueden tener actualizaciones periódicas.

Como propietario de un sitio web, es su responsabilidad usar,

• Versión actualizada de WordPress
• Versión actualizada de PHP
• HTML última versión
• Temas y complementos de WordPress actualizados.

Ejecute siempre las últimas versiones de estas cosas para optimizar el rendimiento, mantener su sitio seguro, corregir errores y garantizar que todas las funciones y herramientas funcionen como deberían.

3. Elija un tema de velocidad optimizada

Hay muchos temas brillantes y hermosos en el mercado de WordPress. Pero no olvide que los temas con mucho contenido dinámico, widgets, control deslizante, barra lateral, etc., pueden hacer que su servidor de alojamiento responda lentamente.

En lugar de optar por un tema rico en funciones (que implica una gran cantidad de código que debe cargarse cada vez que alguien visita su sitio), adopte un enfoque mínimo utilizando un tema que contenga lo básico de lo que se necesita para funcionar bien.

Tenga cuidado al comprar temas en mercados populares. Cuando elija un tema, verifique la velocidad de la página de la demostración del tema. Luego decida si se puede comprar o no.

4. Optimice su base de datos

Es una buena señal que WordPress a menudo guarda automáticamente todo, pero la desventaja es que su base de datos se llenará con miles de revisiones de publicaciones, trackbacks, pingbacks, comentarios no aprobados y elementos desechados con bastante rapidez.

La limpieza de su base de datos se puede hacer manualmente a través de phpMyAdmin, aunque puede ser complicado y dañino si no sabe lo que está haciendo. Si no eres un tipo técnico, instalar un complemento para realizar esta tarea es la forma más segura de hacerlo.

Los complementos como WP-Optimize, Advanced Database Cleaner y WP-Sweep pueden ayudarlo a optimizar su base de datos.

Estos complementos limpian rutinariamente la basura de su base de datos, manteniendo la base de datos eficiente y llena solo con lo que necesita conservarse. Por supuesto, cuando haga algo en su base de datos, siempre haga una copia de seguridad primero. Es una de las mejores maneras de acelerar un sitio de WordPress.

5. Disminuya las solicitudes del servidor

Una solicitud del servidor ocurre cada vez que su navegador solicita algún tipo de recurso de su servidor. Puede ser un archivo como una hoja de estilo, un script o una imagen.

Cuantas más solicitudes de servidor sean necesarias para completar la carga de su sitio, más tiempo llevará. Como consecuencia, las solicitudes deben ser tan pocas como sea posible. Aquí hay algunas cosas que puede hacer para reducirlos al mínimo:

• Reducir el número de publicaciones que se muestran en una página
• Solo muestre extractos de publicaciones, no publicaciones completas en sus páginas de archivo (busque la opción en Configuración> Lectura )
• Dividir publicaciones más largas en páginas
• Si recibe muchos comentarios, divídalos en varias páginas ( Configuración > Discusión )
• Reduzca la cantidad de imágenes y otros elementos en su página
• Desinstale complementos innecesarios, especialmente los más lentos

6. Usa imágenes optimizadas

Esta es otra forma de mejorar la velocidad del sitio web de WordPress. Las imágenes son imprescindibles para mantener el interés de los visitantes del sitio. Si bien su sitio puede contener una tonelada de bellas imágenes, es una buena idea optimizar estas imágenes para lograr tiempos de carga de página rápidos. Hay varias formas de optimizar sus imágenes, incluida la compresión de imágenes, la adición de texto alternativo y títulos, y la creación de un mapa del sitio de imágenes .

Para la compresión automática de imágenes, puede usar un complemento de WordPress. WP Smush es un complemento gratuito que comprime automáticamente las imágenes a medida que las carga en la biblioteca de medios. Toda la compresión es "sin pérdidas", lo que significa que no notará ninguna diferencia en la calidad de las imágenes.

Si no desea utilizar un complemento para la compresión de imágenes, puede hacerlo manualmente. Puede usar Photoshop u otras herramientas de edición de imágenes para minimizar el tamaño de su imagen. O bien, puede usar herramientas en línea como png diminuto para comprimir sus imágenes.

7. Habilitar el almacenamiento en caché de la página

Las páginas de WordPress son “dinámicas”. Esto significa que cada vez que un visitante solicita una página web de un sitio sin caché, el PHP en su servidor de WordPress tiene que recuperar todo el contenido relevante de su base de datos de WordPress, ensamblarlo en un archivo HTML y enviar ese archivo al cliente. .

Este método tiene sus ventajas, incluido el ahorro de espacio en el servidor y permitir el contenido dinámico del sitio web. Pero también requiere más tiempo y energía que enviar una página web escrita previamente.

Uno de los métodos más populares para resolver este problema es usar un complemento de caché. Un complemento de almacenamiento en caché almacenará la vista final de su sitio para futuros visitantes. Esto significa que su WordPress no tendrá que generarlo para cada siguiente persona que vea el sitio.

Algunos de los complementos de almacenamiento en caché más populares son,

1. Habilitador de caché: caché de WordPress
2. Caché total W3
3. Súper caché de WP

Puedes hacerlo sin usar un plugin. Por ese motivo, deberá agregar encabezados de vencimiento agregando el siguiente código a su archivo .htaccess .

 # # associate .js with “text/javascript” type (if not present in mime.conf) # AddType text/javascript .js # # configure mod_expires # # URL: http://httpd.apache.org/docs/2.2/mod/mod_expires.html # ExpiresActive On ExpiresDefault “access plus 1 seconds” ExpiresByType image/x-icon “access plus 2692000 seconds” ExpiresByType image/jpeg “access plus 2692000 seconds” ExpiresByType image/png “access plus 2692000 seconds” ExpiresByType image/gif “access plus 2692000 seconds” ExpiresByType application/x-shockwave-flash “access plus 2692000 seconds” ExpiresByType text/css “access plus 2692000 seconds” ExpiresByType text/javascript “access plus 2692000 seconds” ExpiresByType application/x-javascript “access plus 2692000 seconds” ExpiresByType text/html “access plus 600 seconds” ExpiresByType application/xhtml+xml “access plus 600 seconds” # # configure mod_headers # # URL: http://httpd.apache.org/docs/2.2/mod/mod_headers.html # Header set Cache-Control “max-age=2692000, public” Header set Cache-Control “max-age=600, private, must-revalidate” Header unset ETag Header unset Last-Modified

8. Utilice una red de entrega de contenido (CDN)

Una CDN conduce a tiempos de carga de página más rápidos porque, cuando se configura, su sitio web utilizará un servidor optimizado que está más cerca del visitante de su sitio. El centro de datos almacenará contenido y archivos estáticos y luego los entregará a los usuarios según su ubicación.

Esto puede ayudar a reducir las solicitudes HTTP externas porque el contenido estático ya está listo para funcionar en lugar de solicitar toneladas de HTTP a la vez.

Puedes usar,

• Incapsula – Proveedor de CDN gratuito
• Llamarada de nube
• Habilitador de CDN - Complemento de WordPress

para configurar su CDN. Aunque configurar una CDN puede llevar algunas horas, suele ser una de las formas más rápidas de mejorar drásticamente la velocidad de carga de la página.

9. Habilitar la compresión Gzip

Cuanto más pequeño sea el tamaño de su sitio web, más rápido se cargará. La compresión GZip puede reducir el tamaño del contenido de su sitio web en aproximadamente un 70 por ciento. Un sitio web, después de ser comprimido, carga más rápido debido a la reducción del ancho de banda.

Cuando los usuarios visitan su sitio web, su navegador descomprimirá automáticamente los archivos y mostrará su contenido. Este método de transmitir contenido desde el servidor al navegador es mucho más eficiente y ahorra mucho tiempo.

Puede habilitar Gzip usando complementos de WordPress como,

• Ninja de velocidad de página
• Brisa

Si desea hacerlo manualmente, eso significa sin usar un complemento, abra su archivo .htaccess (que se encuentra en el directorio raíz de su servidor) y agregue el siguiente código:

 AddOutputFilterByType DEFLATE text/plain AddOutputFilterByType DEFLATE text/html AddOutputFilterByType DEFLATE text/xml AddOutputFilterByType DEFLATE text/css AddOutputFilterByType DEFLATE application/xml AddOutputFilterByType DEFLATE application/xhtml+xml AddOutputFilterByType DEFLATE application/rss+xml AddOutputFilterByType DEFLATE application/javascript AddOutputFilterByType DEFLATE application/x-javascript

10. Minimice los archivos CSS, HTML y JS

La minimización de recursos significa eliminar caracteres innecesarios de su HTML, JavaScript y CSS que no se requieren para cargar, como:

• Caracteres de espacio en blanco
• Caracteres de nueva línea
• Comentarios
• Delimitadores de bloque

Esto acelera los tiempos de carga, ya que reduce la cantidad de código que debe solicitarse al servidor.

Hay complementos para ayudarlo a minimizar su archivo CSS, HTML y JS.

• Mejor Minificar WordPress
• Autooptimizar

11. Desactivar complementos y temas no utilizados

La eliminación de complementos y temas no utilizados puede acelerar su sitio de WordPress. Descubra qué complementos y temas ya no usa. Si no está utilizando un determinado complemento, existe la posibilidad de que esté haciendo un trabajo innecesario en segundo plano. Puede que sea el momento de recortar.

Para eliminar un complemento no utilizado, primero deberá desactivarlo. Luego puede ir a su lista de complementos inactivos y eliminar los que ya no desea.

Para eliminar temas no deseados, simplemente vaya a Apariencia > Temas para eliminar los que ya no están en uso.

12. No cargue audio/video directamente a su sitio

Puede cargar directamente archivos de audio y video en su sitio de WordPress, y los mostrará automáticamente en un reproductor HTML5. ¡ Pero NUNCA debes hacer eso !

Aumenta enormemente el tiempo de carga de su sitio. En lugar de cargar audio y video (si es necesario) directamente, inserte el enlace y funcionará perfectamente.

WordPress tiene una función de incrustación de video incorporada, por lo que puede copiar y pegar la URL de su video directamente en su publicación y se incrustará automáticamente.

13. Agregue LazyLoad a sus imágenes

Lazy loading es un concepto en el que retrasa la carga de la unidad de objeto hasta el punto en que se necesita. En WordPress, esto generalmente se refiere a no cargar el objeto hasta que un usuario se desplaza hacia abajo en la página o usar un evento de clic. Puede cargar de forma diferida todo tipo de contenido, desde imágenes hasta videos e incluso el sistema de comentarios.

Para cargar imágenes de forma diferida, hay un pequeño complemento gratuito llamado BJ Lazy Load. Este complemento reemplaza todas las imágenes de sus publicaciones, miniaturas de publicaciones, imágenes gravatar e iframes de contenido con un marcador de posición y carga el contenido a medida que se acerca a ingresar a la ventana del navegador cuando el visitante se desplaza por la página. También funciona con widgets de texto.

Para cargar sus videos de forma diferida, hay un complemento gratuito llamado Lazy Load for Videos. Reemplaza los videos incrustados de YouTube y Vimeo con una imagen de vista previa en la que se puede hacer clic. Si su sitio web tiene una gran cantidad de videos, este complemento por sí solo puede acelerar dramáticamente WordPress.

14. Deshabilitar enlaces activos

Hotlinking es un término que se utiliza cuando un sitio web utiliza los recursos de otro. Por ejemplo,

si alguien ha copiado una imagen de su sitio, una vez que se carga su sitio web, carga la imagen de su sitio web. Esto significa que está consumiendo ancho de banda y recursos de su servidor.

Hace que su sitio sea lento y al deshabilitarlo puede mejorar la velocidad de su sitio.

Puede deshabilitar el hotlinking agregando el siguiente código a su archivo .htaccess y actualizándolo con su nombre de dominio.

 RewriteEngine on RewriteCond %{HTTP_REFERER} !^$ RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?yourdomain.com [NC] RewriteRule \.(jpg|jpeg|png|gif)$ - [NC,F,L]

Después de implementar hotlinking, las imágenes en sitios externos se mostrarán rotas, un error 403 en el encabezado.

15. Habilite HTTPS y HTTP/2

La web ha utilizado HTTP 1.1 durante mucho tiempo. ¡Necesitaba una actualización! HTTP/2 tiene muchas mejoras de rendimiento sobre HTTP 1.1, como multiplexación, inserción de servidor, compresión de encabezado y otras.

Para ejecutar HTTP/2, debe ejecutar HTTPS en su sitio con un certificado SSL instalado. Aumenta la velocidad de su sitio de WordPress y garantiza la seguridad de su sitio.

Bonificación: ¿Qué tan rápido debe cargar un sitio web?

Idealmente, un sitio web debería cargarse en 2 a 3 segundos o incluso más rápido. Las investigaciones indican que la mayoría de los usuarios esperan que los sitios web se carguen rápidamente. Y comienzan a perder interés después de solo un par de segundos si el sitio aún no está cargado.

Pero la velocidad puede variar según el tipo de sitio web. Aquí, enumeramos el tiempo de carga de los sitios web, incluido el comercio electrónico, los blogs y SaaS:

• Comercio electrónico: el tiempo de carga estándar para un sitio de comercio electrónico es de 2 a 3 segundos . El 40 % de los consumidores no esperará más de tres segundos antes de abandonar un sitio de comercio electrónico si no se carga en ese tiempo.

• Blogging: el tiempo de carga estándar para un sitio de blogs es de 1 a 5 segundos . Después de 5 segundos, la tasa de rebote de un sitio de blogs se dispara.

• SaaS: los sitios web de SaaS no son una excepción en la necesidad de páginas de carga rápida. Una página que se carga en 2,4 segundos tiene muchas más posibilidades de conversión.

Si su sitio web no se incluye en estas categorías, aún debe asegurarse de que el tiempo de carga sea inferior a 3 segundos.

Preguntas frecuentes sobre cómo acelerar los sitios de WordPress

Deje de pensar y comience a optimizar la velocidad de su sitio ahora

Si tiene dificultades para acelerar su sitio de WordPress, entonces es hora de comenzar a trabajar en eso. Haz un plan de acuerdo con nuestra guía. Comience a revisar su sitio punto por punto. Aplique nuestras sugerencias a su sitio y vea el impacto si funciona o no.

Recuerde una cosa, es posible que no obtenga el resultado al instante, pero si sigue nuestra guía obtendrá resultados positivos de manera constante y segura. No es una tarea de la noche a la mañana. Por lo tanto, sea paciente y continúe con su arduo trabajo.

Si obtiene alguna ventaja de esta guía, no olvide compartirla con nuestros lectores a través del cuadro de comentarios a continuación. Ayudará a los nuevos lectores a impulsar su trabajo.

Y, si tiene algún problema al acelerar su sitio, háganoslo saber. Estamos aquí para ayudarte. ¡Buena suerte!