28/08/2013

Cómo acelerar la carga de nuestro sitio web

Cómo acelerar la carga de nuestro sitio web

A menudo, la intención de desarrollar un sitio web visualmente impactante va en contra de una condición irrompible: que «cargue rápido». Los usuarios impacientes abandonarán nuestro sitio web si lo encuentran lento, lo que en otras palabras significa que no comprarán ninguno de los productos o servicios que ofrecemos. Según Strangeloop Networks, un 57% de los usuarios se van de un sitio web luego de tres segundos esperando que cargue. Además, de acuerdo con Akamai y Gomez.com, el 79% de los consumidores online que se enfrentaron a un sitio web lento no volverá a intentar comprar productos allí.

En dispositivos móviles, los tiempos de carga suelen ser mayores que en los de escritorio, tanto por una menor capacidad de procesamiento como por conexiones a Internet más lentas (algo que en nuestro país es especialmente problemático). Sin embargo, los usuarios de móviles esperan tener una experiencia igualmente buena.

¿Cómo lograr que nuestro sitio web cargue rápido y los usuarios no nos abandonen?

  • Usar pocos plugins. Usar plugins externos puede ser indispensable y ahorrarnos mucho trabajo. Sin embargo, en plataformas como WordPress afectan notablemente al tiempo de carga. Existen herramientas para conocer el nivel de uso de recursos de cada uno de nuestros plugins.
  • Cargar los scripts al final. Siempre que sea posible, los scripts de JavaScript deben invocarse al pie del código HTML, de manera que los elementos básicos del sitio se carguen primero.
  • Evitar el hotlinking. Esta técnica consiste en mostrar imágenes o videos alojados en servidores externos, diferentes de aquel en el que se aloja la página actual. Esto obliga a realizar peticiones a un gran número de servidores distintos, ralentizando la carga de la página.
  • Optimizar las imágenes. Debemos comprimir las imágenes JPG de máxima calidad para que pesen menos. Por otra parte, las imágenes deben mostrarse en su tamaño real: incluir una imagen grande y reducir sus dimensiones a través de HTML obliga a escalarlas en tiempo de carga, entorpeciendo este proceso.

Google y Yahoo! ofrecen varios recursos para analizar y mejorar el desempeño de nuestro sitio web.

0

angularjs Aplicaciones en Facebook aplicaciones mobile behavioral targeting Botones Call-to-action breadcrumbs breadcrumbs web búsqueda de personal búsqueda facetada Call-to-action buttons Client-side cliente-destacado cms a medida coding comercio electrónico content marketing CSS3 PIE cuanto debe pesar un sitio data-driven web design Datos estructurados Defacement Denegación de servicio Desarrollar una aplicación web desventajas de PhoneGap diseñar newsletters diseño web diseño web argentina diseño web esqueuomórfico Diseño web responsive Diseño web responsivo diseño web santa fe diseño web Smart TV diseño web televisores DOM desde PHP enlaces rotos filtros de búsqueda flash flat web design formularios sitio web fragmentos enriquecidos función de autocompletar futuro de la realidad aumentada html HTML5 html5shiv inbound marketing Initializr interfaces Web para televisores javascript jobs jQuery Mobile Mapbox maquetado html/css maquetador web masonry layout menú de navegación menú desplegable Metodologías ágiles Modernizr MVC Navegación por teclado oferta laboral OpenStreetMap paginas de Facebook Paper js Paper js framework personas Phishing plan de QA Polyfills polymer portfolio-destacados portfolio-inicio programacion de CMS Programadores WordPress página de contacto página de error 404 que es Backbone.js Realidad aumentada Resultados instantáneos server-side skeuomorphic design sliders y usabilidad soporte Internet Explorer Storytelling Underscores usabilidad usabilidad buscadores user-centered design ux velocidad de carga web Vendor prefixes ventajas jQuery Mobile Ventanas integradas versiones antiguas de Internet Explorer WAI-ARIA web components web imprimible Web Semántica WordPress para ecommerce