¡Atención!

Este sitio usa cookies y tecnologías similares. Si no cambia la configuración de su navegador, usted acepta su uso. Saber más

Acepto

Cómo mejorar la velocidad de carga web con un hosting rápido - 5.0 out of 5 based on 1 vote

Ratio: 5 / 5

Inicio activadoInicio activadoInicio activadoInicio activadoInicio activado
 
Contenido[Ocultar]

Hosting rápido

La velocidad de carga web es hoy en día uno de los factores más importantes en el SEO. Es por ello que estamos obligados a que nuestro blog cargue en pocos segundos y para ello tenemos que tener en cuenta una serie de consejos, entre los cuales, el más importante es contar con un hosting rápido. Comprimir las imágenes, habilitar la compresión gzip, un plugin de caché, actualizar a la última versión de PHP... Sigue leyendo para saber todo lo que necesitas para mejorar la velocidad de carga de tu sitio web y enamorar a Google. 

EN CONSTRUCCIÓN

1. ¿Cómo hacer un test para medir la velocidad de carga web?

Lo primero de todo es saber en qué condiciones se encuentra nuestro sitio web o blog. Es decir, necesitamos conocer qué factores debemos mejorar y cuáles son aquellos que ya tenemos optimizados. Pare ello utilizaremos las herramientas online más conocidas y fiables. Para obtener datos más precisos, haremos un test de velocidad en al menos estas tres herramientas: Google Page Speed, Pingdom Website Speed Test y Web Page Test. Una vez conozcamos cuáles son nuestras debilidades, vamos a ver cómo podemos mejorar esos tiempos de carga que nos traen de cabeza. Al menos a mí es una de las cosas que más dolores de cabeza me han dado y más desde que Google lo tiene tanto en cuenta a la hora de posicionar una página en los primeros resultados de las búsquedas.

2. Consejos para mejorar la velocidad de carga para cualquier web

  • Comprimir las imágenes: Junto con contratar un hosting rápido, comprimir las imágenes es lo más importante. De verdad, es un error que mucha gente comete, colgar las fotos con tamaños mucho más grandes de los necesarios y, además, sin comprimir. Si guardamos las imágenes con las medidas adecuadas y las comprimimos vamos a mejorar la velocidad de carga web muchísimo. Hagan la prueba. Para comprimir las imágenes recomiendo usar la siguiente herramienta online:

» https://compressor.io/compress

  • Contar con la última tecnología PHP: Aplicando un simple código al principio de tu archivo .htaccess haremos que se aplique PHP 7, lo que hará que tu web vuele. Este archivo se encuentra en la raíz de vuestro sitio web. Si no sabéis cómo hacerlo, mejor preguntar al personal de vuestro hosting. Antes de hacer cualquier modificación, siempre es aconsejable hacer una copia de seguridad. Este es el código que debéis colocar al principio del archivo .htaccess: 

» AddHandler application/x-httpd-php7 .php

  • Javascript y CSS: Uno de los aspectos más complicados de solucionar es eliminar el Javascript que bloquea la visualización y el CSS del contenido que tenemos en la parte superior de nuestra página. Este es el primet tip que encontramos cuando analizamos nuestro blog o web en Google Page Speed (para medir la velocidad web esta es la aplicación que nos brinda Google). Lo que sí podemos hacer aquí es conseguir que el contenido estático se cargue al final, en lugar de en la parte superior de la página. Esto hará que el primer momento de carga web sea más rápido. Para solucionar esto podemos valernos de un plugin. 

» Este plugin se llama Javascript to Footer, en el caso de Wordprees. Mientras que en Joomla utilizaremos su equivalente.

3. ¿Cómo mejorar la velocidad de carga web en Joomla?

  • Vamos a separar los tips para webs Joomla y Wordpress. Si bien coinciden en algunos aspectos, en otros hay ciertas diferencias. Para especificar la cache del navegador en Joomla puedes incluir estas líneas al comienzo del archivo .htaccess:

## ESPECIFICAR LA CACHE DEL NAVEGADOR ##
ExpiresActive On
ExpiresByType image/jpg "access 1 month"
ExpiresByType image/jpeg "access 1 month"
ExpiresByType image/gif "access 1 month"
ExpiresByType image/png "access 1 month"
ExpiresByType text/css "access 1 month"
ExpiresByType text/html "access 1 month"
ExpiresByType application/pdf "access 1 month"
ExpiresByType text/x-javascript "access 1 month"
ExpiresByType application/x-shockwave-flash "access 1 month"
ExpiresByType image/x-icon "access 1 year"
ExpiresDefault "access plus 1 month"
## ESPECIFICAR LA CACHÉ DEL NAVEGADOR ##

  • Como ya comenté anteriormente se pueden optimizar las imágenes comprimiéndolas. Hay muchos sitios web dónde puedes hacerlo online. No obstante, en algunos hostings, como el de Webempresa, de forma gratuita proporcionan un optimizador de imágenes llamado Imgoptimizer. Este servicio está automatizado y tan solo tienes que pedirlo desde tu área de cliente. Es pocos minutos los resultados te llegan al correo electrónico. Aplicando esta herramienta mejorarás varios puntos en Google Page Speed y/o Pingdom Tools. De media los resultados mejoran en un 19%. La optimización de las imágenes es global en toda la web. Sin embargo, tienes que tener en cuenta que la calidad de las imágenes será mucho peor. Yo mismo he utilizado esta herramienta, por lo que puedes observar que la pérdida de calidad en las fotografías que utilizo es evidente. Tuya es la elección entre calidad de imagen y mejora de la velocidad web.
  • Por lo que respecta a la carga del JavaScript y el CSS que bloquea la visualización del contenido de la mitad superior de la página, hay que tener en cuenta que la sugerencia que apunta la herramienta de Google Page Speed es muy estricta. La mayoría de plantillas (templates en Joomla) actualmente no lo contemplan. Google propone tener un archivo css o javascript pequeño al inicio y el resto de CSS o javascript cargarlo al final. Hay más información sobe esto en las mismas páginas de Google para desarrolladores:

- https://developers.google.com/speed/docs/insights/OptimizeCSSDelivery
- https://developers.google.com/speed/docs/insights/BlockingJS

♥ Tras aplicar estos consejos en Publicidadparaweb.com vamos a ver los resultados en Google Page Speed.

Publicidadparaweb Google Page Speed

89 puntos de 100. Esto está muy bien, teniendo en cuenta la cantidad de módulos, extensiones e imágenes que estoy utilizando. Os recuerdo que son peticiones que hacemos al servidor, lo que se reduce la velocidad de carga de la web. 

Voy a mostrar ahora el test de velocidad en Pingdom Tools Speed, antes y después de aplicar estos consejos. 

ANTES:

Publicidadparaweb Pingdom Speed antes

AHORA:

Publicidadparaweb Pingdom Speed Tool 

Como podéis ver la diferencia es brutal. Hemos pasado de 73 a 93 puntos. Nada más y nada menos que 20 puntos de diferencia. Las peticiones al servidor se han reducido de 96 a 78. Y lo más importante, la velocidad de carga web ha pasado de ser de 1,72 a 1,29. Unos datos magníficos, que sin duda han ayudado en el posicionamiento de este blog. Aunque os recuerdo que este es solo un aspecto más de los más de 200 que afectan al SEO. 

En este artículo podéis ver los principales aspectos a tener en cuenta en el posicionamiento SEO de vuestro blog o sitio web:

» https://www.publicidadparaweb.com/blog/seo-y-sem/29-posicionamiento-seo-trucos-consejos

4. ¿Cómo mejorar la velocidad de carga web en Wordpress?

  • En cuanto a Wordpress, recomiendo revisar qué plugins no son necesarios y te están consumiendo más tiempo de ejecución. Si deseas detectar qué plugins de WordPress están consumiendo en exceso puedes utilizar el siguiente plugin: P3 (Plugin Performance Profiler). Este plugin mide el impacto que tiene cada plugin que utiliza tu blog en el tiempo de carga. Con este plugin puedes detectar aquellos que te están ralentizando la carga y decidir si realmente merece la pena tenerlos. De no ser así, es mejor desinstalarlo. 
  • Con respecto a habilitar la comprensión gzip, desde Webempresa (el alojamiento que yo uso) se consigue accediendo a la siguiente ruta: cPanel-Software-Optimizar mi sitio Web.
  • Y la guinda del pastel del hosting Webempresa para que tu web sea ultrarápida llega con Magic Cache. Se trata de un sistema de caché a nivel de servidor basado en el acelerador Varnish. Es un sistema propio creado por el equipo de Administradores de Sistemas de Webempresa en el que se ajustan distintas herramientas como Nginx, Varnish, Apache, MemCache, OPCache para obtener tiempos de carga de menos de 1 segundo para páginas estándar.

Este sistema cachea todo el contenido de la web en la memoria RAM del servidor. El acceso a la memoria RAM es mucho más rápido que el acceso al disco. Y al no tener que acceder a los ficheros y bases de datos para devolver una página, se consigue que las webs carguen mucho más rápido, con unos tiempos de respuesta de entre 60 y 140 milisegundos para páginas de menos de 5 megas

Plugins de WordPress como WP Super Cache o W3 total caché mejoran la velocidad, pero tienen que leer datos del disco. Un plugin como W3 Total Caché puede reducir el tiempo de carga de un WordPress a la mitad, que no está nada mal, pero con Magic Caché se puede reducir hasta 10 veces el Time to First Byte. Al tener todo el contenido cacheado en la memoria RAM, las webs pueden asumir un número de visitas mucho más elevado sin inmutarse. 

A continuación os muestro un test de velocidad de Levantemedia.com, un sitio web Wordpress que no utiliza muchos recursos, con pocos plugins (solo los necesarios para su optimización) y sin anuncios de publicidad. 96 puntos de 100.

levantemedia Google Page Speed