Guía total para la optimización de la velocidad de WordPress

Imagina que tienes una gran reunión y tu equipo ha estado ensayando durante todo el mes. Después de todos estos preparativos, un compañero de equipo asignado para traer la computadora portátil que necesita para la presentación se está quedando atrás. Y, el compañero de equipo aparece diez minutos más tarde de lo programado, y su posible cliente está cansado de esperar.

Bueno, eso suena demasiado perjudicial y no le irá bien al cliente. Ahora, puede imaginar cómo se sienten sus visitantes cuando necesitan sentarse y esperar a que su sitio web se cargue en su navegador. ¿Qué crees que harán si alguna página web tarda más de diez segundos en cargarse? ¿O incluso seis? ¿Cuatro?

No es un gran secreto que la velocidad de un sitio importa. Nadie quiere un sitio web con carga lenta, especialmente Google. Por lo tanto, a menos que desee crear una experiencia de usuario deficiente y reducir sus posibilidades de clasificación en Google, ya es hora de que haga algo con la optimización de velocidad de WordPress.

Con casi el 40,0% de la web impulsada por WordPress, hay cien mil complementos, temas y otras tecnologías que tienen que coexistir para optimizar la velocidad de WordPress. Un usuario cotidiano de WordPress puede encontrar esto como una pesadilla cuando su sitio web está configurado para un cuello de botella, y ni siquiera saben por qué.

Aquí, compartiremos absolutamente todo lo que hay que saber sobre la optimización de la velocidad de WordPress para que pueda comenzar a acelerar su sitio web hoy. Con suerte, podemos guiar la optimización del rendimiento de WordPress sin ser demasiado técnicos o "basados ​​​​en código". De hecho, hacemos esfuerzos para evitar ejemplos de código aquí.

¿Entonces estas lista? Vamos a empezar.

i) ¿Qué ralentiza su sitio web de WordPress?

En primer lugar, echemos un vistazo a algunos culpables importantes que tienden a hacer que su sitio web sea lento. Estas son las secciones en las que debe centrar su atención.

una. Imágenes

El tamaño de la imagen extravagante mata la velocidad del sitio web.

b. Vídeos

Las características de WordPress, como los fondos de video, son geniales, pero también son un obstáculo real para el rendimiento de la velocidad del sitio.

C. Complementos de WordPress

Los complementos de WordPress definitivamente son un gran salvavidas, pero "cuál" y "cuántos" marcarán la diferencia.

d. Temas de WordPress

La misma regla se aplica a los temas. Un buen diseño web de WordPress es imprescindible. Sin embargo, un tema mal codificado tiene demasiados archivos y scripts para causarle problemas.

mi. Guiones

Cualquier cosa con cantidades excesivas de JavaScript, jQuery u otros scripts de terceros puede ralentizar sus páginas web.

F. API

Las API definitivamente ayudan en la gestión de contenido. Pero si los servidores a los que está conectado su sitio web son lentos, para empezar, la respuesta del sitio será lenta.

gramo. descuido

El descuido puede ocurrir en su carpeta de medios, complementos, contenido de su blog o su base de datos.

H. Enlaces rotos

Uno o dos enlaces rotos no es terrible. Pero un sitio lleno de enlaces rotos puede afectar la experiencia del usuario y reducir la velocidad a medida que su servidor continúa funcionando en esa conexión rota.

i. Redirección

Una vez más, la redirección evita que los visitantes encuentren enlaces rotos/URL antiguas, pero tener demasiados es una carga de trabajo para el servidor.

Antes de empezar...

ii) Copia de seguridad, puesta en escena y prueba

La mejor estrategia para hacer una copia de seguridad del sitio web de WordPress es crear un nuevo subdominio (como testing.domain.com) y hacer todo el trabajo de optimización en él. La mayoría de los proveedores de servicios de alojamiento como WPEngine, Siteground, Kinsta y otras compañías populares brindan puesta en escena con un solo clic. Si su empresa de alojamiento no le proporciona la creación del sitio de prueba, puede usar los complementos de copia de seguridad gratuitos o premium para obtener la copia de seguridad. Cuando esté satisfecho con los resultados en su sitio provisional, puede incorporar sus cambios fundamentales en su sitio web en vivo. Ahora, su sitio está optimizado para la velocidad sin problemas.

Otra técnica que puedes adoptar es construir un tema hijo. El uso de un tema secundario garantiza que los cambios realizados en los archivos de su tema no se sobrescriban en su tema principal.

Finalmente, pruebe su velocidad actual con el uso de estos sitios de prueba de velocidad de WordPress.

• Velocidad de la página de Google
• GTmetrix
• Pingdom

Ahora, comencemos los pasos para la optimización del rendimiento de WordPress.

1. Elija un proveedor de alojamiento web de alto rendimiento

Empecemos por una empresa de hosting que tenga las siguientes características:

• Uno que se especializa en alojamiento de WordPress: entienden los problemas de rendimiento inherentes asociados con CMS
• Ofrece algunas opciones de alojamiento administrado
• Utiliza las últimas y más rápidas tecnologías.
• Incluye almacenamiento en caché y un CDN
• Y una gran atención al cliente no estaría de más

Pero, ¿cómo podemos elegir el mejor?

La forma más fácil de medir la calidad del alojamiento para verificar el TTFB. El tiempo hasta el primer byte indica el tiempo de respuesta del servidor, que básicamente representa qué tan rápido es el servidor. Puede usar ByteCheck para realizar pruebas TTFB gratuitas. WEngine, Kinsta, SiteGround, Bluehost, HostGator, etc., son algunos proveedores de alojamiento de sitios web en los que se puede confiar.

2. Usa el almacenamiento en caché

El almacenamiento en caché del sitio web es la técnica en la que se almacena una versión HTML estática de su página web y luego se reutiliza cuando los visitantes visitan un sitio web. De esa manera, el navegador ya tendría la información necesaria sobre el sitio, mejorando la velocidad de WordPress.

Especialmente para el sitio estático que no se actualiza con frecuencia, el uso del complemento de almacenamiento en caché sería de gran beneficio. WP Rocket, Cache Enabler, WP Super Cache, W3 Total Cache, etc., son las mejores del mercado.

Estos complementos reducen el tiempo de carga en su servidor y manejan otras tareas de optimización de velocidad como:

• El navegador y el almacenamiento en caché a nivel de página
• compresión de archivos gzip
• Combinar archivos CSS y JavaScript
• Minificación de CSS, HTML y JavaScript
• Integración CDN

Si su proveedor de alojamiento ya viene con un sistema de almacenamiento en caché, no será necesario agregar un complemento adicional.

3. Elija sabiamente sus complementos y temas

¿Es consciente de la tensión que un tema y un complemento pueden ejercer en su servidor? Es por eso que debe ser exigente con el uso de temas y complementos de WordPress.

una. Tema correcto de WordPress

Un tema mal codificado y sin actualizar agrega scripts inútiles a las páginas, lo que se traduce en una mala experiencia de carga de la página. Por lo tanto, configure su elección para los problemas de control de calidad antes de instalarlo en su sitio. Lamentablemente, la mayoría de los temas gratuitos de WordPress en el mercado se ven bien en diseño y están llenos de más funciones, pero ignoran el rendimiento.

Nuestro buen tema viene con un conjunto de funciones de rendimiento dedicadas y elimina la necesidad de complementos adicionales de terceros.

b. Use solo el complemento más necesario

Al elegir complementos de WordPress, tenga en cuenta los siguientes consejos:

• Saber si el complemento es necesario o si algunas funciones de WordPress / codificación simple están disponibles como complemento del complemento.
• Revise cada complemento junto con los problemas de rendimiento observados; nunca instale algo que tenga un historial cuestionable.
• Busque complementos con múltiples características y funcionalidades para que pueda usar solo uno en lugar de tantos
• Actualizar los temas y complementos es imprescindible para mantener su sitio seguro y rápido. Pero al mismo tiempo, algunas de las actualizaciones pueden hacer que los temas/complementos y WordPress sean incompatibles. Así que solo instale si la actualización es útil.

C. Repensar el uso de su complemento

Sí, el uso de demasiados complementos de WordPress de alguna manera ralentizará su sitio web. Pero la cantidad de complementos no es tan importante como la calidad de los complementos que utiliza. Lo que realmente importa es cómo se desarrolló ese complemento en particular: ¿se creó teniendo en cuenta el rendimiento? Es decir, es posible que también desee ver algunos de sus antiguos complementos y reemplazarlos por los nuevos y ligeros.

4. Use PHP 7 y superior

¿Alguna vez has oído hablar de las versiones de PHP? Debes tener. PHP es un lenguaje de secuencias de comandos del lado del servidor de código abierto. La mayoría de sus temas y complementos, junto con el software principal de WordPress, están escritos fundamentalmente en PHP.

Primero, asegúrese de que su host de WordPress esté usando al menos PHP 7 o superior. Según los datos, solo el 6,8% del total de sitios de WordPress usa PHP 7.3, pero otro 28,6% aún usa PHP 5.6 (lanzado en 2014).

¿Qué pasaría si alguien te diera un teléfono que se lanzó en 2014? Tendría una respuesta lenta y perezosa para volverte loco.

Así es precisamente como se sentirán sus visitantes con PHP 5.6.

5. Usa SSL/HTTPS

El certificado SSL no afecta directamente a la velocidad de WordPress, pero aún así es muy recomendable que obtenga uno. En primer lugar, y lo que es más importante, Google confirma que el uso adecuado de HTTPS/SSL le permite obtener mejores posiciones.

Además, dado que los sitios web con certificación SSL se presentan con un pequeño candado verde ubicado sobre la barra de direcciones, aumentan la confianza de los clientes.

La otra razón es la seguridad. Tener un certificado SSL en su sitio cifrará la transferencia de datos/información hacia y desde su sitio web, lo que hará que su sitio sea más seguro.

6. Optimización de imágenes

Tener imágenes en su sitio siempre es algo bueno. Pero el tipo incorrecto puede ser el mayor desastre para su sitio web. Una forma rápida de acelerar su sitio web es optimizar las imágenes.

¿Sabes cómo la optimización de imágenes puede hacer que tu sitio sea más rápido? Puede reducir el uso de ancho de banda de su sitio web, abrirse rápidamente para mantener a los usuarios interesados ​​y no dar a los motores de búsqueda de Google una razón más para odiar su sitio web.

Hay diferentes formas de optimizar una imagen. Aprenderemos todo sobre ellos aquí.

una. Elegir el formato de imagen adecuado

Los formatos de imagen más utilizados para esta década son JPG, PNG, SVG y GIF. El GIF es principalmente para las imágenes animadas y el JPG y PNG para la imagen fija. Entre estos dos, el formato JPG (o JPEG) es ideal para mostrar imágenes multicolores. El formato SVG se usa explícitamente para los logotipos. Los PNG solo se usan en los casos en que SVG es imposible y se debe preservar la transparencia de una imagen, por lo que un JPG también queda fuera de la opción.

Pero con tantas aplicaciones de edición en Internet, no debe confundirse sobre qué formato de imagen elegir. Una de esas herramientas es XnConvert. Simplemente puede arrastrar y soltar su imagen aquí y guardarla en el formato de tamaño más pequeño. También puede usar XnConvert para cambiar el tamaño, recortar, cambiar los formatos de imagen y mucho más en grupos de cien.

b. Usar compresión de imagen

Ahora ha guardado el archivo en formato JPG y PNG; es hora de comprimir el archivo.

¿Que es eso?

Cuando toma una imagen por primera vez, se considera que tiene una calidad del 100 %. Puede bajar la calidad de la imagen (comprimirla) a un tamaño más pequeño. Puede comprimir el archivo de imagen JPG al 85-90% sin ningún cambio.

Puede convertir las imágenes manualmente antes de cargarlas o simplemente usar un complemento. Hay muchos complementos conocidos para comprimir imágenes en WordPress. ShortPixel Image Optimizer, reSmush.it, el optimizador de imágenes EWWW y el compresor WP son algunos de los más beneficiosos.

Pero, la optimización incorrecta de la imagen también perjudica el rendimiento de su sitio. Algunas de las mejores técnicas de optimización de imágenes son la optimización de imágenes basada en servidor y la optimización de imágenes localmente antes de cargarlas.

Como alternativa, se puede usar el complemento LiteSpeed ​​que es básicamente un complemento de almacenamiento en caché que también permite la compresión de imágenes usando el complemento Google Pagespeed. Como LiteSpeed ​​comprime todas las imágenes en su servidor, el tiempo de respuesta de su servidor no afectará la operación. Pero necesitas comprimirlos en lotes.

C. Especificar las dimensiones de la imagen

La especificación de las dimensiones de la imagen está relacionada principalmente con la experiencia del usuario. Aprendamos cómo.

Cuando la página carga el texto primero, el tamaño de la imagen también se determina a medida que se configura el diseño de la página. Pero después de que las imágenes se descargan simultáneamente, el navegador encuentra diferentes dimensiones de imagen y ajusta automáticamente el diseño de la página. Básicamente, para cada carga de imagen posterior después de un tiempo, el navegador debe volver a crear el diseño de la página. Con tales cambios, el visitante no puede leer el texto cuando la página sigue cambiando.

Especificar las dimensiones de la imagen de antemano lo salva de esta molestia.

d. Sirve imágenes a escala

Esto debe hacerse si su tema no está optimizado para manejar imágenes. Idealmente, puede cambiar un tema que está usando por uno con optimización de imagen. O también puede usar complementos como Force Regenerate Thumbnails o Regenerate Thumbnails para crear sus miniaturas. Simplemente configure los tamaños correctos para las miniaturas antes de usar dichos complementos.

7. Optimización de Gravatar

El avatar global le permite a usted, así como a los comentaristas de su sitio web, obtener imágenes en su perfil. Sin duda, usar un Gravatar tiene enormes ventajas, pero la desventaja más significativa la trae el lento tiempo de carga. Para colmo, Gravatar también incorpora múltiples redireccionamientos para ralentizar aún más su sitio.

Puede evitar la hinchazón introducida por Gravatar de las siguientes maneras:

• Desactiva Gravatar en tus sitios web
• Eliminar comentarios excesivos y spam de las publicaciones
• Agregue reCAPTCHA en su formulario de comentarios
• Configure la configuración de WordPress para mostrar solo unos pocos comentarios a la vez
• Y, por último, use el complemento de almacenamiento en caché para Gravatar

8. Lazy loading para videos e imágenes

Lazy-Loading images es una opción de optimización efectiva y fácil para mejorar significativamente los tiempos de carga de su sitio web. Sin carga diferida, todos los archivos multimedia, como imágenes y videos, se cargan incluso antes de que se hayan desplazado a esa sección. Obviamente, esto hace que su sitio web sea más lento, especialmente cuando tiene muchas imágenes/videos en sus sitios web. La carga diferida carga imágenes y otros activos pesados ​​solo después de que el visitante se desplaza a la sección de una página web donde aparecen. Cuando se hace bien, Lazy Load puede aumentar considerablemente la velocidad del sitio web.

Aprendamos a usar Lazy Load

1. Primero, obtenga el complemento de carga diferida del directorio de WordPress e instálelo
2. Ve a los ajustes del plugin y configúralo

Recuerde que la carga diferida viene con una técnica compleja. Si no está configurado correctamente, puede estropear todo su sitio web.

9. Disqus de carga diferida

Tal vez sea hora de reemplazar el clásico sistema de comentarios de WordPress con un Disqus. Si bien su funcionalidad avanzada y altamente efectiva de prevención y moderación de spam merece muchos elogios, tiene un costo, es decir, tiempo de carga.

Cada vez que se carga un Disqus en su sitio, provoca diez solicitudes adicionales para ralentizar su sitio. Afortunadamente, hay un complemento como Disqus Conditional Load que hace que la carga diferida del propio Disqus. Esta carga condicional de Disqus carga el comentario solo cuando el visitante se desplaza hasta el final de la página.

10. Limite las revisiones de publicaciones

De forma predeterminada, WordPress está diseñado para guardar todas las revisiones de publicaciones, incluso cuando realiza el más mínimo cambio. Por lo tanto, para la publicación editada/actualizada con frecuencia, se realizan decenas de copias de la misma publicación para llenar su base de datos.

Para evitar esto, puede limitar el número de revisiones/actualizaciones guardadas en WordPress. Por lo general, 3 a 5 deberían ser suficientes. Puede hacerlo colocando un código simple en el archivo wp-config.php .

 definir ('WP_POST_REVISIONS', 3);

Puede modificar el número en el código para ajustar el número de revisiones que pueda necesitar.

Pero este código solo funcionará para la nueva publicación. Para eliminar las revisiones de publicaciones anteriores, puede usar complementos de limpieza de bases de datos como WP-Optimize y Advanced Database Cleaner. Después de usar los complementos, simplemente puede eliminar el complemento.

11. Limite las arañas y los rastreadores

Las arañas y los rastreadores web siempre están buscando el recurso en su sitio. Además de útiles arañas de motores de búsqueda, otros bots como spambots, scrapers, scrapers de correo electrónico rastrean con frecuencia su sitio web. No solo roban la información de su sitio, sino que el servidor necesita gastar recursos para atenderlos.

Por lo tanto, es aconsejable administrar las actividades de bots en su sitio web para verificar este rastreo inútil siguiendo las siguientes formas.

1. Puede usar el archivo .htaccess para bloquear los bots maliciosos conocidos.
2. Puede bloquear los bots de su sitio web cuando dichos bots se vean recientemente en el mercado.
3. Se puede usar el complemento de seguridad WordFence para acelerar los bots y bloquear las direcciones IP manualmente.

12. Uso de botones JavaScript gratuitos para compartir en redes sociales

Sí, necesitaremos los hermosos botones para compartir en redes sociales para animar a nuestros visitantes. Pero los botones para compartir en redes sociales, en su mayoría creados en JavaScript, son pesados. Realizan un seguimiento de los usuarios a través de la web y tardan mucho en cargarse.
Por lo tanto, ayudaría si usa botones para compartir en redes sociales sin JavaScript. Para eso, elimine los botones existentes y use un servicio como sharingbuttons.io.

13. Bono

Y si aún no estás satisfecho con el resultado, puedes seguir algunos trucos más. Estos trucos son principalmente para codificadores profesionales. Vamos a enumerarlos.

• Deshabilitar emojis e incrustaciones
• Eliminar cadenas de consulta
• Eliminar la etiqueta de enlace corto
• Eliminar enlaces API REST
• Deshabilitar Google Maps
• Deshabilitar las hojas de estilo/widgets de WooCommerce
• Evite Google Fonts/Server Fonts localmente
• Optimizar iconos impresionantes de fuentes
• Deshabilitar XML-RPC
• Ocultar versión de WordPress
• Eliminar etiqueta de enlace RSD
• Concatenar CSS y Javascript

iii) Problemas diferentes, soluciones diferentes

Haber conocido la utilidad de la optimización de la velocidad del sitio web y su técnica es un buen comienzo. Pero no es necesario que aplique todas estas técnicas a su sitio web. Lo que queremos decir es que, dado que no hay dos negocios iguales ni dos sitios iguales, el primer paso es comprender la naturaleza/tipo de sitio de WordPress que posee.

Por lo tanto, si tiene un sitio estático, no actualizará el contenido de su sitio regularmente; tal vez solo haces un par de veces al mes. El sitio estático incluye sitios web de negocios locales, blogs, fotografías, individuos, etc. Tener un sitio de este tipo indica menos bases de datos y, por lo tanto, no necesitará numerosos recursos para lograr un buen rendimiento.

Por otro lado, al tener un sitio web extremadamente vibrante, como comercio electrónico, foros en línea, etc., los datos del sitio de WordPress cambian con frecuencia (cada minuto o incluso cada segundo). En tal caso, existe la necesidad de agregar fuentes de servidor, así como consultas a la base de datos.

Y luego hay otros tipos de sitios web, de paso y de consumo. Si el sitio web es principalmente informativo, el visitante puede permanecer durante 5 o 10 minutos y ubicar cuándo debe irse. Por otro lado, los sitios web consumidores mantienen a sus visitantes durante horas, por ejemplo, un sitio web de un curso de capacitación en línea. Los visitantes simultáneos de tales sitios web vienen para las sesiones simultáneas.

¿Puedes ver a dónde va esto? Los visitantes simultáneos necesitan acumular la información de la sesión anterior rápidamente. Tener una gran cantidad de visitantes simultáneos del sitio junto con el problema del "contenido web que no se puede almacenar en caché" lo convierte en una pesadilla.

Básicamente, no puede tratar con todos sus sitios web de WordPress de la misma manera: se debe tomar una decisión bien informada.

Conclusión

Sin duda, hay más que una gran cantidad de tutoriales que cubren diferentes formas de optimizar la velocidad de WordPress. Pero puede ser confuso encontrar todo en un solo lugar. Espero que esto le haya sido útil, ya que hemos enumerado todas las técnicas que puede seguir para que su sitio se cargue rápidamente. Además, si desea obtener ayuda de un experto, puede encontrar a nuestro experto certificado de WordPress en Codeable o enviar un formulario de solicitud de personalización para comunicarse con nosotros.

¡¡Los mejores deseos!!