Cómo aumentar la velocidad y el rendimiento de WordPress

Publicado: 2021-10-22

La velocidad lo es todo. La audiencia web tiene un lapso de atención increíblemente corto y Google usa la velocidad de carga de su página como parte de sus cálculos de SEO.

¡Dos razones convincentes para hacer todo lo posible para garantizar que su sitio web de WordPress se cargue lo más rápido posible!

WordPress es bastante rápido fuera de la caja. Solo cuando comienza a agregar temas, complementos, imágenes, videos y todo el contenido atractivo a su sitio, comienza a ralentizarse.

Sin embargo, hay una manera de tener tu pastel y comértelo.

Una forma de tener medios enriquecidos en su sitio web, usar un tema hermoso y agregar muchas funciones interesantes con complementos. Todo mientras se mantienen cortos los tiempos de carga de la página.

Esta página le mostrará ese camino.

Cómo medir la velocidad de carga de una página

Antes de comenzar a acelerar WordPress, creemos que es una buena idea realizar una prueba de velocidad.

Si ejecuta uno ahora y registra los resultados y otro una vez que haya completado los pasos de este artículo, tiene evidencia cuantificable de que su sitio web es más rápido.

Recomendamos usar dos herramientas para evaluar la velocidad de carga de la página, Pagespeed Insights de Google y GTMetrix .

Usaremos GTMetrix para este ejemplo.

Visite el sitio web de GTMEtrix e ingrese la URL de su sitio web en el cuadro
Seleccione el botón azul Probar su sitio y espere a que se complete la prueba

Cuando finalice la prueba, verá un resultado como el de la imagen de arriba. Le dará una calificación de A a G y un porcentaje de rendimiento.

Cuanto más altos sean estos resultados, más rápidas serán sus páginas.

Hay algunas métricas útiles que puede ver en estos resultados, pero no las abordaremos aquí, ya que es una publicación de blog completa en sí misma .

Baste decir que queremos pasar de lo que diga su informe ahora al Grado A y un mínimo del 95% para el Rendimiento. Si también podemos conseguir la estructura por encima del 90 %, ¡mucho mejor!

Cómo acelerar WordPress

Acelerar WordPress es un proceso. Lo siguiente incluye una serie de pasos individuales que puede tomar para mejorar los tiempos de velocidad de carga de la página. Trabajan de forma aislada, pero todos se combinan para crear un sitio web más rápido en general.

No todos los pasos serán relevantes para usted, así que no se preocupe por omitirlos si es necesario.

Mientras siga algunos de los pasos, ¡aún mejorará la velocidad de su sitio web de WordPress!

Una palabra de precaución : aunque la mayoría de estos métodos funcionan perfectamente bien, cada sitio web es diferente.

Si ejecuta una tienda de comercio electrónico o un sitio web muy ocupado, puede beneficiarse de probar cualquier cambio en un sitio de prueba de antemano.

De esa manera, si algo sale mal, puede revertir el cambio sin afectar a los visitantes.

Utilice un servidor web rápido

El primer consejo que compartiremos es utilizar un servidor web de buena calidad.

El alojamiento web compartido es económico y la forma ideal de iniciar un sitio web, pero no es el más rápido. Está compartiendo ese servidor web con cientos, quizás miles de otros sitios web, lo que tiene un impacto en el rendimiento.

La actualización a alojamiento dedicado, alojamiento de WordPress, VPS o incluso alojamiento en la nube dedicado puede marcar una gran diferencia en el rendimiento de su sitio web.

¡Cuesta más, pero vale la pena una vez que construyes seguidores!

Si su informe de GTMetrix muestra una puntuación baja, consulte la pestaña Rendimiento para:

Primera pintura con contenido : qué tan rápido su navegador recibe la información que necesita para crear el primer píxel de la página. Cuanto más rápido, mejor.
Índice de velocidad : qué tan rápido la página se vuelve visible en el navegador del visitante. Cuanto más rápido, mejor.
Pintura con contenido más grande : qué tan rápido el navegador carga el activo más grande en la página (generalmente imágenes). Cuanto más rápido, mejor.

¡Todos estos son signos de que es posible que necesite un proveedor de alojamiento web más rápido!

Mantén WordPress actualizado

WordPress está en constante desarrollo y mejora. Algunas de esas mejoras incluirán correcciones de errores, actualizaciones de seguridad y refinamientos de código. Todos pueden acelerar su sitio de WordPress.

Además, ¡mantener WordPress actualizado es una buena práctica!

Aquí está cómo hacerlo.

Inicie sesión en WordPress, seleccione Panel de control en el menú de la izquierda
Seleccione Actualizaciones
Actualiza WordPress si te notifica de una actualización disponible
Actualice cualquier complemento si ve alguno que lo requiera

La gran mayoría de las actualizaciones de WordPress y complementos funcionan perfectamente bien. Pero, si ejecuta un sitio web o una tienda particularmente popular, es posible que desee realizar actualizaciones en un sitio provisional antes de publicarlo, por si acaso.

Usa un tema de WordPress optimizado

Su tema de WordPress hace que su sitio web se vea increíble, pero puede tener implicaciones en el tiempo de carga de la página. Si usa un tema inferior o uno no optimizado, puede ralentizar significativamente la carga.

Los temas de Stylemix están todos optimizados para la velocidad.

¡No solo se ven increíbles e incluyen toda la interactividad que necesita, sino que también están diseñados para cargarse rápidamente y requieren recursos mínimos!

Use un complemento de almacenamiento en caché de WordPress

WordPress crea páginas dinámicamente cada vez que un visitante llega a esa página. Esto requiere algunos procesos y llamadas a la base de datos para recopilar toda la información y presentarla al navegador del usuario.

Todo eso lleva tiempo.

Un complemento de almacenamiento en caché de WordPress toma una copia de la página terminada y la guarda en la memoria. La próxima vez que un visitante llega a la página, en lugar de crearla desde cero, el complemento envía la copia al navegador del visitante, lo que acelera todo el proceso.

Un complemento de almacenamiento en caché puede acelerar significativamente los tiempos de carga de la página.

Los complementos de almacenamiento en caché de WordPress incluyen:

Súper caché de WP
Cohete WP
Caché LiteSpeed
Caché total W3
Caché más rápido de WP
hipercaché

Hay muchos complementos de caché de WordPress, lea las reseñas y vea cuál le gusta más.

Optimiza tus imágenes

Los sitios web necesitan imágenes para mantener las cosas interesantes, resaltar productos y servicios y ayudar a convertir a los visitantes. Pero las imágenes no optimizadas son archivos grandes que pueden ralentizar la carga de la página.

Las imágenes optimizadas son la respuesta.

Si vio un tiempo largo de 'Dibujo con contenido más grande' en su informe de GTMetrix, necesita optimizar sus imágenes. Si bien el elemento más grande puede ser cualquier cosa, comúnmente es una imagen.

La optimización de imágenes es un proceso que consiste en reducir el tamaño de los archivos sin afectar la calidad de la imagen ni la experiencia del usuario. Puede sonar técnico, pero hay complementos específicos que pueden ayudar.

Recomendamos optimizar sus imágenes antes de subirlas a WordPress y luego optimizarlas aún más con un complemento.

Puede usar programas como Mass Image Compressor en su computadora para reducir los archivos tanto como sea posible. Simplemente recorte la imagen al tamaño correcto y ejecute la compresión.

Luego, una vez cargados en WordPress, use un complemento como Smush para optimizarlos aún más.

Al final, debería haber optimizado sus imágenes para que sean lo más pequeñas posible sin comprometer la calidad o la experiencia del usuario.

Utilice una red de entrega de contenido (CDN)

Una red de entrega de contenido es una excelente manera de acelerar los tiempos de carga de la página en WordPress, pero puede costar dinero.

Una CDN toma una copia de su sitio web y todos sus archivos y la distribuye a los servidores de CDN en todo el mundo. La idea es que el servidor más cercano al visitante proporcione las páginas solicitadas, lo que resulta más rápido.

Por ejemplo, si su servidor web está en Alemania y su visitante es de Singapur, habrá un retraso en la carga de la página debido al tiempo de transmisión.

Pero, si usa un CDN con un servidor en Singapur, ese servidor enviaría las páginas al usuario, lo que sería mucho más rápido.

Las redes de entrega de contenido incluyen:

Llamarada de la nube
Rapidamente
claveCDN
StackPath
Akamai

No alojes audio o video en tu sitio web

Los medios enriquecidos son un ingrediente esencial en el compromiso y todos los sitios web deben usarlos siempre que sea posible.

Sin embargo, si bien debe presentar audio y video en sus páginas, no debe alojarlo usted mismo.

Puede cargar audio y video directamente a WordPress, pero le costará espacio de almacenamiento y ancho de banda. Si usa un servidor dedicado, esto no será necesariamente un problema, pero si usa un alojamiento compartido, puede ser un problema.

Es mejor que utilice un servicio como YouTube , Vimeo , SoundCloud y otros para alojar el video e incrustarlo en su página.

De esa manera, puede usar medios enriquecidos, ¡pero no tiene que preocuparse de que ralentice su sitio web!

Elija sus complementos con cuidado

Los complementos de WordPress agregan características esenciales a los sitios web y todos usamos al menos algunos. Pero, como todo, la calidad es mejor que la cantidad.

Eso no significa solo comprar complementos premium porque son mejores, porque no siempre son más rápidos.

Significa elegir sus complementos con cuidado, leer reseñas y verificar si hay quejas de que el complemento ralentiza los sitios web.

También puede probarlos en su sitio web provisional antes de cargarlos en vivo, solo para asegurarse.

Minificar CSS, HTML y JavaScript

Minificar es un término utilizado para describir la eliminación de datos innecesarios de un archivo para hacerlo más pequeño y más eficiente.

Eso puede incluir saltos de página, código de tema innecesario, código para llamar a elementos que no se usan dentro de un tema de WordPress y otra basura inútil.

Algunos complementos de almacenamiento en caché minimizan CSS, HTML y JavaScript como parte de las funciones, pero también hay complementos que pueden hacer lo mismo.

Autoptimize es una opción muy popular para minimizar, ya que es gratis y muy eficaz.

Si no desea usar un complemento, puede usar herramientas en línea para optimizar y minimizar. Algunas opciones incluyen CSS Minifier , JavaScript Minifier y Closure Compiler de Google .

Eliminar JavaScript y CSS que bloquean el procesamiento

JavaScript y CSS que bloquean la visualización son códigos que impiden que las páginas sean visibles para el usuario.

Puede ver JavaScript y CSS que bloquean el renderizado en la pestaña Cascada de su informe de GTMetrix. Enumera todo lo que ralentiza la secuencia de carga, incluido este código.

Cuando un navegador carga una página, necesita procesar JavaScript y CSS antes de que la página sea visible.

Cuanto más código tenga, mayor será el retraso en la representación de la página.

La buena noticia es que, si instaló Autoptimize para minimizar sus archivos, el complemento también puede eliminar los archivos que bloquean el renderizado.

WP Rocket y algunos otros complementos de almacenamiento en caché también tienen la opción de eliminar JavaScript y CSS que bloquean el renderizado.

Aproveche el almacenamiento en caché del navegador

Si ha utilizado GTMetrix o Pagespeed Insights antes, habrá visto un mensaje para "Aprovechar el almacenamiento en caché del navegador".

Desde entonces, eso ha sido reemplazado por 'Servir activos estáticos con una política de caché eficiente', pero es esencialmente lo mismo.

El almacenamiento en caché del navegador es un método para mantener una copia de sus páginas web en el navegador del visitante. Entonces, si vuelven a visitar, el navegador cargará inmediatamente su propia copia, lo que mejora la experiencia del usuario.

Lo hace agregando encabezados de control de caché y encabezados de ETag al navegador del visitante.

Los encabezados de control de caché le dicen al navegador cuánto tiempo debe conservar la copia y ETag verifica si hay cambios desde que se tomó esa copia.

Para aprovechar el almacenamiento en caché del navegador, deberá modificar su archivo .htaccess o usar un complemento de almacenamiento en caché.

Antes de continuar, tiene sentido verificar si el complemento de almacenamiento en caché que instaló anteriormente establece los encabezados de control de caché y los encabezados de ETag. WP Rocket lo hace, otros complementos pueden hacer lo mismo.

El archivo .htaccess se usa en Apache para controlar quién puede acceder a su sitio web y proporciona algunas reglas básicas para las URL y el acceso al directorio.

Si su host usa NGINX , no tendrá un archivo .htaccess. Como la mayoría de los servidores web parecen usar Apache, continuaremos con eso.

Encontrará su archivo .htaccess en la carpeta raíz de su servidor web. Tome una copia antes de hacer el cambio.

Luego:

Seleccione su archivo .htaccess, haga clic derecho y seleccione Editar
Pegue lo siguiente al final del archivo antes de '# END WordPress' y guárdelo una vez hecho

#Personalizar caduca inicio de almacenamiento en caché

<IfModule mod_expires.c>
FileETag MTime Tamaño
AddOutputFilterByType DEFLATE texto/texto sin formato/texto html/texto xml/aplicación css/aplicación xml/aplicación xhtml+xml/aplicación rss+xml/aplicación javascript/x-javascript
ExpiresActive On
ExpiresByType text/html “acceso 600 segundos”
ExpiresByType application/xhtml+xml “acceso 600 segundos”
ExpiresByType text/css “acceso 1 mes”
ExpiresByType texto/javascript "acceso 1 mes"
ExpiresByType text/x-javascript "acceso 1 mes"
Aplicación ExpiresByType/javascript “acceso 1 mes”
Aplicación ExpiresByType/x-javascript "acceso 1 mes"
Aplicación ExpiresByType/x-shockwave-flash “acceso 1 mes”
Aplicación ExpiresByType/pdf “acceso 1 mes”
ExpiresByType image/x-icon "acceso 1 año"
ExpiresByType image/jpg “acceso 1 año”
ExpiresByType image/jpeg “acceso 1 año”
ExpiresByType image/png “acceso 1 año”
ExpiresByType image/gif “acceso 1 año”
ExpiresDefault "acceso 1 mes"
</IfModule>
#Expira fin de almacenamiento en caché

Puede cambiar esta configuración a cualquier período de tiempo que desee, pero encontramos que esta configuración funciona bien.

Optimización de base de datos

WordPress es un sistema de gestión de contenido basado en bases de datos. Cuantos más datos y tablas haya en esa base de datos, más búsquedas tendrá que hacer WordPress para encontrar lo que necesita.

Ahí es donde entra en juego la optimización de la base de datos.

Si conoce las bases de datos, hay muchas formas de optimizarlas. Para nosotros, simples mortales, existe WP-Optimize.

WP-Optimize es un complemento gratuito de WordPress que hace todo el trabajo duro por usted. Ordena la base de datos, optimiza tablas e incluso optimiza tus imágenes también.

Sin embargo, le recomendamos que realice una copia de seguridad completa de su sitio antes de tocar la base de datos, ¡por si acaso!

Lazy-load largas páginas y publicaciones en WordPress

Las imágenes de carga diferida solían ser esenciales para acelerar los tiempos de carga de la página. ¿Sabías que también hay una opción para la carga diferida de páginas y publicaciones largas?

Como WordPress ahora carga de forma diferida las imágenes de forma predeterminada, tiene sentido configurar la carga diferida para páginas y publicaciones.

Hay complementos para eso, incluidos WordPress Infinite Scroll y WP Ajax Load More Pagination, e Infinite Scroll .

Ambos hacen un trabajo corto de páginas de carga diferida para proporcionar un aumento modesto pero notable en los tiempos de carga de la página.

Use extractos en su página de inicio

Es posible que estemos entrando en el ámbito de las ganancias marginales aquí, pero todo ayuda. Como usar extractos de publicaciones de blog en su página de inicio.

El comportamiento predeterminado en WordPress es mostrar publicaciones de blog completas, lo que puede ralentizar las páginas que presentan varias publicaciones.

Hay una configuración dentro de WordPress que restringe esto a extractos, que se cargan mucho más rápido.

Si presenta sus últimas publicaciones en su página de inicio, ¡debe modificar esta configuración!

Navegue a Configuración y Lectura en su menú de WordPress
Establezca ' Para cada publicación en un feed, incluir' en Extracto
Seleccione Guardar cambios

Esto no solo hará que su página se cargue más rápido, sino que también mantendrá las cosas limpias y ordenadas donde sea que muestre sus últimas publicaciones.

Limitar comentarios por página

Limitar los comentarios por página es otra ganancia marginal, pero definitivamente puede afectar la velocidad si recibe muchos comentarios.

En lugar de cargar todos los comentarios realizados en una publicación o página, limitarlos los divide en páginas. Esto reduce el procesamiento requerido para renderizar la página, lo que acelera la carga.

Navegue a Configuración y Discusión en su menú de WordPress
Marque la casilla junto a ' Dividir comentarios en páginas con' y establezca el número de comentarios entre 10 y 20 .
Seleccione Guardar cambios

Puede establecer el número de comentarios a lo que quiera. Obviamente, cuantos menos comentarios cargue, más rápida será la página, pero debe equilibrar esto con la usabilidad y los comentarios alentadores en sus publicaciones.

Reducir redireccionamientos

Una redirección es cuando una URL se redirige a otra dentro de una publicación o página.

Por ejemplo, si recientemente cambió de HTTP a HTTPS, usaría redireccionamientos para enviar a los visitantes al dominio correcto.

Los redireccionamientos sirven para todo tipo de cosas y son una parte esencial del SEO y de la usabilidad. Cuanto más establecido y antiguo sea su sitio, más redireccionamientos tendrá.

Entonces, ¿cómo puedes minimizarlos?

Una forma es usar una redirección dentro de su archivo .htaccess.

En el ejemplo anterior, la redirección de HTTP a HTTPS se puede realizar dentro de WordPress, pero es más eficiente hacerlo a nivel de servidor, ya que es mucho, mucho más rápido.

Encontrará su archivo .htaccess en la carpeta raíz de su servidor web. Tome una copia antes de hacer el cambio.

Luego:

Seleccione su archivo .htaccess, haga clic derecho y seleccione Editar
Pegue lo siguiente al final del archivo antes de '# END WordPress' y guárdelo una vez hecho

<IfModule mod_rewrite.c>
Motor de reescritura encendido
RewriteCond !{HTTPS} desactivado
Regla de reescritura ^(.*)$ https://www.%{HTTP_HOST}%{REQUEST_URI} [L,R=301]
RewriteCond %{HTTP_HOST} !^www\.
Regla de reescritura ^(.*)$ https://www.%{HTTP_HOST}%{REQUEST_URI} [L,R=301]

</IfModule>

El código le dice a su servidor Apache que redirija automáticamente el tráfico HTTP a HTTPS, lo que le ahorra a WordPress tener que hacerlo y acelera los tiempos de carga de la página.

Los redireccionamientos son un tema extenso, así que en lugar de aburrirte con todo esto, ¿por qué no lees la Guía de redireccionamientos de WordPress en WPEngine?

Reducir las revisiones de publicaciones

El jurado aún está deliberando sobre si tener múltiples revisiones de una página o publicación ralentiza su sitio web o no.

Sin embargo, no está de más reducirlos. ¡Si nada más, mantiene su base de datos ordenada!

Deberá editar su archivo wp-config para esto, que se encuentra en su directorio de WordPress.

Haga clic derecho en wp-config y seleccione Editar
Pegue el siguiente código al final del archivo y guárdelo

definir ('WP_POST_REVISIONES', 5);

Puede establecer cualquier número de revisiones que desee, simplemente cambie el '5' al número deseado. Una vez que el número de revisiones exceda este número, la base de datos eliminará la revisión más antigua.

Deshabilitar enlaces activos

Si ejecuta un sitio que usa muchas imágenes originales, encontrará rápidamente personas que se vinculan a sus activos.

En lugar de tomar una captura de pantalla del activo o vincular a la página, se vinculará directamente a ese activo para que aparezca en su página mientras aún está alojado en la suya.

Esto se llama vinculación directa.

Todo el tráfico, de sus propios visitantes y del sitio que vinculó la página, utilizará los recursos de su sitio web, lo que podría ralentizar los tiempos de carga.

Puede evitarlo con otro fragmento de código agregado a su archivo .htaccess.

Seleccione su archivo .htaccess, haga clic derecho y seleccione Editar
Pegue lo siguiente al final del archivo antes de '# END WordPress' y guárdelo una vez hecho

#deshabilitar hotlinking de imágenes
Motor de reescritura en
Reescribir Cond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?yourwebsiteURL.com [NC]
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?google.com [NC]
Regla de reescritura \.(jpg|jpeg|png|gif)$ – [NC,F,L]

Simplemente cambie el lugar donde ve 'yourwebsiteURL.com' a la URL de su sitio web específico y estará listo para comenzar.

Acelerando WordPress

Así que eso es todo para acelerar WordPress.

Ahora es un buen momento para verificar la velocidad de su sitio web en GTMetrix una vez más. Si implementó muchos de estos pasos, ¡apostamos a que ahora verá muchas mejoras!

Hay mucho que asimilar y algunos cambios que hacer, pero esperamos haber explicado el por qué y el cómo lo suficiente como para que pueda seguirlo.

Con lo que debería terminar es un sitio web de WordPress más ágil, más eficiente y más rápido. Debería funcionar exactamente igual que siempre, pero más rápido.

¿Tienes algún otro consejo para acelerar WordPress? ¿Seguiste esta guía y quieres compartir los resultados? ¡Cuéntanos en los comentarios a continuación!