Para impulsar una web más rápida, Google ha lanzado varias directrices y herramientas que te permiten optimizar tu sitio web para que cargue más rápido. Si ha seguido todos los pasos, como configurar la CDN, minificar el CSS y los javascripts, etc., y descubre que su sitio web sigue sin cargarse tan rápido como quisiera, lo mejor es que configure el servicio PageSpeed de Google y deje que Google optimice y sirva su sitio web por usted.

¿Cómo funciona el servicio PageSpeed?

El concepto detrás del servicio PageSpeed es simple. Una vez que lo hayas configurado, Google obtendrá una copia de tu sitio web, la optimizará y la almacenará en su servidor. Cuando se realiza una solicitud en su sitio web, la versión optimizada y almacenada en caché del servidor de Google se sirve en lugar de la copia de su propio servidor.

Requisitos

Hay algunas cosas que debes cumplir antes de poder hacer uso del Servicio PageSpeed.

1. Su nombre de dominio debe contener el prefijo “www” (por ejemplo, http://www.example.com). Los dominios desnudos como “http://example.com” (sin las www) no son compatibles por el momento.

2. Debe poder cambiar el registro CNAME y Host de su dominio. Si ha registrado su nombre de dominio con su anfitrión web, tendrá que ponerse en contacto con él para que le cambie el registro CNAME.

Configuración del servicio PageSpeed en su sitio web

1. Vaya a esta página y haga clic en el botón “Regístrese ahora”.

Nota: El servicio PageSpeed es actualmente sólo por invitación. Google tardará algún tiempo en aprobar su solicitud y enviarle una invitación. Yo recibí mi invitación en menos de una hora después de enviar el formulario de registro, pero su kilometraje variará.

2. Una vez que hayas recibido la invitación, ve a la página de la API de Google y haz clic en el enlace “PageSpeed Service” de la barra lateral.

3. En la sección “Añadir nuevo dominio”, introduce el dominio de tu sitio web. Asegúrate de excluir el “http://” e incluye las “www” para tu nombre de dominio.

Nota: Si no has verificado previamente tu sitio web en Google Webmaster, te pedirá que verifiques tu sitio web antes de poder continuar.

Cuando haya completado este paso, habrá terminado de configurar el servicio Google PageSpeed para su sitio web. El siguiente paso es cambiar el registro CNAME de su dominio para que Google pueda servir la página en caché por usted.

4. Accede a tu registrador de dominios y ve a la sección de registros de host de tu dominio. En el caso de NameCheap, puedes acceder a ella desde el enlace “All Hosts Record” de la sección “Host Management”. En el caso de GoDaddy, se encuentra en la sección Administrador de DNS. Las instrucciones de abajo son para NameCheap.

Deberías ver un “www” en tu registro de hosts. En la mayoría de los casos, debería apuntar a la misma dirección IP que el registro “@”.

Estas son las cosas que debe cambiar:

  • Cambia la dirección IP por “pagespeed.googlehosted.com” (sin las comillas). En algunos casos, es posible que tengas que añadir un “.” (punto) al final (“pagespeed.googlehosted.com.”).
  • A continuación, cambia el tipo de registro de “A” a “CNAME”.
  • Guarda los cambios

Eso es todo. Ahora sólo tienes que esperar a que los cambios de DNS se propaguen por la web (pueden pasar hasta 24 horas). Para aquellos que no usan NameCheap, pueden consultar las instrucciones aquí para su Registrador de Dominio.

5. Por último, pero no menos importante, es posible que desee redirigir a todos sus visitantes del dominio “no www” (http://example.com) al dominio “www” (http://www.example.com) para que la versión en caché de PageSpeed Service se sirva en todo momento. Para los servidores Apache que soportan el archivo .htaccess, sólo tiene que añadir esta entrada en la parte superior de su archivo .htaccess:

RewriteEngine OnRewriteCond %{HTTP_HOST} ^ejemplo.comRewriteRule (.*) http://www.example.com/$1[R=301,L]

Recuerde cambiar el “ejemplo.com” por su propio nombre de dominio.

Comparación de la velocidad de la página

Una vez que haya configurado correctamente el servicio PageSpeed en su sitio, puede realizar una prueba de velocidad de la página y ver el aumento del rendimiento.

En la consola de la API de Google, simplemente haz clic en el enlace “Ejecutar prueba de velocidad” y te llevará a la página donde puedes ejecutar la prueba de velocidad.

Ahora puedes sentarte y disfrutar del aumento de velocidad.

Actualización

: Como se solicitó, aquí está el resultado de la prueba de velocidad para MakeTechEasier después de usar el servicio PageSpeed:

Como se puede ver, hay una mejora del 24,5% del tiempo de carga y del 42,1% del índice de velocidad. Podría hacer que cargue aún más rápido activando la función lazy load, pero está causando problemas a las imágenes, así que tengo que desactivarla.