21 maneras de hacer que su sitio de WordPress se cargue en menos de 1 segundo



Durante años, tener un sitio web rápido fue uno de los factores clave de clasificación. Y las recientes actualizaciones de Google (julio de 2018) refuerzan la velocidad del sitio como una señal de calidad clave para las clasificaciones de escritorio y dispositivos móviles. Esto solidifica aún más la optimización de la velocidad como una parte importante del SEO.

Pero no se trata solo de las clasificaciones de Google, un sitio web lento también puede afectar la experiencia del usuario.

Unos segundos adicionales de tiempo de carga pueden tener un gran impacto en sus visitantes y ventas. Los estudios muestran que un retraso de 1-5 segundos aumenta las tasas de rebote hasta en un 90%. Además, Amazon descubrió que un segundo adicional podría costarles hasta 1.600 millones de dólares al año.

Por lo tanto, el tiempo de carga puede afectar su conversión y sus ingresos.

Tenga especial cuidado con la velocidad de su sitio si desea que su negocio en línea prospere. No se arriesgue a perder sus visitantes e ingresos solo porque su sitio es lento.

Siga leyendo y descubra cómo hacer que su sitio se cargue en menos de un segundo.

Cómo medir la velocidad del sitio

La velocidad del sitio se refiere a qué tan rápido se carga su sitio, en otros términos, qué tan rápido los usuarios pueden ver e interactuar con su contenido.

La velocidad de carga promedio en todas las industrias es de 8.66 segundos. Sin embargo, las personas esperan que un sitio se cargue en menos de 2 segundos, y la mayoría lo abandonará si son 3 segundos o más.

Compare su velocidad de carga con otros en su industria, para ver cómo se compara. Esto significa que primero debe medir su velocidad, luego identificar a los culpables que lo detienen.

Use este artículo como guía sobre cómo optimizar su sitio para brindar a sus visitantes un tiempo de carga de una fracción de segundo y una experiencia de usuario agradable.

Aproveche las siguientes herramientas gratuitas para probar la velocidad de su sitio y obtener recomendaciones sobre lo que necesita optimizar.

Google Page Speed ​​Insights

El mejor lugar para comenzar es usar los propios Page Speed ​​Insights de Google. Es una herramienta gratuita que le permite analizar la velocidad y diagnosticar algunos problemas que podrían estar ralentizándolo.

Google Page Speed ​​Insights

Conecte la URL de su sitio y vea el rendimiento de su página en dispositivos móviles y de escritorio.

Informe de Google Page Speed ​​Insights

También recibirá sugerencias sobre cómo puede manejar los problemas que obstaculizan la velocidad de su sitio.

Sugerencias de optimización de Google Page Speed ​​Insights

Asegúrese de abordar todos estos problemas. Haga clic en cada uno para ver detalles sobre cómo solucionar el problema.

Detalles de sugerencias de optimización

Pero no confíe únicamente en esta herramienta, funciona analizando el Informe de experiencia de usuario de Google Chrome que puede no tener suficientes datos. En su lugar, considere usar una combinación de las siguientes herramientas también, para obtener una visión mucho más profunda de su rendimiento de velocidad.

Pingdom

Pingdom es la siguiente herramienta que recomiendo usar. No solo puede analizar el rendimiento de su sitio, sino también monitorearlo con el tiempo y obtener información e informes detallados.

Pingdom

Vea los tamaños de archivo, la cantidad de solicitudes, los tiempos de carga, etc., para ayudarlo a comprender qué está ralentizando su sitio y qué necesita optimizar.

La herramienta de monitoreo es excelente si a menudo realiza cambios en la estructura y el contenido de su sitio para que pueda realizar un seguimiento de cómo afectan sus tiempos de carga.

Lamentablemente, esta es una herramienta de pago. Pero puede ejecutar un análisis individual de forma gratuita y obtener información similar a la que obtendría en la versión premium. Inserte la URL de su sitio y establezca la ubicación desde la que desea realizar la prueba (debe ser de donde proviene la mayor parte de sus visitantes).

Informe de prueba de velocidad del sitio web de Pingdom

Se dice que Pingdom es una de las herramientas más precisas para la velocidad del sitio, así que definitivamente pruébalo.

GTmetrix

GTmetrix es otra herramienta gratuita con las recomendaciones más sólidas sobre cómo mejorar su velocidad. Inserte la URL de su sitio en la herramienta y analice para obtener un informe detallado sobre su rendimiento.

Informe de rendimiento de velocidad GTmetrix

Obtendrá un puntaje de velocidad de página, así como el puntaje YSlow. YSlow es una herramienta creada por Yahoo! que analiza las páginas web y por qué son lentas según sus reglas para sitios web de alto rendimiento. También puede usar YSlow como una extensión del navegador Chrome.

Además de los puntajes de rendimiento, obtendrá detalles que incluyen el tiempo que lleva cargar completamente su página, el tamaño total de la página y la cantidad de solicitudes.

Al desplazarse hacia abajo, encontrará recomendaciones muy detalladas sobre lo que debe hacer para mejorar su velocidad de carga.

Recomendaciones de optimización de velocidad GTmetrix

Haga clic en las flechas para expandir cada recomendación para obtener más detalles sobre lo que debe hacerse.

Haga clic para expandir cada recomendación de velocidad en GTmetrix

También puede consultar el gráfico de cascada, que es una visualización del proceso de carga de su página.

Gráfico de cascada GTmetrix

También viene como un complemento de WordPress para que pueda ejecutar su análisis directamente desde su panel de control de WP.

Prueba de velocidad móvil de Google

Los dispositivos móviles se han convertido en una parte importante de la navegación y las compras en Internet, con más de la mitad del tráfico proveniente de dispositivos móviles.

Sin embargo, según Google:

“El tiempo promedio que se tarda en cargar completamente la página de destino móvil promedio es de 22 segundos. Sin embargo, la investigación también indica que el 53% de las personas abandonarán una página móvil si tarda más de 3 segundos en cargarse ".

22 segundos es el tiempo promedio que se tarda en cargar completamente una página móvil

Por eso también es crucial probar la velocidad de tu dispositivo móvil. Puede hacerlo con otra de las herramientas de Google: la herramienta Probar mi sitio.

Prueba de velocidad móvil de Google

Ejecute la URL de su sitio a través de la herramienta y vea cuánto tiempo tarda su sitio en cargar en la conexión 3G, así como una estimación de la pérdida de visitantes debido a la baja velocidad.

Resultado de la prueba de velocidad móvil de Google

Además, puede ver cómo se compara con otros sitios en su industria.

Comparación de velocidad de la industria en la prueba de velocidad móvil de Google

Y, por último, puede consultar las soluciones recomendadas para ayudarlo a acelerar su sitio para dispositivos móviles.

Prueba de velocidad móvil de Google correcciones recomendadas

Es una herramienta bastante ordenada para dar a conocer la velocidad de carga de su dispositivo móvil, pero tome los resultados con una pizca de sal. Puede que no sea la herramienta más precisa, e incluso Google admite que solo debe usarse como guía.

Descargo de responsabilidad de prueba de velocidad móvil de Google

Use Google Analytics para encontrar páginas de carga lenta

En última instancia, puede usar Google Analytics para verificar los tiempos de carga y las recomendaciones para sus páginas más vistas y de carga más lenta.

Use nuestra guía para instalar y configurar GA para su sitio web de WordPress.

Para verificar los tiempos de carga de su página en Google Analytics, vaya a Informes de comportamiento y navegue hasta Velocidad del sitio> Sugerencias de velocidad.

Sugerencias de velocidad de Google Analytics

Este es un método útil para descubrir las páginas más lentas de su sitio. Sin embargo, en términos de recomendaciones, obtendrá exactamente las mismas sugerencias que en la herramienta Google Page Speed ​​Insights.

Cómo hacer que su sitio se cargue en menos de 1 segundo

Anteriormente en el artículo, hablamos sobre las advertencias de los sitios web lentos. Ahora considere los beneficios de aumentar su velocidad.

Walmart descubrió que por cada 1 segundo de mejora en la velocidad de su sitio, vieron un aumento del 2% en sus tasas de conversión.

Firefox redujo el tiempo de carga promedio en 2.2 segundos y obtuvo un aumento en las descargas en un 15.4%.

Gráfico que muestra cómo la reducción del tiempo de carga de Firefox resultó en un aumento del 15,4% en las conversiones

No solo un sitio lento perjudicará sus objetivos comerciales, sino que también mejorar su velocidad aumentará significativamente sus conversiones y ventas.

Es fundamental hacer que su sitio sea lo más rápido posible, así que use las siguientes 21 tácticas para aumentar el tiempo de carga de su sitio.

1. Evita el alojamiento compartido

El alojamiento compartido proporcionado por servicios como Bluehost, GoDaddy, Hostgator y otros es menos que óptimo si desea tener un sitio rápido. Obtendrá un alojamiento bastante barato (a partir de $ 3 / mes), pero estos proveedores tienen que reducir los costos de alguna manera. Por lo general, hacen esto al agrupar múltiples sitios en un servidor que luego tiene que competir por los recursos del servidor.

Este problema generalmente se manifiesta en un alto "tiempo hasta el primer byte" (también conocido como TTFB). TTFB es el tiempo que un navegador tiene que esperar hasta que pueda descargar el primer byte del servidor. Google recomienda encarecidamente mantener su TTFB por debajo de 200 ms.

Si su TTFB es superior a 200 ms, así es como puede saber si su servidor se ralentizará y deberá cambiar a un servidor dedicado o un VPS (servidor privado virtual).

¿Cómo medir tu TTFB? Puede volver a usar GTmetrix y cambiar a la pestaña de tiempos.

TTFB en un servidor dedicado

TTFB en un servidor compartido

La única forma de arreglar un TTFB alto sería cambiar a un servidor dedicado o administrado.

Sin embargo, no me malinterpretes. El alojamiento compartido es ideal para los aficionados que desean tener un sitio web pero no desean invertir más de un par de dólares.

Sin embargo, los propietarios de sitios de negocios deben obtener un VPS o un hosting dedicado debido a la velocidad (entre otras cosas).

2. Reduce las solicitudes HTTP

Cada vez que alguien visita su sitio web, su navegador solicita archivos que componen su página, desde su servidor. Esto se llama una solicitud HTTP. Los archivos pueden incluir archivos HTML, CSS y JavaScript, imágenes, iconos y otros.

Los navegadores hacen una solicitud por separado para cada archivo necesario para representar su página. Si su sitio consta de muchas imágenes, animaciones y contenido dinámico, habrá múltiples solicitudes HTTP que pueden tardar mucho tiempo en ejecutarse y descargarse.

Es por eso que necesita eliminar todos los archivos que su sitio no necesita para reducir la cantidad de solicitudes HTTP.

El gráfico de cascada de GTmetrix le mostrará todas las diferentes solicitudes que se realizan para su página.

Gráfico de cascada GTmetrix

Puede desglosar cada solicitud, su tamaño y el tiempo que tarda en cargarse.

Por lo tanto, menos archivos significan menos solicitudes, lo que a su vez significa tiempos de carga más rápidos.

Para reducir la cantidad de solicitudes HTTP, puede:

    • Elimine y optimice las imágenes: las imágenes son el culpable obvio, pueden mejorar su contenido, pero tener demasiadas de ellas puede afectar su velocidad. Tardan más en cargarse, así que tómate tu tiempo y piensa qué imágenes aportan valor a tu sitio y cuáles no. Decide cuáles conservar y cuáles desechar. Luego, simplemente elimine los que no contribuyen y optimice el resto (de lo que hablaremos más adelante)
    • Minifique y combine archivos HTML, CSS y JavaScript: otro tipo de archivo que su sitio necesita cargar son HTML, CSS y JavaScript. Aunque no debe eliminarlos, aún puede combinarlos y minimizarlos. Esto no solo reducirá su número, sino que también reducirá su tamaño, aumentando la velocidad de su página. "Minificación" significa eliminar cualquier carácter, como comentarios, formato, espacios en blanco y nuevas líneas de archivos HTML, CSS y JavaScript que no sean necesarios para que el código se ejecute. Puede hacerlo con WP Rocket o complementos gratuitos como Fast Velocity Minify o Autoptimize. Combinar significa tomar archivos del mismo tipo y fusionarlos en uno. Por ejemplo, 3 archivos CSS y 4 archivos HTML se pueden combinar en dos, lo que da como resultado solo 2 solicitudes HTTP en lugar de 7. Puede combinar archivos usando WP Rocket.

Minifica y combina archivos en WordPress

  • Arregle los archivos JavaScript y CSS que bloquean el procesamiento: los navegadores cargan su página de arriba hacia abajo. Si tiene JS y CSS que bloquean el renderizado, el navegador dejará de cargar todo lo demás en su sitio hasta que haya cargado completamente ese archivo CSS o JavaScript. Puede verificar esto en Google Page Speed ​​Insights.

Sugerencia de Google Page Speed ​​Insights para eliminar JavaScrip y CSS que bloquean el renderizado

Puede solucionar este problema utilizando complementos como W3 Total Cache, WP Rocket o Autoptimize.

Eliminar JS y CSS que bloquean el renderizado en WordPress

Reducir sus solicitudes HTTP es una de sus principales prioridades cuando se trata de aumentar el rendimiento de velocidad de su sitio.

Sin embargo, tenga en cuenta que jugar con JavaScript y CSS puede romper su sitio, especialmente su tema, si no se hace correctamente. Entonces, si no está 100% seguro de hacerlo usted mismo, obtenga ayuda de un desarrollador web.

3. Utilice el almacenamiento en caché del navegador

Ha visto cómo reducir la cantidad de solicitudes y descargas HTTP puede afectar su velocidad. ¿Pero sería posible evitar esas descargas por completo?

¡Si!

Al utilizar el almacenamiento en caché del navegador, puede evadir la descarga de archivos … al menos algunos de ellos.

El almacenamiento en caché del navegador significa que cuando los usuarios visitan su sitio por primera vez, los elementos estáticos de su sitio web se almacenarán en su disco duro, en la memoria caché (almacenamiento temporal).

Entonces, la próxima vez que el usuario visite su sitio, su navegador cargará la página sin tener que enviar solicitudes HTTP para esos archivos.

Para los usuarios de WordPress, utilizar el almacenamiento en caché del navegador es bastante simple. Puede instalar y activar W3 Super Cache y habilitar el almacenamiento en caché.

Primero, debe habilitar el almacenamiento en caché de la página yendo a la configuración y marcando la casilla de almacenamiento en caché de la página.

Habilitar el almacenamiento en caché de páginas en WordPress

Esto reducirá el tiempo de respuesta de su sitio y le dará un impulso de velocidad en sí mismo.

Luego, habilite el almacenamiento en caché del navegador (del que acabamos de hablar) para permitir que los archivos se almacenen en los navegadores del usuario. Como resultado, los usuarios que regresan tendrán su página cargada mucho más rápido.

Habilitar el almacenamiento en caché del navegador en WordPress

También debe habilitar el almacenamiento en caché de objetos para acelerar los elementos dinámicos de su sitio. Esto mejorará significativamente su rendimiento de velocidad si tiene un sitio dinámico (que son la mayoría de los sitios web de WordPress).

Habilitar el almacenamiento en caché de objetos en WordPress

Sin embargo, solo debe usar esto si está en un VPS o servidor dedicado.

El almacenamiento en caché de objetos es un proceso que requiere muchos recursos y, si está utilizando un servidor compartido, puede ralentizar su sitio.

En el caso del alojamiento compartido, debe mantener esta casilla sin marcar.

4. Reduzca los tiempos de respuesta del servidor: corrija la búsqueda de DNS

DNS (sistema de nombres de dominio) es un servidor que contiene direcciones IP y sus nombres de host asociados. Cada vez que un usuario intenta acceder a una URL, el servidor DNS la traducirá a una dirección IP que indica la ubicación del sitio en línea.

Una búsqueda de DNS, en ese caso, es cuando el servidor DNS busca la dirección IP correcta en sus registros.

Visualización de búsqueda de DNS

Puede verificar el tiempo que lleva una búsqueda de DNS en la tabla de cascada GTmetrix.

Verifique la búsqueda de DNS en el gráfico de cascada GTmetrix

Esto debería ser lo más corto posible. Su tiempo de búsqueda de DNS es parte de su TTFB y debe ser inferior a 200 ms.

¿Qué hacer si su servidor DNS es demasiado lento?

Bueno, puedes cambiar a un proveedor de DNS más rápido. Puede consultar una lista de los servidores DNS más rápidos compilados por DNSPerf.

Gráfico que muestra los mejores proveedores de DNS

Se actualiza cada mes para que siempre tenga gráficos actualizados de los mejores proveedores de DNS disponibles. Uno de los más confiables y el que recomendaría es Cloudflare. Está impulsando más del 39% de los dominios DNS administrados, lo que la convierte en la red más grande del mundo.

Cloudflare ofrece almacenamiento en caché de DNS, lo que significa que las búsquedas no tendrán que hacerse para cada carga de página. En lugar de contactar al servidor, la información de IP se servirá desde el caché DNS hasta que caduque. Puede reducir la cantidad de búsquedas de DNS y permitir tiempos de carga más rápidos.

Puede establecer el tiempo de vencimiento, también conocido como TTL (tiempo de vida) de acuerdo con la frecuencia con la que realiza cambios en su sitio. TTL más largos significa búsquedas DNS menos frecuentes.

Establezca su TTL deseado en Cloudflare

También puede aprovechar la captación previa de DNS. Esto significa que su navegador realizará búsquedas de DNS en segundo plano, haciendo que el proceso sea más rápido. Puede hacer esto usando sugerencias de recursos de WordPress para agregar URL y dominios personalizados para DNS-prefetch, preconnect, prefetch o prerender.

5. Habilitar CDN

Otra forma de aumentar su velocidad es mediante el uso de una red CDN o Content Delivery Network.

Cada vez que un usuario visita su sitio, su navegador envía una solicitud a su servidor de alojamiento. Cuando tiene períodos de alto tráfico (que son excelentes para su negocio), se enviará una gran cantidad de solicitudes a su servidor que pueden congestionarse y causar retrasos y tiempos de carga lentos.

Puede eludir esto utilizando un CDN para mitigar el cuello de botella causado por la elevación de su sitio en un solo servidor.

Un CDN alojará su sitio en una vasta red de servidores distribuidos a nivel mundial. Cuando un usuario visita su sitio, la solicitud se enrutará al servidor más cercano que luego buscará y cargará su sitio mucho más rápido.

Los usuarios de diferentes ubicaciones en todo el mundo podrán acceder a su sitio mucho más rápido, debido a la menor latencia y retraso.

Si su proveedor de alojamiento no ofrece CDN, las soluciones más populares son Cloudflare y StackPath.

Para habilitar CDN de terceros en WordPress, puede usar complementos como CDN Enabler. Puede vincular fácilmente su contenido a la URL de CDN, y se copiará automáticamente a su proveedor de CDN.

Habilitar CDN en WordPress

También puede usar complementos como WP Rocket, WP Super Cache o W3 Total Cache para habilitar su CDN.

StableWP proporciona (tipo de CDN) CDN como parte de nuestro paquete (nombre). Puede aprender cómo configurar su CDN con nuestra guía detallada.

6. Minimiza los redireccionamientos

Los redireccionamientos son una ocurrencia normal en cualquier sitio web. A menudo son una forma necesaria de lidiar con enlaces rotos.

Cuando cambia o elimina páginas, es posible que deba crear redireccionamientos para ayudar a los usuarios (y rastreadores) a navegar a la URL correcta. Si tiene instalado el complemento Yoast SEO (que debería), puede crear fácilmente redirecciones para todos los enlaces rotos en su sitio.

Redirecciones en WordPress

También puede usar otros complementos gratuitos como Redirection y Simple 301 Redirects.

Pero tener demasiados redireccionamientos puede causar solicitudes HTTP adicionales que, como ya mencioné, pueden afectar la velocidad de su sitio. En nuestro ejemplo, GTmetrix enumera demasiados redireccionamientos como un problema principal que afecta nuestros tiempos de carga.

Minimice las sugerencias de redireccionamiento en GTmetrix

Google (y yo) sugiere eliminar las redirecciones por completo, o al menos minimizar su número.

Aunque eliminar las redirecciones no siempre es posible, especialmente para los sitios que reestructuran y cambian su contenido, hay algunas cosas que puede hacer para minimizar su número.

  1. No cree redireccionamientos innecesarios. Los redireccionamientos existen por alguna razón, son una buena herramienta para lidiar con enlaces rotos o contenido desactualizado. Sin embargo, aumentan los tiempos de carga, así que úselos solo cuando tenga sentido. Debe usar redireccionamientos en las siguientes situaciones:
    • Cuando actualiza su contenido, puede redirigir contenido obsoleto a su versión nueva y actualizada
    • Cuando revisa su estructura de enlaces permanentes, en este caso, debe redirigir sus antiguos enlaces internos a URL actualizadas
    • Cuando se encuentre en medio de una actualización de una página existente en su sitio, puede redirigir a una página temporal hasta que actualice.
  2. Nunca requiera más de una redirección a ninguno de sus recursos. Nunca enlace a páginas que sepa que tienen redireccionamientos. De lo contrario, creará algo conocido como cadenas de redireccionamiento. "Una cadena de redireccionamiento es una serie de redireccionamientos que van de una URL a otra, lo que obliga a las personas y los motores de búsqueda a esperar hasta que no haya más redireccionamientos".
  3. Eliminar redirecciones siempre que sea posible. Verifique las recomendaciones en GTmatrix para ver qué redireccionamientos deben tratarse. También puede buscar cualquier redireccionamiento heredado en su archivo .htaccess. Asegúrese de comprender por qué existen estos redireccionamientos y cómo afectarían a sus otros enlaces y redireccionamientos. Luego elimine o actualice los que no sean necesarios. Puede hacerlo manualmente o en masa utilizando un complemento llamado Mejor búsqueda y reemplazo.
    Mejor búsqueda reemplazar el complemento en el panel de WordPress
    Si tiene un sitio seguro, puede usar HSTS para eliminar la redirección SSL.
  4. Limpiar las cadenas de redireccionamiento. Para eliminar las cadenas de redireccionamiento, debe editar su archivo .htaccess y apuntar todas sus páginas redirigidas directamente a la versión más reciente de esa página.
  5. No tenga más de una redirección para su dominio de nivel superior. Puede verificar cuántas redirecciones ha utilizado la herramienta gratuita Redirect Mapper. Luego puede modificar sus reglas de redireccionamiento utilizando el complemento Redirección.

7. Habilitar la compresión Gzip

La compresión de sus archivos de recursos web puede reducir significativamente su tamaño y permitir velocidades de carga más rápidas.

El estándar de la industria está utilizando la compresión Gzip para reducir cadenas de código similar en sus archivos para reducir su tamaño. Los servidores web modernos comprimen los archivos al formato Gzip antes de enviarlos a los navegadores, que en la recepción descomprimen estos archivos y los usan para representar su sitio. Esto puede reducir el tamaño de su respuesta en aproximadamente un 70%.

Puede verificar si tiene Gzip habilitado utilizando la herramienta Verificar compresión Gzip.

Chequeo de compresión GZIP

Si no lo tiene habilitado en su servidor de alojamiento, debe ocuparse de esto lo antes posible, ya que esto puede ahorrar unos preciosos segundos de su tiempo de carga.

Puede habilitar la compresión gzip con W3 Total Cache y WP Rocket.

Si sigue recibiendo la recomendación de comprimir un determinado archivo en GTmatrix, deberá habilitar la compresión dentro de su .htaccess si su servidor se está ejecutando en Apache o en el archivo nginx.conf si está utilizando el sistema NGINX.

Habilitar la sugerencia de compresión GZIP en GTmetrix

Tenga en cuenta que la compresión Gzip se usa principalmente para archivos HTML, CSS y JavaScript y no es necesaria para imágenes, música y videos, ya que ya están comprimidos.

8. Optimizar imágenes y galerías

Sus imágenes suelen ser los archivos más grandes en su sitio web, por lo que pueden significar la diferencia entre sitios web lentos y rápidos. Debe cuidarlos especialmente y asegurarse de optimizarlos de una manera que conserve su calidad y al mismo tiempo permita una carga más rápida.

Para ilustrar cuánto impacto pueden tener las imágenes en su velocidad, solo mire este ejemplo. Más del 40% del contenido y más del 56% del tamaño se compone de imágenes.

Informe de tamaño de contenido en GTmetrix

Las imágenes son una parte necesaria de su contenido, pero también pueden ser una gran carga para sus tiempos de carga. Sin embargo, no debe eliminarlos, sino optimizarlos.

Asegúrese de verificar en su sitio web las imágenes de alta resolución que deban optimizarse.

En GTmetrix puede obtener tres tipos de recomendaciones relacionadas con las imágenes:

  1. Servir imágenes escaladas
  2. Especificar dimensiones de imagen
  3. Optimizar imágenes

Sugerencias de optimización de contenido en GTmetrix

Para servir imágenes a escala, expanda la recomendación y compruebe qué imágenes deben escalarse y cuál es el tamaño recomendado.

Tamaño de imagen recomendado para escalar imágenes

WordPress está escalando la imagen automáticamente al tamaño apropiado establecido por los parámetros de altura y ancho del contenido. Aún así, la imagen se carga a tamaño completo y luego se ajusta, utilizando recursos preciosos y ralentizando su sitio.

Entonces, antes de cargar sus imágenes, cambie su tamaño al tamaño correspondiente en un editor de imágenes como Paint, Photoshop o una aplicación de código abierto como RIOT. Establezca la altura y el ancho en el editor al tamaño recomendado y luego cárguelo en su sitio de WordPress.

Escalar imágenes en Windows Paint

A continuación, debe especificar las dimensiones de imagen recomendadas por el informe GTmetrix.

Dimensiones de imagen sugeridas en GTmetrix

Verifique las dimensiones correctas, luego ubique la imagen y configure la altura y el ancho correctos.

Por último, debe comprimir sus imágenes para guardar el tamaño del archivo y el tiempo de carga. Esta es la optimización de imagen sugerida por GTmetrix.

Sugerencias de optimización de imagen en GTmetrix

Puede reducir sin pérdidas el tamaño de sus imágenes con un complemento gratuito como WP Smush Image Compression and Optimization. Plugin WP Smush en el panel de WordPress

Puede configurarlo para comprimir automáticamente sus imágenes al cargar y configurar el tamaño deseado para que se optimice. Además, elimine los metadatos de la imagen para reducir aún más el tamaño del archivo. Y finalmente, cambie el tamaño de las imágenes si exceden la altura y el ancho establecidos.

Configuración de optimización de imagen Smush

También debe considerar el formato de imagen que está utilizando.

Los archivos PNG son más grandes, tienen más detalles y son excelentes para imágenes simples sin demasiados colores.

Las imágenes JPEG son significativamente más pequeñas pero pierden un poco de calidad en comparación con PNG, y son excelentes para imágenes complejas con muchos colores, ya que este formato puede ahorrarle mucho tiempo de carga.

Si desea agregar varias imágenes a una publicación en forma de galería, use complementos de galería ligeros y rápidos como Envira o FooGallery.

9. Evita los complementos de CPU

Ciertos complementos pueden ser una verdadera pérdida de recursos de su CPU, ralentizando su sitio y perjudicando su experiencia de usuario.

Algunos de estos complementos pueden ejecutarse en segundo plano y rastrear su tráfico, como WordFence, mientras que otros pueden ejecutar análisis, recopilar estadísticas como Monster Insights o complementos que tienen una amplia funcionalidad como Jetpack o Yoast SEO. De cualquier manera, pueden ser una verdadera fuente de recursos y pueden ralentizar su sitio.

Puede detectar estos complementos utilizando el gráfico de cascada GTmetrix. Pase el mouse sobre cada solicitud para verificar qué es. Si encuentra que pertenece a un complemento y tiene tiempos de carga altos o si se repite varias veces en el gráfico, estos son un sello distintivo de un complemento pesado de CPU.

Complementos pesados ​​de la CPU en el informe de cascada GTmetrix

En este ejemplo, el complemento lightbox de video aparece dos veces en el gráfico con un total de 559 ms.

También puede usar Plugin Performance Profiler o P3 para verificar si hay complementos intensivos de CPU. Esta herramienta fue desarrollada por GoDaddy, pero por alguna razón sus desarrolladores la abandonaron. No se preocupe, este complemento aún funciona bien incluso en nuevas versiones de WP.

Plugin Performance Profiler plugin para WordPress

Considere si este es un complemento esencial para su sitio o si puede eliminarlo sin afectar su experiencia de usuario. Además, investigue si hay un sustituto de complemento más eficiente que pueda hacer bien el trabajo sin ralentizar su sitio.

Si es un complemento repleto de funciones, considere deshabilitar la funcionalidad que no está utilizando.

Deshabilite las funciones no utilizadas en el complemento Yoast SEO

También puede usar el complemento WP Disable para deshabilitar emojis, Gravatars, incrustaciones y otros elementos con muchos recursos que no son necesarios y pueden afectar la velocidad de su página.

10. Desactiva los complementos no utilizados

Si bien estamos en el tema de los complementos, la regla general es: ¡menos es más!

Como se mencionó, los complementos pueden ser una verdadera pérdida de recursos, por lo que debe mantener su colección de complementos ajustada. Solo instala complementos que realmente planeas usar.

Para esos complementos que no estás utilizando, no los desactives, desinstálalos por completo. Siempre puede instalarlos si alguna vez decide usarlos nuevamente.

Además, considere eliminar complementos mal construidos u obsoletos y reemplazarlos con complementos mejor optimizados y actualizados.

No olvides cuidar los complementos que tienen la misma funcionalidad. No necesita dos complementos de almacenamiento en caché o dos complementos diferentes para compartir en redes sociales. Pueden disminuir su velocidad sin una buena razón, así que elija la que funcione mejor y elimine todas las demás.

Muchos expertos de WordPress también recomiendan usar menos complementos para obtener los mejores resultados.

Por último, pero no menos importante, use complementos simples que realicen una sola tarea en lugar de complementos integrales todo en uno que lo hagan todo. Si no están lo suficientemente optimizados, tendrán dificultades para realizar todas las tareas complejas por sí mismos.

La excepción son las herramientas acreditadas como Yoast SEO, WP Rocket y otras.

11. Considere usar AMP

Si tiene bajas velocidades de carga en dispositivos móviles, puede considerar usar AMP.

AMP significa páginas móviles aceleradas y es un proyecto propio de Google destinado a aumentar los tiempos de carga de sitios web en dispositivos móviles.

Los sitios web que hacen uso de AMP tienen tiempos de carga casi instantáneos, lo que conduce a una mayor participación y clasificaciones más altas.

La forma en que funciona es quitando la mayoría de los elementos de su sitio y dejando solo lo esencial. Esta versión rayada puede cargarse muchas veces más rápido que su sitio móvil normal.

Básicamente, todo lo que le queda es texto y algunas imágenes, que no pueden parecerse al diseño original de su sitio. Definitivamente debería leer esta publicación de MOZ antes de decidir si AMP es adecuado para usted.

AMP es perfecto para bloggers o sitios web que dependen en gran medida del contenido textual.

Puede habilitar AMP utilizando el complemento propio de Automattic (creadores de WordPress). Si desea conservar parte de su diseño, puede combinarlo con el complemento Glue for Yoast SEO & AMP.

Complemento AMP Yoast SEO

Juega con él y comprueba si lo que obtienes se ajusta a tus objetivos. Si no, siempre puede volver a su versión móvil normal de su sitio.

12. Evite tener anuncios en su sitio

El uso de anuncios de Google AdSense u otras redes publicitarias también puede ralentizar su sitio.

Los anuncios requieren múltiples solicitudes de recursos de servidores externos para poder mostrarse. En algunos casos, incluso cientos de ellos como se describe en este artículo por Search Engine Land. Y ya hablamos sobre lo importante que es reducir la cantidad de solicitudes.

Tener anuncios arrastrará su tiempo de carga, los usuarios tendrán una mala experiencia, a Google no le agradará aumentar las tasas de rebote y las señales de baja velocidad de su sitio, por lo que terminará en una espiral descendente.

Y cuál es el punto, más del 40% de los usuarios de computadoras portátiles y el 15% de los usuarios de dispositivos móviles usan bloqueadores de anuncios.

Uso de AdBlockers por dispositivo

Si desea obtener ingresos adicionales con su sitio, le sugiero que use enlaces de afiliados: no usan recursos adicionales, no se pueden bloquear y son mucho más personalizados, lo que genera mayores conversiones y más dinero. para ti.

13. Use botones rápidos para compartir en redes sociales

Los botones para compartir en redes sociales son excelentes para promocionar su contenido y ofertas. Facilitan que los visitantes compartan una publicación que les gusta en las redes sociales, para obtener ese codiciado efecto viral.

Sin embargo, la mayoría de ellos están estilizados y usan demasiados elementos que también pueden ser una carga para sus recursos y una causa de páginas lentas.

Definitivamente debería considerar reemplazarlos con algo simple y liviano como Sassy Social Share.

Tiene excelentes críticas, se actualiza con frecuencia y es completamente gratis. Los botones Sassy Social Sharing son livianos, receptivos y personalizables, por lo que obtienes prácticamente toda la funcionalidad en un paquete mucho más pequeño.

Complemento rápido de botones para compartir en redes sociales para WordPress

14. Usa un tema ligero

Al crear un sitio web de WordPress, desea que funcione bien y se vea bonito. Sin embargo, muchas veces las personas sacrifican una por la otra.

Muchos temas sofisticados son lentos porque están mal codificados y optimizados, y tienen un montón de características innecesarias integradas.

Si su sitio es lento incluso desde el principio, cuando no tenía todos esos complementos y contenido, puede haber una de dos razones para esto:

  1. O su servidor es lento o
  2. Tu tema es el cuello de botella

Rediseñar su sitio es algo que a nadie le gusta, pero tiene que hacerlo en este caso, de lo contrario, todo su negocio sufrirá.

Al elegir un tema, asegúrese de que sea:

  1. Ligero y rápido
  2. Responsive y listo para dispositivos móviles
  3. SEO amigable
  4. Personalizable
  5. Usa HTML5
  6. Seguro y
  7. Fiable (lo que significa que los desarrolladores continuarán actualizándolo y admitiéndolo)

Puede encontrar una lista bastante completa de más de 20 temas de WP más rápidos en CodeInWP.

15. Optimice la carga por encima del pliegue (carga diferida)

Cuando los usuarios llegan a su página, generalmente tienen que esperar a que se descargue toda la página antes de ver algo. Esto puede plantear un problema si sus páginas tienen mucho contenido debajo de la tapa, como imágenes o videos.

Lo que hace la carga diferida es priorizar el contenido en la mitad superior de la página, ya que es lo primero que ven los usuarios cuando llegan a su página. Cuando los visitantes se desplazan hacia abajo, el contenido se cargará a medida que aparezca.

De esta manera, no tendrán que esperar a que se cargue toda la página, lo que aumentará significativamente la velocidad de carga.

You can easily enable lazy loading in WordPress with plugins such as a3 Lazy Load and Lazy Load by WP Rocket.

Enable lazy loading in WordPress

With a3 Lazy Load you can enable lazy loading for images, videos, iframes and HTML5 videos.

You can also follow this tutorial on how to have a light YouTube embed which downloads a video only once the user clicks on the play button.

16. Keep WordPress and your plugins up to date

Something that sounds obvious but doesn’t get the attention it deserves is keeping everything up to date, WordPress, your theme and your plugins.

Newer versions come with patches that can fix stability, security as well as speed. Sometimes bugs or other vulnerabilities may be what’s holding back your site from loading faster. Optimizations may come in updated versions that use resources better and increase your loading speed.

Always check for updates on your WordPress dashboard. There’s a reason why they appear so prominently, it’s because keeping things updated is critical for your site speed, security, and functionality.

Keep your WordPress up to date

The “Updates” option in the side menu will show you if you’re running the latest versions of WordPress, theme, and plugins.

Check for updates in WP

Make sure that your WordPress is updated regularly. You can also check the current version you’re running in the “At a glance” box of your dashboard.

Check WordPress version

I know you may be tempted to enable automatic updates and be done with it. However, I’d advise you against it because it can be risky and may bring your whole site down if not careful.

Search engine crawlers like Googlebot and others are known to use a lot of resources when indexing your site. You can limit their crawling rate to match when you actually make some changes to your site and when it makes sense to crawl it again.

Other services like Ahrefs also have their own crawlers which may slow down your loading times, so you can also set a limit for them to keep it at an optimal rate.

Spammers and other bots might also visit your site for nefarious reasons, and you want to block and keep them away.

WordFence plugin has this feature built-in. You can set crawl rate limiting rules that can prevent Googlebot and other crawlers from hogging your CPU resources.

Limit crawling in WP

With this, you can block search engine crawl spiders, but also spambots and even humans with suspicious behaviour.

You can also set a crawl rate limit for Googlebot in your Google Search Console to keep it from slowing down your server.

Limit crawl rate in WP

18. Technical optimization

Other minor coding issues can cause great performance problems. One them can be having redundant code on your site.

These are remnants of deleted page elements which are then left unused but still take up processing power to load.

You can find them in Google Chrome’s Developer Tools.

Access developer tools in Google Chrome

Just make sure you’re on the page that you want to investigate. Then select “more tools” and choose “coverage”.

Coverage in Google Chrome developer tools

Run the scan and look at the results, check the code assets and their unused bytes.

Unused bytes in coverage report

Click on each bar and closely inspect for unused pieces of code. The lines of code marked with red color are those which are unused and should be trimmed down.

Check for unused bytes in your site code

Another common error you may get in GTmetrix is “avoid CSS @import”.

Avoid CSS @import suggestion in GTmetrix

This means that some of your CSS files are imported from inside other CSS files. This can pose a problem because it can cause files to load sequentially (one has to wait for the other) instead of in parallel (at the same time). This wastes times and round trips and makes your web page load slower.

Use the free CSS Delivery Tool to find those troublesome files within your site.

CSS Delivery Tool

Avoid calling those CSS files using the import method. Instead, copy and paste the imported CSS into the original CSS file. You can also do it by adding the following code:

CSS code

If you keep getting the “add expires headers” error in your YSlow tab of GTmetrix, even after you enable browser caching you need to add a bit of code to your .htaccess file.

Add expire headers suggestion in GTmetrix

Expires headers are used by web servers to tell clients how long a component can be cached.

In case you do get this in GTmetrix, insert this piece of code into your .htaccess file:

< IfModulemod_expires.c >
ExpiresActive on
ExpiresByType text/css “access plus 60 days”
ExpiresByType text/javascript “access plus 60 days”
ExpiresByType image/ico “access plus 60 days”
ExpiresByType image/jpg “access plus 60 days”
ExpiresByType image/jpeg “access plus 60 days”
ExpiresByType image/gif “access plus 60 days”
ExpiresByType image/png “access plus 60 days”
ExpiresByType text/css “access plus 60 days”
ExpiresByType text/html “access plus 60 days”

You might also keep getting a message to “remove query strings from static resources”.

Remove query strings from static resources GTmetrix suggestion

Some servers may not be able to cache query strings, and by removing them, you can improve your caching and galvanize your site performance.

You can remove them with a plugin like by Little Buzzy.

The other way is adding some code into your WP Theme’s functions.php file.

Enter code in your functions.php file

IMPORTANT NOTE: Editing your WordPress source code can break your site if not done correctly. If you’re not comfortable doing this, contact a web developer before doing any of this!

19. Use external hosting for videos

Say you want to add a promo video or a tutorial to your page. Video content is awesome, and the future of internet belongs to videos with predictions that 80% of content consumed will be video by 2019.

Instinctively you may choose to upload videos directly to your WordPress server. But hold on just a moment, that may not be the optimal solution.

Video format takes up a ton of space on your server, and may also drain your bandwidth.

Just imagine if multiple visitors try to watch the video at the same time, your host server will have to deliver that huge video file to all of them at once. If your server bandwidth is not optimized for video hosting, users may experience that frustrating buffering we all know and hate.

Video buffering

Also, if you’re a shared hosting server, you have limited space available for your files, and a few videos can quickly use up all the space allotted to you.

What’s the solution?!

It’s simple, host your videos on platforms such as YouTube, Vimeo or Wistia.
These are great video hosting platforms optimized just for holding and serving your video files.

Once you upload your video the o platform of your choosing, simply embeds it onto your WordPress page. And with Gutenberg, it’s easier than ever. Just select the appropriate embed block, choose the file and publish.
Embed videos in WordPress

With YouTube and Vimeo, you get the added benefit of exposing your videos to a huge audience which may discover your video and consequently your website and business.

20. Limit/disable WordPress revisions

WordPress by default collects and saves all your content and revisions for future use. It may be useful sometimes if you decide to revert to the older version of a post.

However, once you have tens or hundreds of posts with multiple revisions each, you can see how those numbers quickly add up. And for your server this can be a hassle, it has to go through a large database of revisions to find and serve the right one.

That’s why you need to manage and optimize your revisions.

First up, if your site has been around for a while, you likely need to delete some old, expandable revisions. You can do this with a plugin (much like everything else on this list). I recommend WP-Optimize or WP Sweep.

Limit revisions in WordPress

Use it to clean up revisions, draft posts, trashed items like posts and comments, etc.

In the settings tab, you can manage your revisions and schedule maintenance. You can set the limit as to how long you want to keep your revisions and how often you want to run automatic cleanups.

WP Optimize dashboard settings

Alternately, you can have your developer configure a revision limit or disable them in WordPress wp-config.php file.

Disable revisions

Disable revisions code

Limit revisions

Limit revisions code

Another thing that may be slowing your site down is Heartbeat API. This is a feature released in WordPress 3.6 and it allows for better session management, revision tracking and autosaving.

It can come in very useful as an autosave feature, in case something unexpected happens so you don’t lose all your progress.

Autosave feature in WordPress

However, it can get pretty CPU intensive and take up a huge chunk of your server resources, slowing down your site.

Luckily, you can disable it or set a longer autosave interval (heartbeat frequency) to save up resources. Install the Heartbeat Control plugin and set the desired pulse.

Heartbeat control in WordPress

21. Optimize Databases

WordPress doesn’t only keep your revisions in its database. It also stores posts, comments, pages and other forms of textual and encrypted data.

Over time your database will get cluttered with too much data which may not be necessary for you to keep. These can be trashed files, posts, comments, spam folder, revisions, etc.

You might not notice these, but they can also slow down your loading speed since servers have to go through a lot of information to get to what they want to serve.

You can clean this up, in the same way, I described for revisions. Use a WP-Optimize plugin to easily get rid of files cluttering up your database and schedule regular maintenance to keep your database clean and lean.

You can go proactive and set limits for your database in wp-config.php with a few lines of code.

Code to set limits to your database

Conclusión

Page speed is a critical part of your On-page SEO. A fast website will get you ranked on top in Google. Not only that…

Delight your visitors with lightning fast user experience worthy of your brand. Excellent website UX spells trust in the eyes of your potential buyers. Never again lose a customer simply because your site is too slow.

Use the tricks from this article to optimize your performance and turbocharge your site. But don’t just set and forget!

Constantly monitor and gauge your speed to make adjustments before it becomes a problem.

If you need any help or advice, drop a comment below and we’ll make sure to help you in the best way we can!

Botón volver arriba