Acelerar la carga de tu página web y consigue mejores resultados

Velocidad de Página

No descubrimos nada si aseveramos que una web que tarde mucho tiempo en cargar se posicionará mucho peor que una web que se abra en sólo unas décimas de segundo o incluso segundos. Por ello es importante tener en cuenta algunos aspectos determinantes que hacen que el usuario se desespere frente a la pantalla de ordenador viendo un cuadro en blanco mientras se carga tu Site, y por tanto lo abandone.

Pero no sólo por parte del usuario. Para Google es uno de los factores importantes que influyen en el posicionamiento de una Web, incluso por delante de otros factores que creíamos más importantes. Una Página que tarde mucho en abrir, Google no sólo no la posicionará, sino que además será penalizada, mientras que una velocidad de carga rápida, el motor de búsqueda americano tenderá a elevarla y destacarla del resto con menos velocidad.

Por ello te propongo algunos consejos y comprobaciones que puedes hacer en tu Site, y saber lo que tienes que hacer para optimizarla y reducir la velocidad de carga.

Una velocidad de carga lenta hace que tu pagina no se posicione adecuadamente - -Twittea -

1 Herramientas de análisis de la velocidad de carga.

Antes de ponernos a optimizar tenemos que saber lo que tenemos que modificar, quitar o poner. Y eso sólo lo sabremos con alguna herramienta que nos indique cómo está nuestra web en este sentido.

Page Speed Extensión de Firefox

Se trata de una extensión para Firefox, que se añade a Firebug como una pestaña más en dicha extensión. Una aplicación que te ayudará a conocer cómo es tu web de cara a los buscadores, y algunos consejos muy escuetos de los que necesitas modificar. Para descargar pincha aquí.

 

Pingdom Website Speed Test

Es una herramienta gratuita que te ayudará a conocer qué partes de tu página debes optimizar, el tiempo que tarda el servidor en conceder respuesta y sobre todo, el tiempo de carga de scripts e imágenes. Se trata de una herramienta muy orientativa, aunque no definitiva ya que es recomendable que para optimizar siempre se tengan en consideración varios factores más. Para accdeder pincha aquí.

Google Analytics

Aunque no está muy explotado, la herramienta de google de análisis te da una cierta información acerca de los problemas que puedas tener sobre todo en visionados móviles. Es necesaria debido a que es una de las mejores formas de saber cómo de rápida puede llegar a ser la versión para dispositivos móviles.

problema-a-una-web-lenta

3 herramientas para analizar la velocidad de tu página web. Pruebalas - -Twittea -

2 ELEGIR UN SERVIDOR ADECUADO.

Una de las principales causas que provoca el desmesurado retardo en el arranque de una web es el denominado, o mejor dicho, como a mí me gusta denominarlo “tiempo de servidor”, en el que de forma muy resumida podemos destacar 3 procesos.

No voy a liar a nadie con los entresijos del protocolo HTTP y las conexiones TCP / IP. Por ello en resumidas cuentas la comunicación del client con el server sería la siguiente. En el primer lugar lanzamos desde nuestro navegador (cliente) la consulta, que recibirá el servidor con un correcto apunte de las DNS’S, Otros procesos hacen que primero el cliente codifique y prepare la información para poder enviarla de forma adecuada. Este tiempo de consulta suele ser muy corto, ya que la cadena de bits que se manda es muy escasa, por lo en éste apartado de consulta no suele ralentizar nada. Sólo será un problema si las DNS’s no son capaces de apuntar adecuadamente a la Dirección IP del Servidor, o no están propagadas adecuadamente.

Desde que enviamos la consulta hasta que obtenemos la respuesta del servidor se produce el llamado tiempo crítico. Es el tiempo en el que tarda en contestar el servidor y por fin comienza a descargarse la información de la página web. Yo lo denomino tiempo crítico, porque en la medida de bueno o malo que sea el servidor provocará que este tiempo sea más o menos pequeño, provocando que algún usuario abandonase la tarea de visita a la web si el tiempo de espera se excede demasiado.

Por último el cliente (navegador) recibe la contestación del servidor, MIME, junto con la información que haya en ésa dirección del mismo.

Este proceso se repite para cada elemento que haya en el servidor. En el caso de una web, éste proceso se repite para cada elemento que se quiera descargar (imprimir en pantalla), aunque con la salvedad que los tiempos de espera del servidor en la primera comunicación no es el mismo que para los siguientes, sobre todo si ese servidor es cacheable.

Por tanto una buena elección del hosting hará que la web sea más rápida y tenga mejor posicionamiento. Además, es muy recomendable que si quieres posicionar la web en España el servidor escogido esté en España. Uno que funciona muy bien es el de Webempresa. Los tiempos de espera son muy buenos y al estar en España facilita todos los servicios, incluso la atención al cliente, fundamental para generar confianza.

Un mal servidor puede hacer que tu web tarde mucho en cargar. Eligue el adecuado - -Twittea -

 

3 OPTIMIZAR IMÁGENES

Parece evidente pero para la mayoría de clientes míos siempre tengo que hacer un trabajo de optimización del tamaño de las imágenes, porque están fuera de rango. Para estar en una web, una imagen no puede tener un tamaño superior a los 100kb. Este dato es un máximo porque la mayoría tendrán unas pocas decenas de kilobytes.

Una herramienta para optimizar adecuadamente las imágenes y saber las que pesan más o menos de 100KB es

Para poder verla y descargarla sólo tendrás que realizar una acción social:

 

Con el programa tendremos la opción de visualizar una gran cantidad de parámetros, básico para los que nos dedicamos al SEO, pero para esta empresa en concreto hay un apartado donde nos avisa de las imágenes que exceden de 100kB para poder modificarlas en la medida de lo posible. A veces creemos por reducir un poquito las imágenes no va a servir de nada, y estamos totalmente equivocados. Cada Byte cuenta, ya que si podemos reducir aunque sea en un 1% el tiempo con la carga de las imágenes, ya estamos haciendo algo importante.

La optimizacion de las imágenes nunca se tiene que pasar por alto, por ajustada que sea - -Twittea -

4 – SCRIPT Y PROGRAMAS DE TERCEROS

Un Script es un programa dentro de una web que se ejecuta en la sombra, sin que nosotros lo veamos, que los buscadores y motores de búsqueda los ven perfectamente y cumplen con una misión específica cada uno de ellos. La mayoría son códigos de terceros, que son insertados en el comienzo de la web, como, por ejemplo, el script de Google Analytics. Deberemos prescindir de los que no sean totalmente necesarios ya que afectan directamente a la lentitud visual de la web, ya que muchos condicionan la apertura de la web a la ejecución del script, y si hay algún error en éste o retraso se acumula tiempo de carga y esto es muy peligroso.

Para los que tengan WordPress, la mayoría de esos script son instalados en la página a través de los plugin. Igual que pasa en Prestashop y Magento, con los módulos. Por eso es conveniente tener el menor número de plugin posibles, sólo los necesarios, y confiar en los que se van a instalar, ya que si instalamos cualquier cosa en nuestro Site, no sabemos lo que nos están colando: un enlace externo a una página, un malware con escaneo de teclado, un troyano que se ejecute en los ordenadores de tus visitantes… Por todo ello debemos ser cautos a la hora de elegir los plugin o módulos.

Un consejo es utilizar la misma herramienta aconsejada anteriormente para detectar si hay algún enlace externo. También podemos utilizar Xenu para el mismo fin.

veloz-como-un-avion

No instales plugin o módulos como loc@, Sólo los necesarios y de confianza - -Twittea -

5 – Validacion de Código y sintaxis

Es importante no sólo que no haya ningún error de sintaxis en el código de nuestra web, sino que además, no hay ningún enlace roto o etiquetas SRC rotas ( como por ejemplo: <img src=” ”…) Esto puede provocar múltiples peticiones al servidor lo que llevaría acompañado un desmesurado tiempo de espera y además un consumo excesivo de la transferencia de datos.

Además Hay que tratar de utilizar el menor número posible de hojas de estilo CSS, intentando combinar algunas de ellas, y donde no se pueda, ponerlo en la cabecera, en el Head de la página html para cargar. Su buena utilización mejorará el tiempo de carga de nuestra Página web.

 

De esta forma, si mejoramos cada uno de éstos factores, tenemos gran parte del éxito conseguido. Y cabe destacar que aunque sólo consigas reducir un 2% del total del proceso de carga de la web, es importante hacerlo y tu lector te lo agradecerá.

 

velocidad-de-carga-de-la-web

Una buena sintaxis ayuda a mejorar la velocidad de carga de tu página web. - -Twittea -

Seguro que a esta altura seguro que le le has pasado alguna de las herramientas a tu web. Comenta tu experiencia y así aprendemos un poquito más de todos.

10 comentarios
    • Antonio López
      Antonio López Dice:

      Claro, por supuesto. La Caché es indispensable si se quiere hacer un buen trabajo y hacer volar tu página. Gracias.

      Responder
    • Antonio López
      Antonio López Dice:

      Cierto, para ello tienes que saber un poquito de probramacion, aunque no demasiado. Te podrías sorprender lo que llega a hacer la gente sin saber programar… He conocido a personas que programan aplicaciones sin saber rogramar, sólo cortando y pegando código, una pasada. Al final todo el mundo se busca la vida. Aunque lo suyo es que lo haga quien sabe de verdad. Saludos y gracias por comentar.

      Responder
  1. Diseño Web Las Palmas
    Diseño Web Las Palmas Dice:

    Estupendo post, siempre pensando en la usabilidad, la velocidad siempre debe de ser uno de los factores muy importantes que muchos no tienen en cuenta a la hora de realizar una página web, felicidades por el post.

    Responder
  2. Anuncios Google
    Anuncios Google Dice:

    Genial como siempre el post Antonio. Hoy me he decidido a aportarte una herramienta, http://gtmetrix.com que te analiza la web mediante los 2 algoritmos de análisis de la velocidad, el Page Speed de Google y el Yahoo YSlow.
    Además te muestra un drilldown de los tiempos de carga individualizados de cada uno de los elementos que componen la web en donde puede ver cuales son los que están bloqueando la web o retrasan más la carga en su conjunto. Espero que os sea de utilidad. Más herramientas en mi blog (el enlace directo en el nombre).
    Gracias a ti siempre!!!

    Responder
    • Antonio López
      Antonio López Dice:

      Probaré la herramienta. La había visto en algún sitio, de forma muy fugaz, pero no la he probado nunca. La pruebo y te cuento. Gracias, Saludos

      Responder
  3. posicionamiento seo
    posicionamiento seo Dice:

    Esto es realmente bueno, eres un blogger muy profesional. Me he unido a tu RSS y espero encontrar más cosas en este gran blog. Además, !he compartido tu sitio en mis redes sociales!

    Saludos

    [url=http://www.granota.eu/marketing-online/posicionamiento-seo.html]posicionamiento seo[/url]

    Responder

Dejar un comentario

¿Quieres unirte a la conversación?
Siéntete libre de contribuir

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

*