Uno de los factores más importantes de conversión, y posicionamiento, está relacionado con la velocidad de carga de la web.
Con una web lenta pierdes dinero
Muchas veces nos rompemos la cabeza pensando cómo podemos ganar dinero, sin pensar demasiado en las cosas que nos hacen perderlo.
Invertimos tiempo, y dinero en publicidad, para conseguir que la gente visite nuestra página web, sin embargo, no dedicamos el esfuerzo suficiente en comprender qué ocurre cuando la gente intenta acceder a la misma.
Mucha gente desconoce el siguiente dato:
El 53% de las personas abandonará un sitio web si éste tarda más de 3″ en cargar.
Y esta conclusión proviene ni mas ni menos de que de Google, en base a 3.700 datos anónimos de Google Analytics de una muestra de sitios web.
Esto quiere decir, que todo el esfuerzo que invertimos en conseguir que la gente nos visite, se puede ir a la basura por una mala gestión de nuestra página web.
Un ejemplo práctico podría ser una inversión de publicidad en Adwords. Te gastas 1€ por cada click en un anuncio, y antes de que esa misma persona que ha hecho click, vea tu web, decide pasar de ella porque «tarda mucho» en cargar. Resultado: 1€ a la basura.
Asi que, analiza la velocidad de tu web, y si tarda más de tres segundos en cargar, ponte manos a la obra.
Cómo mejorar el rendimiento
La mayoría de veces el problema de rendimiento está relacionado con sitios web que utilizan Themes muy pesados, con muchos plugins, y sin actualizar. Por esta razón, algunas veces no se puede resolver este problema con «arreglos», y la solución pasa por crear una web desde cero, tomando decisiones más informadas sobre el objetivo, y la gestión, de nuestro sitio web.
Antes de realizar ninguna optimización, vamos a analizar la velocidad de carga. Podrás hacerlo con cualquiera de estas herramientas:
Si el resultado es malo, entonces hay que ponerse a trabajar.
Caché
Es decir, que si ya se ha estado en la web, que almacene ciertos recursos para no cargarlos desde cero cada vez que se visite.
Para arreglar esto basta con añadir algunas líneas de código en nuestro archivo .htaccess
Este archivo deberás encontrarlo en tu instalación de WordPress, desde el gestor de archivos de tu hosting, o por medio de algún programa de gestión FTP tipo Filezilla.
Mucho cuidado con borrar o tacar nada de las líneas que ya se encuentran en el archivo, son muy importantes. Todo lo que añadamos deberá estar después de todo este código.
# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>
# END WordPress
Te dejo el código que deberás añadir después de las líneas de arriba:
<FilesMatch «\.(css|js|ico|pdf|flv|jpg|jpeg|png|gif|swf|mp3|mp4)$»>
Header set Cache-Control «public»
Header set Expires «Thu, 15 Apr 2020 20:00:00 GMT»
</FilesMatch>
Ojo, haz esto cuando hayas terminado de crear la web, porque si no, es posible que algunos visitantes vean la «versión antigua» de tu web, y otros la nueva. Me refiero a un cambio de css, fotos, etc.
Para editar este archivo necesitas un editor de código, y un gestor de FTP.
Minimizar JS y CSS
Esto sólo consiste es reducir al máximo el código de nuestra instalación. Para hacer esto lo que se hace es quitar los espacios que hay entre líneas. Lo malo de hacer esto el engorro que supone luego editar ese mismo código. Asi que si no es estrictamente necesario, yo no lo haría.
Reducir tiempo de respuesta del servidor
Dependiendo del hosting que tengas, podrás realizar una actualización de tu versión de PHP. Actualízala a la más reciente y conseguirás resolver este problema.
Optimizar imágenes
WordPress por defecto crea tres tamaños diferentes para cada imagen que subimos. Esto sucede para adaptar la imagen a contenedores mas o menos grandes. El problema es que muchas veces se utilizan imágenes más grandes de lo necesario.
Habilitar la compresión
Al igual que antes, sólo debemos añadir unas líneas de código al archivo .htaccess de nuestra instalación de WordPress.
Coloca el siguiente código:
<FilesMatch «\.(css|js|ico|pdf|jpg|jpeg|png|gif|php|woff)$»>
SetOutputFilter DEFLATE
</FilesMatch>
Existe un plugin que nos permite optimizar esto, y puedes encontrarlo aquí.
Pues esto es todo, te recuerdo que si no tienes demasiado tiempo puedo ejecutar todas estas tareas por ti aquí.
¡Hasta pronto!