Velocidad de carga, haz que tu web vuele

velocidad de carga

Velocidad de carga, haz que tu web vuele

La velocidad de carga de tu pagina web ya es un requisito básico a la hora de posicionar tu página web en google. Es bastante previsible ya que google lleva tiempo insistiendo en que las webs sean transparentes y garanticen una buena experiencia a los visitantes.

Si has notado que tu página web va lenta, presta atención a estos puntos para detectar porque y ponerte manos a la obra para solucionar el problema. Normalmente son cambios que se pueden aplicar en poco tiempo, mejoran notablemente la velocidad de carga y te ayudan a subir posiciones en google.

HERRAMIENTAS PARA MEDIR LA VELOCIDAD DE CARGA

Si quieres averiguar porque tu web es lenta, puedes usar varias herramientas para detectar los errores. Estas páginas miden el rendimiento de cada elemento que interviene en la velocidad de carga, pudiendo detectar elementos innecesarios que ralentizan la velocidad de carga de tu web. Además estos test te sugieren cambios en tu web que pueden ser de utilidad para mejorar la velocidad de carga de tu web. Suelen ser conceptos muy técnicos, así que mejor envíale el informe a tu webmaster.

Google page speed insights /  Pingdom tools /  Yslow / Webpagetest

CACHE, LA VERSIÓN EMPAQUETADA DE TU WEB

El cache para ser sintético es una copia de tu web ya procesada que se carga directamente al usuario que entra en tu página. Esto agiliza el proceso de carga ya que no procesa todo el código, sino una versión precargada.

  • w3 total cache: es un plugin que tiene muchas opciones de configuración, de hecho puedes hacer con el casi todo lo que estos test te sugieren, pero es un poco peligroso y no siempre funciona bien en todas las webs. Te recomiendo hacer copias de seguridad antes de usar este plugin porque te la puede liar, ya que ejecuta funciones que actúan sobre elementos calve de la web, pudiendo hacer grandes destrozos.
  • wp super cache: Es mejor que el anterior. Es un plugin muy bien trabajado que te permite cachear toda tu web sin riesgos, pero no te permite hacer según que acciones que te puedan indicar los test.
  • wp rocket: Sin duda es el mejor plugin, te permite hacer todo lo que se necesita para optimizar la velocidad de carga, te permite cachear, comprimir en gzip, optimizar fotos pesadas, minificar css y js, incorpora un cdn y muchas otras cosas más. El único pero es que es de pago, concretamente 30$. Pero sinceramente son 39$ bien invertidos, ya que seguro que tu web mejora notablemente y soluciona muchos errores que te están lastrando.

CDN (CONTENT DELIVERY NETWORK)

Un CDN te permite quitar mucho peso a tu web al ubicar todos tus archivos estáticos como imágenes, videos y js en otro servidor. Tal como funciona, primero carga tu web desde tu servidor y después se muestran dichos archivos cargados desde otro servidor.

A nivel internacional funciona de maravilla, pues normalmente un servidor de otro país tardaría más tiempo en cargar las imágenes de tu web, pero con un cdn internacional como cloudflare o Amazon cloudfront, puedes agilizar mucho dicho proceso ya que son host con presencia internacional.

HOSTING, LA MADRE DEL CORDERO

La velocidad de carga de tu web esta directamente relacionado con el hosting que en el que alojas tu web. hemos vistos verdaderos milagros solo al cambiar una web de hosting. Ten en cuenta que wordpress de por si tiene muchísimos recursos que hacen muchas llamadas al servidor como plugins y otros códigos que participan en la carga de una web.

Asegúrate de contratar un buen hosting especializado en wordpress que disponga de discos de SSD de alta velocidad, sin duda el mejor en España es webempresa y no resulta caro comparado con otros hostings que ofrecen mucho menos por el mismo precio.

Un problema generalizado en los hostings compartidos más comunes (no voy a dar nombres) es que todos las webs usan los mismos recursos del servidor, de modo que si una web tiene problemas de programación o simplemente tiene una sobrecarga de visitas puntual, esto va a afectar a sus webs vecinas alojadas en el mismo servidor.

Es importante que el hosting que contrates, aisle cada web y disponga de recursos propios no compartidos con otras webs, lo correcto seria que tu hosting usara un sistema operativo como CloudLinux para garantizar un mínimo de recursos para cada web.

MINIFICAR TUS FICHEROS HTML, CSS Y JS

Cuando hablamos de minificar, nos referimos a quitar sobrantes de nuestros ficheros HTML, CSS y JS. Estos sobrantes suelen ser líneas de código innecesarios, como saltos de línea o comentarios innecesarios. Normalmente cuando minificamos nuestros archivos conseguimos un documento con única línea de código larguísima. No es santo de mi devoción, ya que me gusta comentar todo lo que hacemos y a que corresponde cada línea de código, pero hay plugins que no son invasivos y no tocan el fichero original, sino que crean una carpeta donde generan dichos archivos comprimidos con prioridad sobre los originales.

Otra función relacionada con la optimización de tus ficheros es combinar, lo que significa disminuir el número de peticiones al servidor, normalmente suele ser la fusión de todos los css y js de la web en uno que se deposita en una carpeta con prioridad sobre las originales (siempre y cuando el plugin esté activo.

Recomiendo el plugin wp rocket para minificar y combinar tus ficheros, es el más fiable y al ser de pago, dispones de soporte en caso de que haya alguna incompatibilidad. Por otro lado, es un plugin de caché, por tanto tienes un dos por uno muy eficiente, la única contra es que tiene un coste de 39$.

IMÁGENES, HAZ QUE VUELEN

Hay algunos elementos “onpage” que pueden desahogar mucho tu página web. El principal es peso de tus imágenes. Si dispones de un software como photoshop, te recomiendo usar su famoso “guardar para web” y controlar el peso del fichero. Bajo mi punto de vista, una imagen nunca debe superar los 100k, sobretodo si tienes una página web con muchas imágenes.

En el caso de que no dispongas photoshop, puedes usar plugins para que reduzcan el peso de todas las imágenes de forma automática. Te recomiendo dos plugins muy potentes EWWW ImageOptimizer (gratuito) y TinyPNG (de pago).

Un consejo a nivel estilístico es que intentes usar imágenes que utilicen pocos colores, como imágenes flat design o ilustraciones en vez de fotografías de paisajes o con gran espectro de colores. Si no puedes por una cuestión de branding, intenta usar pocas fotos de este estilo y nunca uses slides de fotos.

 

Si necesitas soporte profesional para mejorar tu velocidad de carga, puedes contactar con nuestro departamento web para que te ayuden en dicho proceso.

 

 

Comentarios