Actualidad de Desarrollo Web

blog01
27
04
2016

¿Es el móvil la nueva gallina de los huevos de oro?

Si hace solo unos años, quien no tenía una web en Internet, no existía (hoy en día esto ya lo damos por hecho) ahora la clave radica en que esa web esté adaptada al móvil y que las estrategias de marketing de las empresas se centren en las versiones móviles, por lo menos, con el mismo interés que lo hacen en la web.

2015-06-14-12-59-24

En el autobús, en el sofá de casa o mientras tomamos un café, el móvil se ha convertido en nuestro compañero inseparable, ese amigo que siempre nos acompaña y con el que, constantemente, 'hablamos'. Las primeras consultas las hacemos a través de estos dispositivos, porque las 'necesidades' surgen en los momentos menos esperados y él siempre está con nosotros.

Por eso, las estrategias de marketing y publicidad han de dirigir sus esfuerzos hacia las versiones móviles, algo que no es fácil ya que los usuarios, si bien en las webs están más acostumbrados a ser bombardeados, no así cuando hacen sus consultas son a través del móvil. Aquí las buenas ideas y la inteligencia de los departamentos de marketing cobran mucho más sentido ya que son ellos los que tienen que definir las mejores alternativas para captar al usuario móvil sin enfadarle.

Lo que está claro es que, hoy en día, todas y cada una de las webs deben pensar en sus versiones móviles y estar ahí cuando los usuarios busquen información. Pensad que si Google hizo que su algoritmo fuese responsive, por algo será.

blog01
16
02
2016

Mejorar la velocidad de carga de la web optimizando las búsquedas DNS

Minimización llamadas a los DNS

La optimización de los tiempos de contacto con un servidor DNS, así como la posibilidad de minimizar el número de búsquedas DNS necesarias, serán otra clave más a tener muy en cuenta de cara a la optimización de la velocidad de carga de nuestra página web. Pero empecemos por el principio:

  • ¿Qué son los DNS y cómo funcionan?

Si tenemos que definir las DNS de manera rápida y sencilla, podríamos decir que "es una gigantesca base de datos a partir de la cuál se distribuye el contenido en ella almacenada en base a las peticiones de todos los dominios existentes en la red".Las DNS (Domain Name System) son, básicamente, la asignación de un nombre a una dirección IP concreta. ¿Y esto por qué? Muy sencillo; si los usuarios o consumidores de contenido online tuviéramos que recordar todas y cada una de las direcciones IP que tiene asignadas los dominios que normalmente visitamos, sería un verdadero lío. Las DNS nos simplifican la vida, ya que asignan a cada IP un nombre de dominio específico, facilitando de esta manera la llamada al mismo, evitando tener que memorizar una secuencia numérica por cada domininio. A fin de comprender un poco mejor el funcionamiento de las llamadas del buscador al servidor y la gestión de las BNS, os dejamos un vídeo ilustrativo que seguro os hará entender de qué estamos hablando.

  • Optimizar las búsquedas DNS

Lo primero de todo, deberíamos poder identificar el número de búsquedas DNS y para ello tendremos que cuantificar el número de dominios desde los cuales la página obtiene los recursos de carga de la web. Lo ideal es analizar qué cantidad de búsquedas de DNS se realizan y cuánto tiempo de carga nos consumen, a fin de optimizar los tiempos. Para la ello, podemos consultar directamente el código fuente de nuestra web, o mejor no complicarnos la vida y hacer uso de algunas de las herramientas que nos ofrecen la red. como funcionan los DNS

  • Minimizar los tiempos de búsqueda de las DNS

En este sentido, la gestión eficiente de la caché es sumamente importante, ya que nos ahorrará en número de llamadas al DNS al guardar las equivalencias de IP. Lo realmente importante, donde debemos centrar nuestros esfuerzos, es en la gestión efectiva del número de búsquedas DNS que se ejecutan en el primer acceso, es decir cuando no existe almacén o recuerdo en la caché.

  • ¿Cómo minimizamos los tiempos de carga de las búsquedas DNS?

    Tenemos dos opciones a la hora de reducir las búsquedas DNS y con ello optimizar los tiempos de respuesta.

    1. Habilitar el protocolo de comunicaciones Keep Alive. Cuando un navegador hace una llamada a un servidor, tiene que pedir permiso a este para cada archivo por el cual solicita una llamada y descargar de este del servidor. Si esto tiene que hacerlo por cada uno de los archivos que integran un dominio y los recursos de este, los tiempos de carga de nuestra web se verían alargados inecesariamente. Y esto es lo que evitamos cuando tenemos activado el protocolo del Keep Alive.Al activar Keep Alive lo que estamos haciendo es hacer que cuando el buscador ejecute una llamada de descarga de archivos al servidor, este conceda un único permiso de descarga, pero para descargar todos los archivos y recursos a los que hace solicitud el buscador. Así en lugar de ir solicitando permisos de uno en uno, se solicitarán permisos para todos ellos, lo que implica un ahorro importante en el consumo de tiempo.
    2. Reducir el número de dominios que se cargan en cada petición. A menos número de dominios requiera una la carga de una web, menor será el número de solicitudes DNS y por tanto menor tiempo de carga.
blog01
08
02
2016

¿Cómo especificar la caché de mi navegador para mejorar el tiempo de carga de mi Web?

Especificar la caché del navegador

En post anteriores, ya hemos hablado de la importancia de optimizar el tiempo de carga de nuestra web, de cara a mejorar nuestro posicionamiento en buscadores. Ahora bien, la mejora de esta velocidad de cara de la web no depende en exclusiva de una única variable, son un conjunto de ellas, minimizar el tiempo de respuesta del servidor, minificar html, CSS, o gestión eficiente de los recursos de la web, además de priorizar la carga de dichos recursos y otro muchos más. Otro de estos muchas variables que pueden ayudarnos a mejorar la velocidad de carga de la web, es la correcta especificación de la caché del navegador. Los navegadores gestionan llamadas al servidor del cual descargan toda la estructura de html de la página a la que se efectúa el llamamiento, y con toda esta estructura de html se descarga los recursos asociados al mismo, es decir, CSS, Javascript y todo aquel contenido media (fotos y vídeos), es decir todos aquellos recursos que dan estilo y forma a nuestra web. Ahora, cuando especificamos la caché del navegador, estamos diciendo al mismo, "recuerda esto que ahora estas viendo, para que cuando lo busquen de nuevo cada usuario, no tengas que hacer nuevamente todos los llamamientos al servidor y volver a cargar todas los recursos de la web". De esta manera podremos reducir significativamente el número de peticiones HTTP que el servidor tiene que procesar. Esta acción no va destinada al ahorro respecto al consumo de recursos, sino a la necesidad del volumen de procesamiento de los mismo cada vez que se requiera una nueva llamada al servidor. Esto permitirá a nuestro servidor responder con mayor brevedad a las solicitudes del navegador y por tanto reducir sustancialmente la velocidad de carga de la web.
cómo cambiar la caché del navegador

  • ¿Cómo especificar la caché de un navegador?

    Si arrancamos diciendo que tenemos que modificar nuestro archivo .htaccess añadiendo nuevas lineas de código que especifiquen el tiempo de espiración de caché, seguro que más de uno se verá intimidado. Pero fuera los miedos, es algo sencillo de llevar a cabo, tan sólo tenemos que seguir unos pocos pasos, y según nos enfrentemos a un servidor u otro consistirá en añadir unas filas u otras al archivo .htaccess.
    • Especificar caché para servidores apache

      Deberíamos, lo primero de todo, tener acceso al servidor donde esta alojado nuestra web, y desde allí, ahora sí, podemos proceder a la implementación de unas pocas líneas en el archivo .htaccess.
      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"
    • Especificar la caché en servidor NGINX

      Estamos ante el mismo caso de un servidor apache, tan sólo, en este caso concreto las líneas a implementar en el bloque del servidor serán algo diferentes, pero la finalidad es la misma.
      location ~* \.(jpg|jpeg|png|gif|ico)$ { expires 365d; } location ~* \.(css|js|pdf)$ { expires 30d; }

Tan sólo nos queda recordarte que estos tiempos especificados para días, meses incluso años, podríamos determinarlos en las medidas de tiempo que deseásemos y en los plazos que pudiésemos considerar oportunos, ahora bien, lo que os dejamos son los bloques temporales de caché más recomendados

blog01
02
02
2016

¿Por qué es importante la elección de nuestro servidor para nuestra estrategia SEO?

La elección de un buen servidor como elemento clave para nuestra estrategia SEO

Servidores para mejorar velocidad de carga de la web

Muchos son los servidores que podemos encontrar en el mercado online. La correcta elección de uno de ellos va determinar, en gran medida, la eficiencia de nuestra página web y, por tanto, la velocidad de ejecución de la misma. Es, como ya hemos visto en un post anterior sobre la velocidad de carga de la web, como factor de éxito en nuestro posicionamiento, un elemento muy a tener en cuenta.

  • La importancia de minimizar el tiempo de respuesta

En muchas ocasiones nos esforzamos en trabajar todas y cada una de las principales variables SEO, además categorizamos y optimizamos nuestro contenido de texto y, a pesar de ello, el tiempo de carga continúa siendo excesivo. Esta demora en la carga del contenido de nuestra web puede llegar a ser perceptible a simple vista, sin necesidad de aplicar herramientas que acrediten el tiempo real de carga de la misma. Si todo esto es así, muy probablemente nuestro problema provenga de nuestro servidor. Y ya sabemos que una carga lenta, no sólo perjudica a nuestro posicionamiento orgánico, también influye negativamente en la experiencia de usuario y con ello en nuestro nivel de conversiones o ventas.

  • ¿Cómo podemos reducir el tiempo de respuesta de nuestro servidor?

El tiempo de respuesta es el tiempo transcurrido desde que un navegador hace una solicitud y nuestro servidor le responde. A mayor tiempo de respuesta, más lenta será nuestra página web. Ahora bien, lo primero de todo, y antes de atribuir la culpa de la velocidad de carga de nuestra web, debemos hacer una simulación de la velocidad de envío del mismo. Si nos da como resultado que el tiempo de respuesta es por encima de lo recomendable, sí, el problema radica en el servidor.

  • ¿Cómo podemos reducir el tiempo de respuesta de nuestro servidor?

    1. Optimización de los procesos de trabajo del servidor. El mal uso o gestión de los recursos por parte de nuestro servidor, claramente reducirá la efectividad del trabajo de este. Así podemos;
      • Modificar el software que tengamos instalado por otro que nos ofrezca mayor rendimiento
      • Aumentar los recursos de nuestro servidor, mayor capacidad de almacenamiento y potencializar el procesador
    2. Cambiar el hosting contratado. A veces, por no decir la mayoría de ellas, nuestro servicio de hosting pone a nuestra disposición un servidor compartido. Si son muchos los recursos de nuestra web y, además, esta soporta elevado volúmenes de tráfico, puede que nuestro servidor se sature y, por tanto, ralentice los tiempos de respuesta.
    3. Aligerar los procesos de carga de trabajo de nuestro servidor. Un número importante de solicitudes o llamadas a servidor puede hacer que este se sobrecargue de trabajo. Si esto ocurre, la velocidad de respuesta a las solicitudes del buscador se verán afectadas negativamente. En estos casos, una optimización de los recursos de nuestra página web, minificar html, CSS, optimizar tamaño de imágenes y otras más, será agradecido por nuestro servidor.

Ahora ya conocemos la importancia de la velocidad de carga de nuestra web para mejorar nuestro posicionamiento SEO, y también sabemos que el tiempo de respuesta de nuestro servidor es fundamental de cara a optimizar los tiempo de respuesta de nuestro servidor.

blog01
27
01
2016

La velocidad de carga, clave del éxito de nuestra web

La velocidad de carga de nuestra página web (WPO) es una variable crucial de cara a nuestro posicionamiento web, a la mejora de la experiencia online de nuestros usuarios y a un claro incremento en la tasa de conversión de nuestros objetivos online. A día de hoy, quien no está en Internet y "no se hace ver", no existe. Son muchas las estrategias y variables a tener en cuenta para mejorar nuestro posicionamiento web y, aunque pase desapercibida por muchos, la velocidad de carga tiene una gran importancia en nuestra estrategia de marketing online y más concretamente en nuestras acciones de posicionamiento. Optimización de la velocidad de carga de la web

  • ¿Por qué es importante la velocidad de carga de nuestra web de cara a mejorar nuestro posicionamiento?

Los principales buscadores, Google oBing, entre otros, son conocedores de que la velocidad de carga de nuestras webs mejora la experiencia del usuario en las mismas, lo que se traduce en una mayor satisfacción con respecto a los resultados ofrecidos por los buscadores. Por ello, dichos buscadores incluyen la velocidad de carga (web Performance Optimization) entre sus factores determinantes del ranking de las páginas web en sus respectivos lugares de posicionamiento en los resultados de búsqueda. La frustración, y por tanto el abandono de la página por parte del usuario, es directamente proporcional al incremento del tiempo de carga de la web. Todos aquellos tiempos de carga por encima de los 3 segundos de espera, generarán una tasa de abandono realmente significativa. A su vez, una deficiente optimización de la velocidad de carga de nuestra web, no sólo empeorará nuestro posicionamiento en los resultados de búsqueda, además, y con total seguridad, repercutirá muy negativamente en la consecución de los objetivos de marketing y la generación de beneficios.

  • Claves para mejorar la velocidad de carga

Mejorar el rendimiento de la carga de nuestra web no se encuentra supeditado a una única variable. Es un trabajo de optimización de un conjunto de variables.

  1. Minimizar las llamadas HTTP. Deberíamos reducir el número de componentes de nuestra página web y con ello lograremos minimizar el número de solicitudes http. Para ello, tenemos que diseñar nuestra web con aquellos elementos imprescindibles para la gestión eficiente del tráfico web, que a su vez, nos permita optimizar los procesos de conversión diseñados en la misma.
  2. Minimizar los redirecionamientos. Con cada uno, el navegador debe llevar a cabo la solicitud de una nueva ubicación y si esta no esta redireccionada, muestra el contenido tras una nueva descarga.
  3. Reducir el tiempo de respuesta de nuestro servidor. En este sentido, debemos ser cuidadosos con la elección de nuestro suministrador de servidor y ser consciente de las necesidades reales de nuestra web.
  4. Activar el Keep-AliveEs importante cercionarnos de que nuestro proveedor de hosting no haya desactivado el Keep Alive. El Keep Alive, nos ayudará a que el navegador cada vez que solicita un recurso al servidor no tenga que generase una nueva conexión.
  5. Gestión eficiente en las cargas del Javascript. En ocasiones debemos determinar qué scripts pueden ser aplazados en la carga y cuales no es conveniente. Además siempre se puede gestionar de manera más eficiente, haciendo que el JavaScript carge en último lugar.
  6. Acelerar la carga de los archivos CSS.
  7. Optimizar las imágenes de la web. Muchos son los sites que desarrollan un contenido web altamente visual. La estética es importante, pero también lo es la funcionalidad y eficiencia en el uso de la misma. Ya que las imágenes son uno de los recursos más pesados, llevar a cabo una reducción del peso de las mismas es muy recomendable.
  8. Minificar o reducir el tamaño y extensión de los CSS y Javascript.
  9. Gestión eficiente del caché del navegador.
  10. Cachear las páginas dinámicas de nuestro site. La generación de una página estática por cada dinámica, nos permitirá no tener que generar cada página dinámica con cada visita. Esto nos ahorrará una gran cantidad de tiempo de carga.
blog01
01
04
2015

El algoritmo de Google se hace responsive

El 21 de abril es la fecha elegida por Google para cambiar su algoritmo, pero ¿sabes realmente cómo va a afectar este cambio a tu página web?

Google cambia su algoritmo

Bien es cierto que Google realiza variaciones y actualizaciones de forma periódica, entonces ¿por qué esta vez se ha levantado tanto revuelo? La respuesta la encontramos en el móvil.

  • Los dispositivos móviles ganan fuerza en Google

El nuevo algoritmo, bautizado por algunos como mobilegeddon modificará los resultados de búsquedas de las páginas webs, priorizando aquellas que tienen versiones para móviles y relegando al final de las búsquedas a aquellas que no están preparadas para el mundo móvil.

Si eres de los que no está disponible en móvil, ponte las pilas. Si, por el contrario, tienes tu web adaptada, revisa que todo está correcto ya que Google te exigirá una serie de parámetros para considerar responsive tu web.

Aquí te dejamos la herramienta de Google con la que podrás comprobar la optimización de tu site para el nuevo algoritmo.