Blog

  • A
  • B
  • C

Archivo de Tech

Optimizá tu sitio para lograr un mejor rendimiento y vendé más

¿Qué pasa luego de que tu cliente hace click en tu anuncio de Adwords? Junto con el equipo de ELSERVER.COM te contamos qué cosas tener en cuenta en el desarrollo de tu sitio para que cuando tu comprador llegue a tu web, se quede para comprar.
Optimizar un sitio web para un rendimiento eficiente depende de varios factores y requiere de un conocimiento intermedio en lenguajes y tecnologías web. O paciencia y buena predisposición para aprender ;)
Primero vamos a ocuparnos de verificar cuántos requests hace nuestra página, y el tamaño de los elementos que carga. Las herramientas fundamentales para revisar estos aspectos:
Con estas herramientas instaladas, podemos tener una idea de cuán optimizado está el sitio en función de la cantidad de elementos que carga. Vamos por pasos:
  1. Abrimos el navegador y desactivamos el caché del navegador utilizando la Web Developer Toolbar
  2. Vamos a nuestro sitio
  3. Habilitamos Firebug, maximizamos dicha herramienta y seleccionamos desde el menú Red > Todo (imagen 3)
  4. Recargamos la pagina, dejando la ventana de Firebug abierta.
Verificamos los resultados obtenidos de acuerdo a la siguiente información:
  • Url: Nos proporciona datos sobre el pedido http, encabezados del mismo y de la respuesta del servidor que procesó el pedido.
  • Estado: Resultado del pedido (Código + Estado). Para verificar el significado de los distintos códigos de respuesta del servidor, podés verificar este enlace.
  • Dominio: Dominio desde el cuál se descarga el contenido. Esto es muy importante, dado que muchos plugins actualmente solicitan datos a otros servicios web (Google+, Twitter, weather.com, etc)  aumentando el número de elementos a cargar por sitio y como consecuencia de esto, el tiempo de carga del mismo. Tené en cuenta que, si cada elemento solicita datos de otro sevicio web, al tiempo de carga neto de tu página se le va a sumar el tiempo de carga de dichos elementos. Este último siempre va a depender de la rapidez de respuesta del servicio solicitado, y no de tu hosting.
  • Tamaño: Tamaño del elemento solicitado. Otro factor importante a tener en cuenta al evaluar los tiempos de carga del sitio. A mayor tamaño de los elementos de la página, más se encarecen los tiempos de carga de la misma.
  • Línea de tiempo: Nos brinda información referida a tiempos de carga del elemento, pasando el cursor sobre la línea de tiempo obtenemos información detallada sobre la composición del tiempo registrado.
  • Resúmen: Debajo del total de elementos cargados, obtenemos información sobre cantidad de pedidos, total de kb cargados por la página (si volvemos a habilitar la opción desactivada en el punto 1 y recargamos el sitio, veremos el total cargado desde el caché del navegador) y tiempo total de carga.
Esta información nos es de gran utilidad para detectar puntos a optimizar en nuestro sitio y evaluar el impacto sobre los tiempos de carga de nuevas funcionalidades que se agreguen al mismo. En ese sentido, Pagespeed, es un plugin elabora una calificación para nuestro sitio en base al análisis de los distintos factores que intervienen en la respuesta del sitio “del lado del cliente”. Estos son, todos los elementos que el visitante del sitio “descarga” al ingresar al mismo y no incluye la gestión sobre las bases de datos.
Te recomendamos instalar estas herramientas y comprobar la calificación otorgada para tu sitio así como los consejos para pulir todos los aspectos involucrados a fin de lograr una óptima performance.
Si querés saber más sobre cómo optimizar tu sitio, contactá al equipo de profesionales de ELSERVER.COM que te darán numerosos tips para hacer que tu comprador llegue a tu oferta sin problemas.

Keycaptcha, un método creativo para enfrentar el SPAM

Es sabido que hoy en día todos los servicios que usamos en internet, ya sean nuestros correos,
sitios web, blogs o foros, son target para el SPAM. Muchas son las herramientas disponibles en el mercado para combatirlo pero, filtro más, filtro menos, les presentamos una muy interesante: el Keycaptcha.

Todos pasamos por la instancia, al completar un formulario de registro o de contacto, de tener que ingresar un conjunto de letras en un cuadro de texto: el famoso captcha o sistema de comprobación humana. Este sistema sirve para confirmar que la persona que intenta registrarse en nuestro sitio o contactarnos mediante un formulario realmente es una persona y no un bot el cual, en la mayoría de los casos, tiene un fin malicioso como publicar contenido basura o SPAM.

Keycaptcha - como lo dice su nombre – es un sistema de validación humana alternativo al tan conocido reCaptcha. Este último es hoy en día prácticamente inútil al momento de generar una validación ya que la mayoría de los bots están diseñados para pasar estas validaciones sin problemas.

En el caso de Keycaptcha su increíble efectividad radica en lo ingenioso de su  sistema: no nos pide que ingresemos un texto o un contenido alfanumérico sino que requiere de nuestro ingenio (humano) para poder armar una imagen que se encuentra desarmada arrastrándola en la pantalla como puede probarse en el sitio original de su desarrollador (http://www.keycaptcha.com).

Hicimos varias pruebas sobre un foro vbulletin el cual recibía más de 1000 registros de bots diarios y la conclusión fue indiscutida: luego de habilitar este sistema el número se redujo a cero. ¡Efectividad comprobada! :P
El mismo es muy simple de implementar y está disponible para los CMS más populares:  Wordpress, Joomla, Vbulletin, Invision Power Board (IPB), Drupal, SMF, entre muchos otros. Luego de registrarse en el sitio tendrás un didáctico el paso a paso para realizar el proceso de instalación como así también el plugin necesario para aplicarlo en nuestra plataforma. ¡Sumate a la lucha contra el SPAM!

Hosting & Aplicaciones Escalables – Parte 2. Almacenamiento Híbrido

Desde su creación en 1959 hasta hoy, los discos rígidos han evolucionado mucho en cuanto a velocidad y capacidad.
En cuanto a capacidad, el recorrido va desde 5 mb en aquel entonces hasta 3 TB hoy (3.000.000 mb) de capacidad. La diferencia es abismal, ¡los discos rígidos más grandes de hoy en día son 600.000 veces más grandes que el primero!

El otro factor importante es el tiempo de acceso, la velocidad. Es decir, lo que tarda desde que uno le pide un dato (una imagen, un archivo php) a un disco, hasta que éste lo encuentra. El primer disco rígido demoraba 600 ms -algo más de medio segundo-. Los sistemas de alta performance de hoy en día tardan cerca de 2 ms. Es decir, unas 300 veces más rápido.
Por otro lado, en los últimos años un cambio de tecnología en los sistemas de almacenamiento dio lugar a los discos de estado sólido (SSD), que si bien son de menor capacidad -hoy se encuentran normalmente entre 128-256 GB, algo así como 0.25 TB) tienen un tiempo de acceso significativamente menor: aproximadamente 0.1ms.

Entonces, hoy existen tecnologías de almacenamiento de mucha capacidad o muy rápidas, pero no ambas cosas.
Desde principios de 2010 en ELSERVER.COM pusimos en marcha nuestro primer sistema de almacenamiento híbrido, utilizando al mismo tiempo discos tradicionales combinados con discos SSD. Esto nos permite ofrecer en todas nuestras soluciones decenas, cientos o miles de Gigabytes de almacenamiento con velocidades de acceso inferiores a 1ms.

Como vimos antes, cada milisegundo cuenta. Y sobre un Sitio o Web App, más todavía. Es muy común que un sitio haga decenas o cientos de operaciones para mostrar un resultado por lo tanto, disminuir en 10 veces el tiempo de acceso puede hacer que un sitio que tarda 3 segundos en cargar, lo haga en sólo 0,3 segundos.

Actualmente utilizamos sistemas híbridos para nuestros servicios Web, E-mail y parte de nuestra red MySQL. O sea: Si tenes cualquier plan Grid, ¡ya lo tenés!
20•10

Empezá a palpitar Barcamp 2011!

Con mucha alegría les contamos que el próximo domingo 6 de noviembre se viene el quinto BarCamp Buenos Aires, la edición local del evento internacional que ya se realiza en más de 20 países, la  “anticonferencia” favorita del público geek, de diseño y emprendedor :D

Y este año será el más grande de Latinoamérica, ¡esperamos a 2000 asistentes!

Para los que no lo conocen, Barcamp es una reunión informal que atrae a miles de personas con ganas de compartir conocimientos, avivar la discusión y aprender sobre temas de tecnología, negocios, diseño y emprendedorismo en un ambiente completamente descontracturado. Sus pocas reglas se reducen a difundir el evento y participar libremente. Es uno de los encuentros más colaborativos que se realizan en el mundo: son los mismos participantes quienes se postulan para dar sus conferencias.

Desde hace 5 años ELSERVER.COM organiza el evento junto con amigos como Psicofxp y United Virtualities. El evento es completamente gratuito y sin fin de lucro. Para cubrir los gastos del evento – por ejemplo, cerveza all day long ;) –   nos acompañan como sponsors en 2011 Universidad de San Andrés, Microsoft, Google, DineroMail, Gobierno de la Ciudad de Buenos Aires, Genes Interactive, Nextperience Labs, Prestario, Smowtion, Zauber, IT Master, Intel, ITBA, Samsung, Endeavor, Mercado Libre, Oneclickstore y Soicos. También se acercaron a colaborar con el evento Mazalán Comunicación, Res Non Verba, BA Accelerator, Selnet, FDV Soluciones y Alimentamitv. ¡Gracias a todos por las pilas y la confianza!

El Lunes 17 de Octubre a las 12:00 del mediodía arranca la registración a BarCampBA 2011. Anotate en: http://bit.ly/pMibgX.

Hay que estar muy atentos, en la edición pasada los cupos se agotaron ¡en apenas 8 minutos! Si te perdes la llamada de las 12 hs, sabé que hay una segunda – y última -  inscripción a las 20hs. ¡Será cuestión de ponerse la alarma del reloj y empezar a palpitar BarCamp Buenos Aires 2011! Podés seguir el evento en Twitter y Facebook.

Hosting & Aplicaciones Escalables – Parte 1

Tu proveedor de WebHosting tiene que acompañar tus proyectos. Para ello en elserver.com innovamos continuamente para hacer más fácil tu trabajo, más rápidas tus aplicaciones y más exitosos tus proyectos.

En esta serie de notas queremos explicarte las tecnologías disponibles para nuestros clientes en nuestra platafora Grid.

Parte 1. Compresión Transparente

Sabemos que la velocidad es esencial al acceder a un sitio. También que el ancho de banda es limitado.

Cada vez más un sitio es visto desde conexiones móviles donde hay que cuidar la transferencia de datos, y no todos nuestros usuarios tienen banda ancha de 30MB disponible en sus casas.

Supongamos un sitio normal, con su home, sus archivos CSS, Javascript, elementos cargados via AJAX, etc, puede llegar a pesar tranquilamente alrededor de 200kb de datos. Una conexión de 1mbps en condiciones ideales (y todos sabemos lo que eso significa!) demoraría más de 1 segundo y medio en descargar todo el contenido.

Afortunadamente un sitio o aplicación web alojado en elserver.com cuenta con un gran compañero, los aceleradores de tráfico. Ya vamos a avanzar sobre todas las técnicas que empleamos para hacer tu sitio más rápido con un acelerador, pero empecemos por la compresión transparente.

La mayoría de los navegadores modernos soportan comprimir la información en tránsito. Utilizando algoritmos de compresión como GZIP podemos lograr tasas de compresión de hasta 14 a 1!

Esto quiere decir que 200kb de datos se transforman en menos de 15kb! Y donde antes nuestro usuario esperaba 1.5 segundos ahora esto se puede reducir a menos de 0.15 segundos. En Web 1 segundo de diferencia es MUCHO. Y eso significa usuarios más felices, más visitas, más ventas.

Lo mejor de todo, esta compresión no consume recursos de tus scripts PHP, Perl o Python, se hace en otra capa y no tenés ni que preocuparte de programarla o siquiera activarla (WordPress, por ejemplo, permite activar compresión, pero no es transparente ya que requiere que esté en el código y te consume recursos de procesador)

Así que ya sabés, acelerá tus aplicaciones sin trabajo aprovechando la compresión transparente de elserver.com

Quedate cerca y enterate en breve como podés aprovechar un caché inteligente para acercar el contenido a tus usuarios lo más rápido posible.

Paginas: 1 2 3 4 5 6 7 8 9 10 ...13 14 15 Siguiente
viagra