TEST DE VELOCIDAD DE CARGA OPTIMIZAR LA VELOCIDAD DE CARGA – ARTÍCULO DE SEO
Cada día somos más las personas que nos preocupamos del seo y de Optimizar la Velocidad de Carga de nuestro Blog para ello hacemos el TEST DE VELOCIDAD DE CARGA de Google y nos llevamos una gran sorpresa!.
Principalmente por las siguientes razones:
➔ Google penaliza mucho la lentitud en la velocidad de carga.
➔ Tu cliente se cansa de esperar a que cargue y se va con tu competencia.
➔ Se accede cada vez más desde el móvil y la velocidad se nota mucho mas.
Google, Nos recomienda que el servidor responda en menos de 200 ms. Y menos de 3 seg para mejorar la tasa de rebote.
COMO PODEMOS VER TEST DE VELOCIDAD DE CARGA DE NUESTRA WEB?
Existen numerosos programas que ya hacen esto.
Tenemos uno gratis de Google que es el que yo suelo utilizar
PLUGIN GRATIS PARA MEJORAR EL TEST DE VELOCIDAD DE CARGA
Por favor antes de empezar!!
» ¡Realice siempre una copia de seguridad de la configuración del servidor antes de realizar cambios en la configuración del servidor web! «
➤ Para Velocidad Caché
1.- WP Super Caché
Es muy sencillo de utilizar, sólo tienes que descargar y activar y una vez hecho esto poner en ajustes:
✓ Almacenamiento en caché Activado (Recomendado)
También puedes hacer test de vez en cuando y borrar la memoria caché.
Este plugin convierte las páginas dinámicas en convierte en fijas.
2.- WP Fastest Cache
Este complemento crea archivos html estáticos de su blog dinámico en WordPress.
Cuando se procesa una página, se utilizan php y mysql. Por lo tanto, el sistema necesita RAM y CPU.
En este caso, necesita un sistema de caché para no mostrar página una y otra vez.
El sistema de caché genera un archivo html estático y guarda.
La configuración de este complemento es muy sencilla.
➤ PARA VER CÓMO NOS AFECTAN LOS PLUGIN Y COMPLEMENTOS.
3. P3 Plugin Performance Profile
Se ha convertido en un plugin indispensable.
Este complemento crea un perfil del rendimiento de los complementos de su sitio WordPress y mide el tiempo de carga de cada plugin y complemento.
Muchas veces, los Blogs se cargan lentamente debido a los complementos mal configurados o porque hay muchos de ellos.
Cómo funciona? Muy sencillo…
Abra el menú Herramientas , luego abra P3 Plugin Profiler y luego haga clic en Escanear ahora .
Este plugin cuando no lo utilizo lo desactivo hasta la próxima vez que escanee.
➤ PARA IMÁGENES Y CDN (imágenes, vídeos, PDF, CSS, JAVASCRIPT etc…)
4.- Smush.it
Reduce el tamaño de las imágenes pero lo más importante es que no pierden la calidad.
Cambia el tamaño, optimiza y comprime todas tus imágenes con la increíblemente potente y 100% gratuita.
5.- CloudFlare:
Es el mejor Plugin gratuito, el resto son PRO.
Os pongo un enlace para que veáis cómo funciona AQUÍ.
6.- WP-Minify
Si utilizas archivos CSS y JS, sabrás que estos pueden ser muy pesados, ralentizando la respuesta de su página.
WP-Minify optimizará dichos archivos, reduciendo así su tamaño, mejorando la calidad de tu blog.
➤ PLUGIN PARA COMPRIMIR
Comprimir en GZIP
No es un plugin pero es tan importante y necesario que he querido incluirlo aquí
Esta puede ser la diferencia entre un sitio que se carga dentro de un segundo o no.
¿Qué Es Compresión GZIP?
GZIP es un formato de archivo y una aplicación de software utilizado para comprimir y descomprimir archivos.
La compresión GZIP es habilitada en el lado del servidor y permite la reducción adicional de su HTML, stylesheets y archivos JavaScript. No trabajará con imágenes ya, para esto ya hemos visto otros plugin un par de puntos arriba.
Cuando un navegador visita un sitio web chequea si el servidor web tiene GZIP habilitada verificando si la cabecera de respuesta “content-encoding: gzip” existe. Si encuentra la cabecera presenta los archivos más pequeños, si no la encuentra presenta los archivos sin comprimir.
Ejecutarlo es muy sencillo.
En primer lugar, ver si ya lo tenemos hecho, compruébalo en esta página.
https://checkgzipcompression.com/
Habilitar GZIP con WordPress Plugin
➤ PLUGIN PARA COMBINAR
➤ BORRAR ARCHIVOS INNECESARIOS.
WP-Optimize
WordPress es capaz de guardar archivos y hacerlo de manera automática. Si bien esto es una gran ventaja, en ocasiones puedes despistarte y tener archivos guardados que realmente no utilizas.
WP-Optimize te informará sobre los archivos que ya no te sean de utilidad, dándote la opción de eliminarlos.
CASO PRÁCTICO DE CÓMO MEJORAR TEST DE VELOCIDAD DE CARGA.
Justo en este momento me dispongo a ver el test de la velocidad de carga de mi web con Page Speed Insight, tras las última actualización de Google «indexación «dispositivos móviles primero».
Y Cuál es nuestra sorpresa? ha bajado mucho las exigencias de Google en cuanto a la WPO.
E incluso si lo paso por otra herramienta gratuita para ver si es Apta para móvil mobile friendly test .
Otra opción también para ver la velocidad de carga de tu web en los móviles es https://testmysite.thinkwithgoogle.com
Y mis sospechas se han cumplido, Google nos puede penalizar por la lentitud de nuestra web.
Ahora vamos a dar datos y pasos a seguir para mejorar este desastre.
Además ahora en Search Console también tenemos la pestaña de Usabilidad de Móvil.
GUÍA PARA SUPERAR EL TEST DE VELOCIDAD CARGA DE GOOGLE.
Paso 1.- Las imágenes.
Vamos a comprobar que no tengamos imágenes duplicadas.
Vamos hacer una Optimización Masiva con el plugin Tiny Compress JEPG y PNG images que te deja optimizar hasta 500 imágenes al mes GRATIS.
Y para los que empezáis os voy a dar un consejo…
Siempre coger imágenes como mucho de 1080 de tamaño.
Y luego las pasáis por la página de Tiny, que además del plugin tiene una web que las optimiza on line y Gratis.
Fíjate en todo lo que reduce este simple paso.
Fíjate que ya le hemos quitado hasta un 71% de carga a una de ellas y un 46% a la otra!!!..
Paso 2.- Ver qué plugins nos están afectando.
Para ello vamos a usar el Plugin
WordPress Inspector
WordPress Inspector inspeccionará su sitio en cuanto a velocidad de carga, SEO, seguridad y rendimiento.
Entra en el código de la web que podemos ver en Google Chome, si nos vamos al botón de arriba a la derecha y le damos a herramientas y marcamos herramientas para Desarrolladores podemos acceder al mismo código
Incluye un completo escáner de seguridad y escanea WordPress en busca de plugins o temas potencialmente dañados. La eliminación de códigos mejora rápidamente el test de velocidad de carga de nuestra web para aportar un gran rendimiento.
CARACTERÍSTICAS
★ Velocidad de carga
★ SEO
★ Seguridad
★ Rendimiento
★ Tema
★ Complementos o plugins
Entramos en el plugin en la parte lateral izquierda y clickamos y revisamos la información .
El siguiente plugin que podemos usar para ello es :
P3 Plugin para WordPress
P3 Plugin Performance Profile,
Lo buscamos, instalamos y activamos.
Ya sabemos que para cada funcionalidad hay muchísimos plugins de WordPress y con esta herramienta podemos decidir cuál será mejor opción para nuestro proyecto.
Entramos en Herramientas y clicamos en el P3 Plugin Performance Profile.
Este plugin revisa los MySQL o memoria de nuestro WordPress, la versión PHP , tiempo de carga total e incluso el TTFB (Time To First Byte, abreviado TTFB, que significa el Tiempo Hasta el Primer Byte).
Una vez abierto vamos allá:
➤ Pinchamos en Star Scan.
➤ Ponemos el nombre o fecha para tener una referencia.
➤ Y ahora Auto Scan.
Súper importante ahora no tocar nada y esperar a que escanee nuestra web. El proceso va a tardar unos 5 minutos, así que aprovecha para mover las piernas jajaja.
Paso 3.- Mejorar la Memoria Caché.
WP Super Cache
W3 Total Cache
WP Fastest Cache
- CometCache
- Hyper Cache.
- Hyper Cache Extended.
- WP Super Cache.
- Super Static Cache.
- Simple Cache.
- Powered Cache.
- WP Speed of Light.
- WP-FFPC.
- Vendi Cache.
- Gator Cache.
- Memcached Redux.
- BatCache.
- Redis Object Cache.
- WP Redis.
- Cachify.
- Blunt Cache.
- Pods Alternative Cache.
- Next Level Cache.
- DB Cache Reloaded Fix.
- Widget Output .
- Cache-Control
Paso 4.- Optimizar los ficheros HTML.
Lo primero que vamos a hacer es ver cuantas peticiones HTTP tiene que hacer tu web.
Volvemos a las herramientas de desarrollador de Google: Desarrollador> Herramientas del desarrollador.
Para ver como interpretar todo esto tenemos la ayuda de Google con este enlace
Paso 5 .- Ficheros JS
Paso 6.- Vamos a ver los CSS.
Tenemos una herramientas gratuita como siempre que es:
http://jigsaw.w3.org/css-validator/