Cómo mejorar velocidad de una pagina web

Si tu web no carga rápido, el no esperará y acudirá a la página de tu competencia, por eso voy a contarte como mejorar la velocidad de carga de una página web.

Dicen que el no aguanta más de 2 segundos en abrir una página, esto es muy relativo ya que depende de lo que este buscando esa persona.

Lo que si es importante es que hagamos una optimización de velocidad web para mejorar el posicionamiento en Google y de esta manera aumentar la velocidad de carga del sitio.

Puedes creer que no es para tanto si dos, tres, diez o veinte personas no tienen paciencia para esperar a que cargue tu web, he de decirte que si es importante.

¿Y si esa persona que no ha querido esperar te hubiera comprado si tu web hubiera tenido una buena velocidad de carga? Estarías dejando en el aire a un posible o comprador.

 

Sabes que Amazon deja de ganar miles de Euros cada vez que su página sube 0,1 segundos.

 

• Amazon comprobó que si reducían la carga de sus páginas web una décima de segundo aumentaban un 1% sus ventas.

• Google pudo comprobar que si los resultados de su buscador tardaban medio segundo más en cargarse las búsquedas se reducían en un 25%.

• Firefox redujo el tiempo medio de carga de sus páginas en 2,2 segundos y aumentó sus descargas un 15,4%.

• Los s esperan que las páginas web se carguen en un tiempo de 2 a 4 segundos. Después de 4 segundos los abandonos, falta de conversiones y descenso de las ventas se ven afectados muy negativamente.

• El 74% de los s de dispositivos móviles abandonan un sitio web si no se carga en 5 segundos

 

Amazón deja de ganar mucho dinero cuando su web se ralentiza, es por ello que Google insiste tanto en dar valor y rapidez  al a la hora de valorar el posicionamiento web de una empresa, esto forma parte del Seo y es fundamental.

Google tiene que dedicar más recursos a las páginas mal optimizadas, el tiempo que las arañas de Google pierden en tu web pudiendo rastrear más sitios impiden que muestren resultados de mejor calidad, aunque tampoco hay que alarmarse.

 

Si quieres optimizar al máximo tu web lo ideal es que contrates a un Consultor SEO Profesional pero si quieres hacerlo tú mismo, te voy a dar los puntos esenciales para hacer un buen WPO (Web Performance Optimization) y que consigas mejorar la velocidad de carga de tu web y aumentes tu posicionamiento Seo.

 

 

Opciones básicas para mejorar la velocidad de una página web

Tienes que tener en cuenta que cada web es diferente por eso voy a mostrarte diferentes métodos para aumentar la velocidad de una web sobre todo enfocado al CMS WordPress

Antes que nada tienes que ver como va tu web de rápida y para ello tienes que leer: Cómo hacer un test de velocidad de una página web

Te dará problemas en algunos campos como:

Velocidad de carga (L) , interactividad (INP)  y Estabilidad visual (CLS) + Experiencia de

• L: Despliegue del contenido más extenso dentro de la ventana de visualización: Imágenes, video, article, aside…

Óptimo:Menos de 2,5 segundo

• INP Interacción por 1ª vez: cuando hace clic, botón,javascript…

Óptimo:Menos de 100 mls  

• CLS: Cuando se mueve la pantalla mientras carga

Óptimo:Menos de 0.1 puntos o menos

Una vez veas que va lenta ten en cuenta estos factores,

 

• No hagas tanto caso a Page Speed Insights

Las puntuaciones de Pagespeed son muy estrictas, no te obsesiones con ellas y analiza tu sitio con otras herramientas como Pingdom o Gtmetrix para calcular la velocidad en internet de las páginas web.

La herramienta de PageSpeed Insights no analiza la velocidad real de tu página web, en realidad, lo que analiza es la optimización de los recursos de tu página. Su objetivo es el de ayudarte a hacer que la página sea ligera pero sobre todo fácil de rastrear, por eso es tan exigente en su test.

 

Google Page Speed puede incluso llegar a ralentizar tu web como le hagas caso.  No tiene sentido por ejemplo que te diga que tienes que meter Google Analtics en el head por ejemplo y luego decirte que ralentiza tan arriba.

Además No puedes hacerle caso si te pide que renuncies a ciertos aspectos que realmente no están ralentizando tu web y pueden estar generándote ingresos por ejemplo.

Piensa que habrá ocasiones en que tendrás que medir eventos de analytics o insertar en tu web el pixel de Facebook ads si quieres crear una campaña publicitaria y todo esto resta velocidad y Page Speed lo valorar muy mal

 

• ¿Plugin de pago o plugins gratuitos para mejorar la velocidad de carga?

 

Depende, yo utilizoWPRocket, se trata de un plugin impresionante que te ayudará a mejorar la velocidad de carga muchísimo.

Es de pago y puedes comprarlo aquí y seguro que te ahorras muchos disgustos ya que si lo configuras bien tu web irá como un rayo y te ahorras trabajo seguro ya que sólo instalándolo ya mejoras.

Ahora que lo tienes claro, vas a aprender a mejorar la velocidad de carga de cualquier web gracias a esta Masterclass de WPO

¡Vamos a ello!

 

Cómo optimizar la velocidad de carga (WPO)

HOSTING

Asegúrate que tu hosting tiene:

• Última versión de Php
• Compresión Gzip
• Http/2 (http2.pro)
• Disco duro SSD
• Servidores Apache (antiguo) Mejor: Nginx y Litespeed
•  Tareas Cron

 

Un servidor de calidad es fundamental, de él va a depender en un porcentaje muy  alto la velocidad de tu sitio web.

Un mal servidor como 1and1 puede ser el primer lastre en la optimización de la velocidad de carga de tu web.

Si no quieres gastarte mucho opta por servidores económicos pero de calidad

 

Que debe tener un buen hosting para darnos rapidez en internet:

• El servidor a ser posible, debe estar en tu país o cerca de el, de esta manera el tiempo de respuesta será menor y los problemas relacionados con la conectividad de la red serán mucho más bajos.

• Es importante que el Hosting que uses cuente con discos SSD. El a los datos de tu web será más rápido usando gracias a estos discos.

• Un hosting que tenga las últimas tecnologías a nivel servidor es muy importante.  Contar con la última versión de PHP.

 Asegúrate que tu hosting cuenta con la versión PHP última o penúltima y que esta activado por tu servidor o actívalo tu mismo desde su de control.

• Normalmente cuando contratas un servidor, este es compartido, es lo normal, pero tiene el inconveniente que cuando otro cliente que comparte contigo ese alojamiento, tenga un alto pico de visitas o un elevado consumo de recursos, la velocidad de tu web se podría ver afectada; para evitar esto es importante que tu hosting cuente con un sistema que genere departamentos para cada cliente (enjaulado de cuentas)

• Las imágenes son importantísimas como vamos a ver después, hay que reducirlas siempre al máximo antes de subirlas, esto le dará a tu web muchísima puntuación (es de los principales factores de velocidad), si tu hosting (como es el caso de Webempresa con su sistema imgOptimizer) lo tiene, optimizarás todavía más las imágenes subidas

• Aunque no te parezca que tiene que ver con la velocidad, el que un Hosting utilice cortafuegos para detectar el tráfico SPAM es importante. Tu web será más fluida ya que evitarás intentos de innecesarios que acabarían retardando tu sitio.

 

Como ves son pequeños factores que ayudaran cada uno en su medida aportando un granito de velocidad.

Como siempre digo un poquito de cada cosa «hace un mucho».

 

Estos son algunos de los factores determinantes a la hora de elegir hosting que hará que juegues con ventaja respecto a tu mejor hosting para wordpress

 

Si tienes un hosting malo, ya estás tardando en mudarte a uno de los mejores hosting para WordPress

Aprovecha estas ofertas ahora

• Raiola: con un 20% de descuento aquí (5,95 €/mes)

• Webempresa: Utiliza el código: tuwebdecero25 y obtendrás un 25% de descuento aquí (Desde 7 €/mes)

• Siteground: Sobre el 70% descuento el primer año  (Desde 3,99 €/mes) Ver precios

• Sered: Código descuento (2MESES GRATIS) pago mensual (Desde 5,5 €/mes) : tuwebdecero Contratar | Código descuento (10%-Dominio gratis) pago anual (Desde 59,40€/año): tuwebdeceroanual Contratar 

• Dinahosting: con descuentos del 50 %. (Desde 2,95€/mes)  Ver planes

• ¿Necesitas un hosting WordPress más Económico para empezar? Hostinger (hasta un 90% de descuento para planes más largos + cupón del 10% usando el código: tuwebdecero10) (Desde 0,99€/mes) Contrátalo aquí 

 

 

IMÁGENES

• Bajar peso y tamaño
• Herramientas: Riot o Tinypng
• Lazy Load

 

PLANTILLA

Usa una plantilla rápida

Usar una plantilla con un buen código y optimizado es otro de los factores predeterminados para conseguir que tu wordpress sea rápido.

Shortcodes o sliders no hará otra cosa que sobrecargar el tema y pueden generar bloqueos de contenido con excesivo javascript

 

La solución a ese javascript es que cargue el contenido al final de la página o que lo hagan de forma asíncrona, para esto hay plugins que verás al final de artículo pero pueden crear problemas de visualización y no siempre son fáciles de optimizar.

 

Ten en cuenta que son muchos los datos que vas a ir insertando en tu sitio web, el que estos no generen «errores» en página harán que tu sitio fluya mucha mejor por eso todo lo que evites mejor.

Es muy normal optar por plantillas tematizadas pensando que es la mejor opción y estas normalmente llevan opciones innecesarias y pesadas. La mejor opción son las plantillas Multiproposito.

No caigas en la tentación de elegir un tema por su inclusión de demos, sin duda pueden aligerar la tarea al tomarlos como base pero la cantidad de recursos que consumen es enorme, imágenes, videos o plugins por defecto que harán que antes de meter contenido tu web ya este perdiendo valores de velocidad.

 

¿Te gustan las tipografías verdad? Ten en cuenta que las tipografías que la plantilla incluye y que se alojan en el servidor ralentizarán menos la web que las que son de google fonts, estas últimas realizan llamadas externas y salvo que las incluyas con código dentro del theme jugaran un poco en tu contra al optimizar la velocidad de la web.

Si quieres cambiar de tema puedes ver los 23 themes más atractivos y optimizados para wordpress de pago y gratis.

Yo te recomiendo Generatepress, Tom Usborne esta empeñado en que Generate press sea ligero y lo es,  a pesar de que se puede pensar que al ser muy personalizable puede llegar a ser pesado, no es así.

 

CACHÉ, CSS, JS, CÓDIGO

• Comprimir css y js
• Carga aplazada (scripts)
• Carga condicional
• Eliminar css innecesario
• Dev Tools (coverage)

 

Mejorar L

• TTFB: Servidor, base de datos(maquetadores, temas, consultas…)
• Cache
• Preconnect o dns prefectt.

 

Mejorar INP:

• Reducir el tiempo de Javascript, terceros, usar condicional, minimizar

 

Mejorar CLS:

• Incluir atributos de tamaño en imágenes y video o reservar espacio
• No meter contenido por encima del actual (excepto respuesta a interacción de )
• Hay que reservar el espacio (anuncios)
• Fuentes web que causan FOIT/FOU (flashes de texto invisibles y sin estilo)
• Fuentes google local y Display Swap

El que se sirva toda la información de tu web rápido se consigue con un plugin de caché.

Tu web se mostrará mediante una copia sin tener que recurrir a servirla completa evitando así la carga innecesaria de recursos.

 

Con un plugin de Caché, cuando un vuelve a visitar tu página no necesitará descargar esos ficheros de nuevo desde Internet, sino que los descarga de su propio navegador, con la consiguiente ganancia en velocidad.

 

Existen varios tipos de plugin de caché.

Wp Rocket como te he comentado al principio del post es el que uso en la actualidad y sin lugar a dudas el mejor plugin de caché. Si me pides consejo invertiría sin duda en él y te diría que lo compraras ahora mismo.

Yo hasta conocer Rocket he usado Wp supercache, aunque desde hace tiempo uso Wp Rocket y no hay color.

Si quieres optar por uno gratuito, puedes ver cómo configurar este optimizador a través de esta Guía sobre Cómo configurar WP Supercache.

 

Los plugin de caché deberían reducir los archivos javascript y los archivos CSS para evitar hacer tantas peticiones al servidor y esto a veces se hace mal.

 

BASE DE DATOS

Limpia la base de datos Wp Optimize

 

Este plugin Wp Optimize hace limpieza de tu base de datos eliminando datos innecesarios, spam, metadatos, elementos temporales, residuos de otros plugins antiguos…º

Instalar y desinstalar plugins puede dejar suciedad en tu wordpress. Elimínalos con Wp Optimize y verás como mejorar la velocidad de tu sitio.

 

Aunque Wp Optimize los elimina, te recomiendo que desactives en la opción comentarios de tu wordpress los pingbacks y trackbacks, además de que evitarás el spam, será un puntito a favor de la velocidad.

Desactiva este plugin una vez lo uses, no consumirá recursos.

 

ELIMINA PLUGINS INNECESARIOS

Estudia que plugins necesitas realmente

Estudia que plugins realmente no necesitas y elimínalos 

Ya he comentado en más de una ocasión que la sobrecarga de plugin no es buena para tu web.

Influye el peso da cada uno más que la cantidad que tengas.

 

He usado web con más de 25 plugins instalados y son webs más rápidas que otras que usan 10. Evita los plugins pesados.

 

Consejos:

• Desactiva aquellos plugin que necesitas usar en momentos puntuales como pueden ser de optimización de base de datos, análisis de enlaces rotos o copias manuales de seguridad. Esto hará que no consuman recursos.

• Igual que las plantillas, mantén siempre actualizados los plugins e intenta que los que descargues estén actualizados recientemente.

• No uses plugin que su función ya la haga otro plugin que ya tienes instalado.

• No uses plugin innecesarios. Si puedes insertar y ver todas los datos de Google Analytics desde la página oficial ¿Es necesario gastar un plugin para ello?

Puedes ver como insertar el código fácilmente a través del Tutorial sobre Google Analytics.

 

Resumen, aspectos que más empeoran la velocidad de carga

• Google fonts (tipografías)
• Videos (mejor Youtube)
• Embeds redes sociales
• Recaptcha
• En WordPress exceso de plugins
• Maquetadores
• Publicidad (adsense)
• Codigo Analytics
• Pixel de Facebook
• Dashicons, iconos
• Animaciones
• Redirecciones

Compartir en Facebook Compartir en X (Twitter) Compartir en LinkedIn