Y
yamilptc
Préstamo
Gamma
Hola amigos de ForoBeta, hoy les vengo a compartir este sencillo tutorial de como incrementar la velocidad de carga y optimización de nuestro sitio web creado en Wordpress.
PARA COMENZAR: Lo primero a realizar es comprobar nuestro rendimiento en Google PageSpeed para luego comparar nuestros resultados, obtenidos con este tutorial.
Optimizar y comprimir nuestro código CSS y HTML: PARTE 1
1- Ingresamos a nuestro panel de Wordpress e instalamos el plugin Autoptimize
2- Activar dicho plugin, luego ingresar en su configuración.
3- Click en “Optimize Javascript code” y “Optimize CSS Code”.
4- Guardamos la configuración
Debe quedar, como en la siguiente imagen:
Establecer tiempo de cache: PARTE 2
1- Acceder a nuestro hosting o panel de control, donde podamos encontrar los archivos de nuestro Wordpress.
2- Dirigirnos al root de nuestro hosting e identificar el archivo “.htaccess” (el de la base de datos).
3- Vamos a clickear en "edit" o "editar" (según su panel) y vamos a agregar el siguiente código:
*Importante: El codigo va antes de #END WordPress
4- Luego damos en aceptar y guardamos toda la configuración.
Por ultimo vamos a comprobar nuestro rendimiento nuevamente en Google PageSpeed y sacar nuestras conclusiones.
Luego de esta optimización vamos a tener un excelente rendimiento en nuestro sitio y notaremos que carga mucho mas rápido.
Saludos :encouragement:
PD: Comparte tu resultados antes y despues de este tutorial
PARA COMENZAR: Lo primero a realizar es comprobar nuestro rendimiento en Google PageSpeed para luego comparar nuestros resultados, obtenidos con este tutorial.
Optimizar y comprimir nuestro código CSS y HTML: PARTE 1
1- Ingresamos a nuestro panel de Wordpress e instalamos el plugin Autoptimize
2- Activar dicho plugin, luego ingresar en su configuración.
3- Click en “Optimize Javascript code” y “Optimize CSS Code”.
4- Guardamos la configuración
Debe quedar, como en la siguiente imagen:
Establecer tiempo de cache: PARTE 2
1- Acceder a nuestro hosting o panel de control, donde podamos encontrar los archivos de nuestro Wordpress.
2- Dirigirnos al root de nuestro hosting e identificar el archivo “.htaccess” (el de la base de datos).
3- Vamos a clickear en "edit" o "editar" (según su panel) y vamos a agregar el siguiente código:
Insertar CODE, HTML o PHP:
## EXPIRES CACHING ##
ExpiresActive On
ExpiresByType image/jpg "access 1 year"
ExpiresByType image/jpeg "access 1 year"
ExpiresByType image/gif "access 1 year"
ExpiresByType image/png "access 1 year"
ExpiresByType text/css "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 2 days"
## EXPIRES CACHING ##4- Luego damos en aceptar y guardamos toda la configuración.
Por ultimo vamos a comprobar nuestro rendimiento nuevamente en Google PageSpeed y sacar nuestras conclusiones.
Luego de esta optimización vamos a tener un excelente rendimiento en nuestro sitio y notaremos que carga mucho mas rápido.
Saludos :encouragement:
PD: Comparte tu resultados antes y despues de este tutorial
