Acelera la velocidad de tu web

velocidad-web

Cuando uno hace click en un resultado de una búsqueda para entrar en una página web, espera que de la forma más rápida posible esa página en la que quiere entrar se abra y le muestre lo que estaba buscando. Estamos en un mundo frenético, aspiramos a conexiones cada vez más rápidas, nuestro tiempo libre es cada vez más escaso… así pues, quien quiere esperar mirando a la pantalla de su ordenador, smartphone o tablet mientras una página se está cargando…. !!nadie!!

Así pues, cuando nos lanzamos a un desarrollo debemos tener muy en cuenta esta variable, que puede significar la diferencia entre el éxito o el fracaso. No podemos presentarnos con una página que carga de forma lenta ante nuestros visitantes, !esa primera percepción es muy importante! Que si, que puede ser todo lo bonita e interactiva que queráis, pero como la página se eternice a la hora de descargar, podemos ver como ese sitio web tan laboriosamente construido se queda desierto porque la gente no espera a que acabe de cargar por completo. ¿Menudo desastre no?

Por suerte, a estas alturas ya debéis ser conscientes que no podemos centrarnos únicamente en lograr algo estéticamente precioso o con muchas opciones si esto implica unos tiempos de carga muy elevados, ya que los usuarios podrían desistir en su intento de visualizar una página que consideran lenta. Es más, es menos probable que tras una mala experiencia por culpa de la velocidad un usuario regrese que si se trata de una mala experiencia por un diseño «no tan perfecto».

¿Y que podemos hacer para mejorar la velocidad de carga de nuestra web?

Ahora que ya sabemos que es importante cuidar la velocidad de carga, es momento de revisar nuestra web y comprobar si el tiempo de carga es adecuado. Si no fuese así, necesitaremos hacer que mejore de alguna forma si no queremos arriesgarnos a perder a nuestros visitantes por culpa de la lentitud.

La primera y opción más evidente cuando las cosas no funcionan tan rápidamente como quisiéramos es por supuesto mejorar la potencia de nuestra web. ¿Y eso como lo hacemos? Bien, pues no queda otra que contratar un hosting de calidad. No debemos ver en el hosting un gasto superfluo, sino todo lo contrario, estamos ante una inversión. Si hacemos una analogía con un coche, el hosting sería el equivalente al motor, sin un buen motor, por muy bien diseñado y aerodinámico que sea el coche poco va a correr. Pues bien, con nuestra web, pasa lo mismo, o tenemos un buen hosting o nos encontraremos en un verdadero aprieto.

Pero no siempre basta con mejorar el motor del coche. Si el coche esta fabricado con materiales muy pesados y poco aerodinámicos, el motor se sobrecargará para obtener un resultado más bien pobre, con nuestra web sucede lo mismo. Tenemos que revisar nuestro código y optimizarlo para que todo funcione de la mejor forma posible. Mantener el código actualizado de nuestra web es fundamental, algo que con un CMS como WordPress puede ser relativamente fácil. Revisando el código a fondo podemos encontrar cosas que no son necesarias y que podrían hacer que mejore el rendimiento (conexiones duplicadas, llamadas externas que nos sobran…), si usamos un CMS como WordPress debemos confiar en que las actualizaciones se encarguen de esa labor.

Cuando se recurre a CMS como WordPress añadir funcionalidad a las páginas se ha convertido en algo muy sencillo, sin embargo abusar de los plugins puede hacer que el rendimiento de la web se vea perjudicado. A fin de cuenta se trata de juntar muchos fragmentos de código de diferentes desarrolladores y esperar que todo funcione bien… Así pues, es recomendable no instalar más que los plugins estrictamente necesarios y mantenerlos siempre convenientemente actualizados. Por supuesto, todos aquellos que no utilices deberían estar ya en tu lista de cosas a eliminar…

Y el aspecto que tanto importa en estos tiempos… no por ser lo último en abordar es lo menos importante. De hecho, es uno de los elementos donde más cuidado debemos tener. Los contenidos gráficos que tan bonito dejan un sitio web, pueden ser un auténtico quebradero de cabeza. Deberemos ser capaces de optimizar todos los elementos gráficos al máximo posible puesto que estos son los que una mayor peso tienen en la velocidad de carga de tu web. Cachear imágenes y servir imágenes optimizadas al tamaño de visualización son elementos claves si queremos evitar que la parte gráfica suponga un lastre para la velocidad de nuestro sitio web. De nuevo si hemos recurrido a un CMS es posible que la facilidad para cambiar el aspecto con las plantillas nos haga caer en la trampa de instalar alguna que sea muy recargada… elige mejor una ligera y que no haga más de lo que puedes necesitar, ya que todas esas funciones extra no se traducirán más que en peores tiempos de carga de tu web.

Trucos para que tu página sea más mobile-friendly que no cuestan tanto

El acceso a Internet se ha vuelto móvil. Y es que aunque a algunos les cueste aún aceptarlo, cada vez es mayor el acceso a internet desde este tipo de dispositivos y de ahí que cada vez sea más importante optimizar la web para los dispositivos móviles. Y esto es lo que se conoce como mobile-friendly, conseguir que la web este optimizada al máximo para los dispositivos móviles.

Esto es algo que todos los que lanzan un proyecto online deben tener muy en cuenta. Pero más allá de muchas cuestiones técnicas, hay algunos trucos/consejos básicos que no cuesta tanto aplicar y que pueden ayudar enormemente a favorecer la navegación de vuestro proyecto web desde un dispositivo móvil. Vamos a ello…

Simplificar, simplificar, y volver a simplificar el contenido

Tiempo atrás la web era un montón de páginas de texto, donde muchos valoraban los grandes artículos… pero eso era antes. Las personas que consultan información desde un dispositivo móvil tienen un menor plazo de atención, y son menos propensos a leer artículos de cierta extensión. Así que reduce el contenido para ajustarte a los lectores. Así pues, escribe solo lo imprescindible, utiliza titulares cortos y pon los contenidos más importantes al principio.

Optimiza los recursos

Aunque los dispositivos  móviles son cada vez más potentes, aún siguen sin contar con la capacidad de procesamiento de los equipos de escritorio. Así pues si optimizas al máximo los recursos de tu página web (evitando uso intensivo de vídeos o mucho código javascript), estarás mejorando la experiencia de uso al mismo tiempo que reduces el ancho de banda consumido y los tiempos de descarga (lo cual es positivo también de cara al posicionamiento).

Usa imágenes más pequeñas

En línea con lo anterior, utilizar imágenes optimizadas para dispositivos móviles puede contribuir enormemente a mejorar la experiencia al reducirse notablemente los tiempos de descarga.

Céntrate en lo importante

Es de suponer que realizarás algún tipo de seguimiento de tu sitio web, así pues podrás analizar que páginas son las más consultadas desde dispositivos móviles y así sabrás donde tienes que centrar tus esfuerzos. De poco servirá optimizar por ejemplo las imágenes de una página que apenas recibe consultas mientras que dejamos otras con mucho más tráfico sin revisar, así pues, céntrate en lo importante.

Google sigue ayudándonos a optimizar nuestra página para dispositivos móviles

Los dispositivos móviles llegaron y lograron lo que nadie creía posible años atrás, desbancar a los ordenadores para el acceso a Internet. Cada día millones de usuarios acceden a su correo, a redes sociales o a la web desde sus terminales móviles. Seguramente el hecho de llevarlo con uno mismo y poder aprovechar esos ratos muertos en los traslados o mismamente por el hecho de no esperar a encender el ordenador, hace que consultar algo en internet desde un dispositivo móvil sea algo cotidiano (por supuesto, la proliferación y mejora de las conexiones de datos también han aportado su granito de arena).

Así pues, el tráfico desde los dispositivos móviles está por encima del que se realiza desde los ordenadores tradicionales (portátiles o de sobremesa) y en Google conscientes de ello, llevan mucho tiempo  trabajando no solo en adaptar todos sus servicios, sino también en hacer que los dueños de las páginas web también lo sepan y adapten sus páginas web para dispositivos móviles. A fin de cuenta a ellos les interesa, como punto de entrada a la web para muchos millones de usuarios, que los resultados a los que lleve su buscador se adapten lo mejor posible a las necesidades de sus usuarios (para evitar así que la posible mala imagen de esas páginas afecte a la percepción que se tiene del propio buscador).

Así pues, llevan mucho tiempo trabajando por ofrecer a los webmasters herramientas que les permitan conocer si sus páginas web están correctamente adaptadas a la navegación desde dispositivos móviles. Ahora lo que si, vienen con una herramienta renovada y mucho más vistosa que nos permite comprobar si nuestra página web esta correctamente adaptada a dispositivos móviles.

A través de esta herramienta no solo se nos dirá si esta cumple o no los requisitos, se nos ofrecerá además una puntuación con el nivel de optimización para dispositivos móviles. Junto a esta otras dos que miden la velocidad de descarga de la página en dispositivos móviles o equipos de escritorio. Si profundizamos un poco más nos dará algunos detalles de los principales aspectos que influyen en cada puntuación y si queremos aún más, podemos solicitar que nos envíen un informe detallado (para los que tengáis muchas páginas web, saber que solo se pueden solicitar hasta tres informes al día).

Así pues, Google nos ofrece una gran herramienta con la que asegurarnos que nuestra página web cumple todos los requisitos para asegurar una buena navegación desde dispositivos móviles.

 

WP Smush.it te ayuda a optimizar las imágenes para tu blog

Seguramente sepas de la importancia del rendimiento de una página web de cara a que estas se muestren rápidamente. Muchos estudios han demostrado que una página que carga lentamente tiene muchas posibilidades de ser abandonada por sus visitantes. Y dentro de una página web, ¿cuales han sido históricamente los elementos que más carga suponen?

La respuesta sin lugar a dudas sería «las imágenes». Así pues quienes tratan de hacer que la velocidad de su sitio web sea lo más rápida posible, sabrán lo que supone el optimizar imágenes antes de subirlas a su blog o página para hacer que la velocidad de descarga de sus páginas sea la mayor posible.

Si eres usuario de un blog con WordPress existe un plugin. Su nombre es WP Smush.it y este te permitirá optimizar fácilmente las imágenes cuando las estas subiendo. De forma automática sin mayores complicaciones estarás logrando que las imágenes ocupen menos y por tanto la descarga sea más rápida.

WP-Smush-it

Este plugin optimizará la compresión de las imágenes JPEG, convertira archivos GIFs en PNGs indexados y eliminará los colores que no se utilizan en las imágenes indexadas. Así pues no hay mucho más que comentar, las imágenes se cargan como siempre solo que el plugin se encarga de trabajar en segundo plano comprimiéndolas en la medida de lo posible. La única pega es que para que el plugin funcione necesita conectarse al servicio ofrecido por Smush.it y a veces la carga de trabajo es excesiva y el servicio se cae. No obstante no suele ser un mayor impedimento para la utilización normal del plugin.

Eliminar animaciones en Mission Control

Mission Control incluye una serie de animaciones, que en caso que busquéis una mejora del rendimiento de vuestro equipo, quizás queráis eliminar. Para ello en una ventana de terminal deberéis teclear el siguiente comando:

defaults write com.apple.dock expose-animation-duration -float 0.12 && killall Dock

Si queremos anular esta acción, bastaría con teclear este otro comando:

defaults write com.apple.dock expose-animation-duration && killall Dock

W3 Total Cache para mejorar el rendimiento de WordPress

W3 Total Cache es un plugin con el cual podrás mejorar el rendimiento de tu blog o página basada en WordPress. Todos sabemos de la importancia en la velocidad de carga de una página, así un usuario si visita una web lenta podría acabar por cansarse y abandonarla y los buscadores por ejemplo tienen en cuenta la velocidad de carga para el posicionamiento de una web. Con este plugin se optimizará la velocidad de carga y se reducirá el consumo de recursos. Para ello lo que hace es generar páginas estáticas en HTML a partir de las páginas dinámicas generadas por WordPress almacenandolas para luego servirlas en lugar de realizar una petición. Su configuración es muy sencilla y sin duda la mejora puede ser muy sustancial sobre todo cuando nuestro site con WordPress es visitado por un número elevado de personas.

Página oficial del desarrollador.

 

Ser el primero, supone hasta un 50% más de tráfico

Optimización para los buscadores
Optimización para los buscadores

Según un reciente informe de Chitika, la diferencia entre ocupar el primer escalafón en los resultados de búsqueda de Google o el segundo, puede suponer hasta un 50% más de tráfico. Y es que a estas alturas, todos sabemos que estar en la primera página de resultados de Google es vital, ya que pocas veces se va más allá de esa primera página, y que estar entre los tres primeros resultados es aún quizás más importante, ya que supondrían la mitad de los clicks. Pero aún hay más, y es que entre estar primero o segundo hay una gran diferencia, de forma que si estamos en segundo lugar tendríamos hasta un 50% menos de tráfico (el primer resultado supone más del 34% de los clicks mientras que el segundo puesto se queda con algo más del 16%). De esta forma, supone que tendríamos hasta el doble de visitas si logramos estar en el primer lugar de los resultados y por tanto si bien, es importante estar entre los primeros, está claro que estar el primero supone una gran ventaja. Por tanto, no dejéis de intentar posicionar lo mejor posible vuestras páginas, el tráfico recibido en vuestra web os lo agradecerá.

Más motivos para optimizar la web para dispositivos móviles

Hace relativamente poco, comentábamos que Google daría «prioridad» a las webs optimizadas para móviles. No obstante si no ves suficiente «motivo» en lo que Google dice, vamos a ofreceros algunas razones más que podrían llevaros a pensar en la optimización de un sitio web para dispositivos móviles. Y es que según revelan ciertos estudios, la navegación por Internet sigue experimentando un crecimiento expectacular, que  en dos años sería del 1000% habiendo alcanzado un 7% del total de dispositivos conectados a Internet (Y además, según algunas encuestas, se espera que pronto se lleguen a cifras del 25%) Vamos, que está claro que cada vez son más los usuarios que acceden a internet a través de sus dispositivos móviles y seguro que no queremos dejarles fuera y perder así a potenciales visitantes.

Otro dato es que la fidelización de los usuarios puede crecer hasta el 85% en el caso que tengamos la web optimizada para moviles. No debería desestimarse este dato, ya que la fidelización de los usuarios en el mundo de Internet donde existen tantas opciones disponibles es fundamental.

Lo que también está claro, es que a día de hoy, la optimización de sitios web para móviles es algo que está todavía en ciernes, y menos del 22% de los sitios del Alexa Top500 lo habrían hecho y si hablamos de sitios de ventas online, la cifra no llega siquiera al 5%.

Así pues, os volvemos a recordar la importancia de la optimización de sitios web para dispositivos móviles y os invitamos a que no os demoréis mucho, aún podéis ser de los primeros y es una oportunidad que no debe desaprovecharse (en cuanto el tiempo lo permita, intentaremos nosotros por nuestra parte hacer lo propio).

 

 

 

2Click Update, manteniendo nuestro sistema actualizado y optimizado

2Click update, software de mantenimiento
2Click Update

Si bien el Centro de Software de Ubuntu nos puede servir para mantener actualizado el software de nuestro ordenador, algunas soluciones como 2click Update, nos hacen la vida aún más fácil si cabe. Con este sencillo programa, que promete funcionar con 2 clicks de ratón, podréis:

  • Instalar las últimas actualizaciones de las aplicaciones instaladas y librerías del sistema.
  • Eliminar paquetes que se actualizaron automáticamente para cumplir con dependencias para otros paquetes y que ya no son necesarios.
  • Eliminar paquetes y archivos de configuración que ya no son necesarios para ningún software en tu sistema.
  • Eliminar los archivos almacenados en la cache de paquetes que ya no están disponibles en los repositorios o que tienen nuevas versiones disponibles.
  • Eliminar de la cache los paquetes descargados para liberar espacio.
  • Optimizar la memoria RAM

Así pues, con esta sencilla aplicación podremos mantener nuestro sistema en buen estado en todo momento y actualizado.