Acelera tu página web. Guía practica para acelerar tu pagina web con page speed, optimize website y cloudflare.
Para acelerar tu pagina web aquí tienes tres trucos que son muy fáciles de implementar:
Requisitos:
2- Optimizar el Sitio Web
3- CloudFlare (Advertencia)
Nota: aquí puedes comprar un hosting que te incluye estos tres módulos gratis: Page Speed, Optimizar el Sitio Web y CloudFlare Gratis
Análisis de velocidad de carga de www.amadservi.com en google insights antes de activar el módulo Page Speed:
3- Ahora podrás ver los cambios a tu pagina web casi inmediatamente reflejados en tu navegador.
4- Cuando termines de hacer las modificaciones a tu página web, puedes volver a desactivar el modo desarrollador, haciendo clic en "here" otra vez
5- Ahora otra vez tu página web esta en la nube y cargará mas rápido
Requisitos:
- Tener acceso al Cpanel de tu hosting (¿Cómo entro a mi Cpanel?)
- Tener disponible estos tres módulos en Cpanel:
2- Optimizar el Sitio Web
3- CloudFlare (Advertencia)
Nota: aquí puedes comprar un hosting que te incluye estos tres módulos gratis: Page Speed, Optimizar el Sitio Web y CloudFlare Gratis
- Ahora activaremos estos módulos uno por uno y analizaremos la velocidad de carga de una pagina web
- Los análisis los haremos en google developers de esta manera:
Page Speed
- Page Speed es un módulo de Cpanel de código abierto que automáticamente implementa las mejores practicas de programación para mejorar el procesamiento, carga y transferencia de los datos de una pagina web.
Análisis antes de activar Page Speed
Análisis de velocidad de carga de www.amadservi.com en google insights antes de activar el módulo Page Speed:
Antes de Page Speed
|
|
Aparatos Móviles
|
PC
|
48
|
57
|
Activación de Page Speed
1- Click en Page Speed
2- Presiona el botón de habilitar PageSpeed (Enable PageSpeed):
3- Page Speed activado:
4- Felicitaciones! ya has activado el PageSpeed en tu hosting.
Análisis después de activar Page Speed
Análisis de www.amadservi.com en google insights después de la activación de Page Speed:
Después
de Page Speed
|
|
Aparatos
Móviles
|
PC
|
60
|
77
|
Resultado:
La velocidad de carga de la página web www.amadservi.com ha mejorado en 12 puntos para los aparatos móviles y en 20 puntos para la carga en pc.
Optimizar el Sitio Web (Optimize Website)
- Optimizar el Sitio Web es un modulo de Cpanel que comprime el contenido de tu página web antes de que lo envíe al internet.
Análisis antes de activar "Optimizar el Sitio Web"
Esta vez empezaremos en el resultado anterior después de habilitar el módulo Page Speed:
Despues de Page Speed y antes de
"Optimizar el sitio web"
|
|
Aparatos Móviles
|
PC
|
60
|
77
|
Activación de "Optimizar el Sitio Web"
1- Clic en "Optimizar el Sitio Web"
2- Clic en "Compress all content" (comprimir todo el contenido)
3- Clic en el botón "Update Settings" (Renovar las configuraciones)
4- Te mostrara la confirmación de que este modulo esta habilitado
5- Clic en volver
Análisis después de activar "Optimizar el Sitio Web"
Análisis de www.amadservi.com en google insights después de habilitar Page Speed y después de habilitar "Optimizar el Sitio Web" o sea ahora el sitio web tiene Page Speed y "Optimizar el Sitio Web" habilitados:
Page Speed y "Optimizar el sitio
web" activados
|
|
Aparatos Móviles
|
PC
|
68
|
81
|
Resultado de Page Speed mas "Optimizar el Sitio Web":
La velocidad de carga de la pagina web www.amadservi.com ha mejorado en 8 puntos para los aparatos móviles y en 4 puntos para la carga en pc.
CloudFlare
- Este servicio pone tu pagina web en la "nube".
- Hay algunos cambios que se hacen al hosting, y es un poco mas complicado, pero vale la pena hacer esta optimización, ya que tener tu página web en la nube hará que cargue mas rápido en cualquier parte del mundo.
- En pocas palabras CloudFlare ofrece un servicio gratis con el que se guardan tu dominio y el contenido de tu pagina web en varios servidores alrededor del mundo. De esta manera el servidor que tenga tu pagina web y que este mas cerca de la pc del usuario, esa entregara tu pagina web y así tu pagina web cargara mas rápido.
- CloudFlare es una compañía que provee servicios CDN (content delivery network - Red de suministro de contenido) y servicios de DDNS (distributed domain name server - servidor de nombres distribuido).
Análisis antes de activar Cloudflare
Esta vez nuestro análisis empezara en el resultado anterior con el Page Speed y el "Optimizar el Sitio Web" activados:
Activación de CloudFlare
1- Click en el modulo de CloudFlare
2- Escribes tu e-mail al que te llegara el password
3- Marcas el cuadrado de los "Terms of Service"
4- Clic en el botón "Signup Now"
5- Te aparecera un mensaje de bienvenida
6- Clic en la nube del dominio que quieres acelerar (aunque no aparezca la manito del cursor, haz clic de todas maneras).
7- Aparecerá un mensaje de activación
8- La nube cambiara de color
Análisis después de activar Cloudflare
Ahora nuestro análisis de la velocidad de carga de www.amadservi.com en google insights tendrá los tres módulos activados: Page Speed mas "Optimizar el Sitio Web" mas Cloudflare:
Page Speed más “Optimizar el Sitio Web”
más CloudFlare activados
|
|
Aparatos Móviles
|
PC
|
68
|
86
|
Resultado de Page Speed + "Optimizar el Sitio Web" + CloudFlare activados:
La velocidad de carga de la página web www.amadservi.com no ha mejorado en nada de puntos para los aparatos móviles, pero ha mejorado en 5 puntos adicionales en la carga en pc.
Advertencia cuando activas CloudFlare:
- Cuando usas CloudFlare solo podras acceder al cpanel asi: cpanel.tudominio.com las otras maneras no funcionaran bien (tudominio/cpanel, o tudominio:2082 o tu dominio:2083)
- Esta aceleración se tiene que implementar cuando ya has terminado de hacer tu pagina web y ya no hay mas cambios que hacer.
- Ya que CloudFlare utiliza caches para guardar el contenido de tu página web, cuando estés haciendo cambios a tu pagina web, estos cambios no se reflejaran al instante en los navegadores. Así que es aconsejable que cuando estés haciendo modificaciones a tu página web, cambies el CloudFlare a modo de desarrollador así:
1- Clic en estadísticas y configuraciones:
2- El modo desarrollador esta "Off" por defecto. Clic en "here" en la linea "Development Mode" (modo desarrollador) para ponerlo en "On"
3- Ahora podrás ver los cambios a tu pagina web casi inmediatamente reflejados en tu navegador.
4- Cuando termines de hacer las modificaciones a tu página web, puedes volver a desactivar el modo desarrollador, haciendo clic en "here" otra vez
5- Ahora otra vez tu página web esta en la nube y cargará mas rápido
COMENTARIOS