Como reducir tiempo respuesta servidor web

Sabes cómo reducir la carga del servidor y reducir el tiempo de respuesta.

El servidor es parte fundamental de una página web. A fin de cuentas es lo que va a permitir que los visitantes reciban la información y puedan navegar por ese sitio. En caso de que haya algún problema, podría traducirse en errores de carga, ofrecer un mal servicio y además ser penalizado por los buscadores. En este artículo vamos a dar algunos consejos para reducir la carga y mejorar el tiempo de respuesta del servidor.

Reducir el tiempo de respuesta del servidor

Hay que indicar que el tiempo de respuesta de un servidor es un factor muy importante para una página web. Básicamente es el tiempo que tarda el servidor en responder a una solicitud del navegador. Esto puede hacer que el usuario, el visitante en definitiva, reciba lo que busca en un menor o mayor tiempo.

Para que se cargue rápido una página web no solo influye cómo la tengamos configurada y optimizada, sino que también dependerá de la respuesta del servidor donde la alojemos. Es esencial intentar reducir ese tiempo de respuesta lo máximo posible para dar un buen servicio.

Instalar un tema ligero y optimizado

Algo básico que podemos tener en cuenta es el hecho de instalar un tema que sea ligero y que no suponga una carga importante para el servidor web que estemos utilizando. De esta forma lograremos que cargue lo más rápido posible y que no provoque una espera que termine por afectar a los visitantes y al SEO.

Por tanto, optimizar el tema de WordPress que estamos usando es esencial. Son muchas las opciones que tenemos disponibles, pero en este caso prima aquella que sea ligera, que no sobrecargue en exceso nuestra página.

No cargar toda la web de golpe

Otra cuestión a tener en cuenta para reducir el tiempo de respuesta del servidor es no cargar toda la web de una vez. Cuando entramos en una página, en muchas ocasiones nuestro navegador tiene que descargar todo el contenido. Esto incluye imágenes, vídeos que tengan insertados, complementos…

En cambio, otras páginas pueden instalar plugins para que el sitio cargue por partes, según el visitante va haciendo scroll, por ejemplo. De esta forma, en un primer momento carga lo esencial de la página y posteriormente va cargando el resto de imágenes.

No instalar demasiados complementos

Hay complementos que son muy interesantes para favorecer algunos aspectos relacionados con la carga de nuestra página, como por ejemplo plugins como el anterior que hemos comentado. Pero hay que tener en cuenta que cada uno de los complementos que tengamos instalados puede suponer también un problema de carga. Mientras más tengamos, peor.

Por ello debemos siempre instalar aquellos que realmente vayan a aportar algo positivo y que no se conviertan en todo lo contrario y supongan una carga añadida más que afecte a la velocidad de ese sitio web.

Instalar una herramienta de cacheado

WordPress tiene complementos para cachear la web y de esta forma ganar en velocidad de carga. Una vez más el objetivo es que cuando un visitante entre en el sitio, cargue lo más rápido posible sin que suponga una gran espera.

Un ejemplo es WP-Rocket. Es un plugin que ayuda a reducir el TTFB, que es tiempo inicial de carga de una página. De esta forma podemos arañar unas décimas de segundo que seguro que vienen bien de cara a los buscadores.

Disco SSD

Los servidores web más avanzados ofrecen discos SSD. Esto también va a ayudar a mejorar la velocidad de respuesta. A fin de cuentas es igual que si comparamos entre copiar archivos en un disco HD frente a uno SSD, notaremos una diferencia en cuanto velocidad.

A la hora de cargar un sitio web ocurre lo mismo. Es aconsejable optar por un hosting que nos ofrezca la posibilidad de contar con discos SSD y de esta forma mejorar el tiempo de respuesta. Todo suma para lograr que nuestro sitio sea más rápido.

Optimizar las imágenes

Si hay algo que puede ralentizar la carga de una página web son las imágenes. Un artículo, por ejemplo, puede contener varias imágenes, así como las que tengamos estáticas en nuestro sitio. Una buena idea por tanto es optimizar esas imágenes. Es importante que ocupen poco, sin hacer que pierdan una excesiva calidad.

Mientras menos ocupen esas fotografías, mejor para cargar el sitio web. Especialmente si vamos a colgar muchas imágenes es esencial que estén correctamente optimizadas.

En definitiva, estos son algunos consejos para conseguir reducir el tiempo de respuesta de un servidor web. Algunos cambios básicos pueden ayudar a la larga a posicionar mejor esa página y conseguir una respuesta más óptima para nuestros visitantes.

¿Sabes cómo acelerar tu web para que vaya más rápido? …puede que suene raro pero lo cierto es que aún siendo un gestor de contenidos muy rápido, principalmente el núcleo, cuando se le añaden plugins de otros desarrolladores y temas con muchas funcionalidades, acaba convirtiéndose en una instalación pesada.

Es evidente que si comparamos los tiempos de carga de WordPress con los de otros CMS (no es la intención), a la hora de mejorar la velocidad de WordPress, este se lleva la palma consiguiendo tiempos buenos, a veces incluso con muchos plugins añadidos.

Saber qué temas “son pesados” y que plugins alargan los tiempos de carga de la página donde muestran resultados, junto con la optimización de valores del servidor de alojamiento de WordPress, ayudan a tener una instalación que funcione, que sirva los contenidos deseados y además “que sea rápida”.

¿Conoces en que se fija Google cuando analiza tu web?

• Como sirves la página (con o sin alias www/con o sin SSL).
• Si Minificas HTML, CSS y JavaScript.
• si la respuesta del servidor es rápida (En páginas dinámicas lo habitual es usar algún sistema de caché).
• Si tus imágenes están optimizadas ¡TODAS!

Hay otros parámetros que también son observados cuando se rastrea una página para indexarla y posicionarla, pero los citados son los más destacados y que tu web debe observar.

¿Cómo acelerar WordPress?

No existe una única fórmula que aplicada permita acelerar una instalación de WordPress para obtener una puntuación 100/100, pero si hay muchas formas de optimizar una web hasta obtener una buena, a base de rascar aquí y allá parámetros e ir mejorando las configuraciones.

Los puntos más destacados para obtener una velocidad de carga buena son los siguientes:

• Escoger un buen Hosting
• Utilizar un tema rápido y ligero
• Usar plugins ¡pero solo los necesarios!
• Gestionar el caching con WP Super Cache, u otras soluciones como caché de servidor tipo Varnish
• Optimizar las imágenes
• Optimizar la base de datos
• Mejorar la carga de js y css (tener en cuenta también la caché de estáticos)

Claro que siempre a estos le puedes añadir el uso de un CDN como CloudFlare u otros para mejorar aún más los tiempos de carga gestionando los estáticos externamente, pero no siempre es necesario aplicarlo y a veces puede ser hasta contraproducente. Por ejemplo con la llegada de HTTP2 ya no es necesario dividir la carga de estáticos en diferentes subdominios para mejorar la velocidad de descarga de estáticos, porque HTTP2 soluciona este problema de raíz y permite descargar los estáticos de forma óptima en paralelo (Para usar HTTP2 es necesario que la web funcione bajo HTTPS).

Conocer los detalles de tu sitio web te aportará pistas sobre qué elementos de la página están contribuyendo a ralentizarla, de forma que puedas centrarte primero en corregir esos problemas y luego a base de análisis de carga con diferentes herramientas (no te centres solo en una) evaluar los avances que vas consiguiendo a base de depurar problemas detectados.

No te vuelvas loco queriendo corregir todo de golpe, pues lo más probable es que acabes liándola más gorda aún; usa el sentido común y corrige los posibles problemas de uno en uno, y tras cada corrección ejecuta un análisis para tener certeza de que ese punto ha quedado solventado con la intervención realizada.

Usa CSS en vez de imágenes

Las imágenes consumen mucho ancho de banda. Como la mayoría de los navegadores actuales son capaces de renderizar gráficos como los box-shadows o los bordes redondeados, no es mala idea utilizar las nuevas propiedades de CSS3 para sustituir imágenes, siempre que sea posible. El código CSS consume menos ancho de banda que las imágenes.

Si necesitas que tu web sea compatible con los viejos navegadores, como por ejemplo con el infame IE6, la solución es utilizar una hoja de estilo alternativa e imágenes solo para este tipo de navegadores. Utiliza comentarios condicionales para vincular esta hoja estilo específica en tu hoja de estilo actual tal que así:

<!--[if IE 6]>
<link href="ieonly.css" rel="stylesheet" />
<![endif]-->

Asegurarse de que tus imágenes están optimizadas

Aunque puedas sustituir imágenes por CSS en tu web, es más que probable que no puedas hacerlo con todas. Las imágenes siempre van a ser un componente super importante en tu página web, por eso debemos asegurarnos de que están optimizadas para ser visualizadas en un sitio web.

Si utilizas Adobe Photoshop, existe una opción para ello llamada Guardar para web que lo que hace es reducir el tamaño de la imagen sin comprometer la calidad de la misma. Otra opción es utilizar servicios gratuitos online para, por ejemplo, reducir el tamaño de la imagen, manteniendo una calidad alta. Hay muchas webs para ello, pero si tuviese que recomendar alguna, te diría que echases un vistazo a Smush it. Smush it es un servicio online para optimizar imágenes que es ideal para mostrar estas en tu web.

Si eres de los que han optado por WordPress para desarrollar su página web, existe también un plugin gratuito de Smush para los mismos propósitos. Es decir, con este plugin, todas las imágenes que subas a tu WordPress, se optimizarán automáticamente, sin tener que hacer nada. Así cuando se muestren en el navegador del usuario, al pesar tan poco, no provocarán carga y la web irá mucho más rápido.

Usar un sistema de caché para tu sitio web

Llamamos cachear a la acción de recuperar datos mediante un directorio de almacenamiento (llamado caché) en lugar de utilizar los recursos para generar cada vez que se necesite, la misma información.

El siguiente código cacheará archivos como .jpg, .gif y .swf. Los archivos generados por la caché tendrán una vida de una semana. Para otros tipos de ficheros, debes modificar el tiempo de vida de la caché. Por ejemplo, en archivos que son más flexibles, como css y js, los ficheros, por norma general, deben tener un tiempo de vida de 12 horas.

Pega este snippet en tu fichero .htaccess.

<filesmatch ".(jpg|jpeg|png|gif|swf)$"="">
Header set Cache-Control "max-age=604800, public"
</filesmatch>

¿Administrador de WordPress? No te preocupes, existen soluciones para llevar esto a cabo en WordPress y de una manera mucho más compleja y profesional y, por supuesto, con mejores resultados. Se trata del plugin W3 Total Caché. Un plugin totalmente gratuito que cachea cada aspecto de tu blog o página web. Con esto te asegurarás de que tu web irá más rápida y de reducir el ancho de banda.