Publicidad
Publicidad

RSS Optimización

CSS arriba, scripts abajo... y otras recomendaciones para optimizar la carga de páginas web

9 Comentarios
CSS arriba, scripts abajo... y otras recomendaciones para optimizar la carga de páginas web

Llevamos tanto tiempo conviviendo con HTML, con su etiqueta <head> y su <body>, que es bastante probable que muchos no se hayan preguntado el porqué de esta distribución, o cómo puede afectar el alterarla.

No se trata sólo de una cuestión estética de limpieza y orden del código, sino que tiene relevancia en el tiempo de carga de la página y en la experiencia del usuario mientras se realiza dicha carga. Muchos estudios determinan que el tiempo medio de carga de una web está en torno a 7 segundos, y todo lo que lo supere hace perder visitantes que se marchan de la página antes de que cargue.

Leer más »

Herramientas que no te pueden faltar como desarrollador web

23 Comentarios
Herramientas que no te pueden faltar como desarrollador web

Existen miles de herramientas distintas sobre como mejorar una web o algunos parámetros de la misma, algunas que analizan aspectos técnicos, otras que analizan el SEO y lo social que es tu web y otras que te ayudan a mejorar tu diseño.

Puede que estas herramientas te muestren fallos o cosas que mejorar de tu web que ni te habías parado a pensar, como mil errores de validación, meta-tags mal hechas o en blanco, lo bien o mal que se adapta tu web a distintos tamaños de pantalla, la popularidad en las redes sociales… y hoy domingo os traigo un puñado de ellas para el que no tenga nada mejor que hacer (y gratuitas).

Leer más »
Publicidad

Optimizas u optimizas

11 Comentarios
Optimizas u optimizas

Lo deseable cuando escribimos cualquier algoritmo, es que este sea tan rápido como sea posible. Desafortunadamente, no siempre es lo más indicado, bien porque no se disponga de tiempo para codificarlo o bien porque supondría una complejidad adicional en el despliegue (ej. precálculos, caché, librerías) y/o en el propio código por cuestiones de legibilidad y mantenimiento.

Sin embargo, no cabe duda de que no sólo en aplicaciones con marcado carácter computacional (financieras, simulación física, graficación, juegos, etc…) es deseable la máxima optimización. Páginas web dinámicas, un fluido interface de usuario (Tablet, PC o navegador), procesos en segundo plano en nuestro servidor y en otras tantas situaciones podemos obtener múltiples beneficios (mejor experiencia de usuario, menor consumo de cloud contratado, no necesitar hardware adicional, etc…) si procuramos escribir un código eficiente.

Así, te invito a practicar conmigo en la optimización del código con un sencillo ejemplo. ¿Te animas?.


Leer más »

Críticas a Dart: ¿Hola Mundo en 17.259 líneas de código?

7 Comentarios
Críticas a Dart: ¿Hola Mundo en 17.259 líneas de código?

Hace unos días se publicó en Github este gist: Hola Mundo en Dart. Desde entonces se ha montado un revuelo en torno a la cantidad de líneas de código que eran necesarias para realizar la prueba más universal en el mundo del desarrollo de aplicaciones: el Hola Mundo. En este caso, ocupa 17259, y eso es lo que ha disparado el meme en las comunidades de desarrolladores que se ha extendido como la pólvora.

Pero, ¿cómo es esto posible? Mirando en el gist vemos que han incluido todo el código de la librería junto al “Hola Mundo”, que apenas llega a las 10 líneas. Sea como sea, no es justo que se califique como escándalo este asunto sólo por la vara de medir que se ha usado, pero sí es cierto lo que indica el autor del artículo respecto a, en otro ámbito de críticas, la poca optimización de dicha librería, llena de redundancias y de baja reusabilidad del código (como el caso que muestra con los ListFactory y ArrayFactory). Estamos en un producto para la web y Google debió optimizar a conciencia este apartado, máxime cuando ellos mismos racanean un </body> en su página principal por este motivo.

Más información | What Is Wrong About 17259 Lines Of Code

Leer más »

La importancia de la optimización de webs para móviles

3 Comentarios
La importancia de la optimización de webs para móviles

En Agosto del 2011, la navegación por internet desde móviles supuso un 7% del total. El 25% de usuarios móviles espera conectarse a internet desde un móvil a lo largo del día. La navegación por internet móvil ha crecido un 1000% (¡mil!) desde Agosto del 2009.

Con datos como estos, es evidente que cada vez es más importante la optimización de sitios para móviles, de manera que podamos conseguir que los usuarios disfruten de una mejor experiencia de navegación. Para seguir aportando datos, un sitio puede incrementar hasta un 85% más la fidelización de sus usuarios si su página está optimizada para móviles. Me parece que es un número demasiado importante como para pasarlo por alto.

Como desarrolladores web que muchos somos, tenemos la ocasión (mejor dicho, la obligación) de mejorar internet día a día y queda claro que una forma de conseguirlo es ésta. Por desgracia, parece que no todo el mundo está por la labor, ya que solo el 21,9% del Alexa Top500 cuenta con sitios optimizados para móvil. Menos de 1 de cada 4. Mejor no hablo de los vendedores online, donde solo es el 4,8%.

Tendremos que ponernos las pilas en este tema, porque los usuarios están poniendo de su parte y nosotros tenemos que responderles. Por mi parte, estoy concienciado de que el futuro de la web pasa por el móvil y voy a intentar poner mi granito de arena para mejorarlo siempre que pueda. Espero que tú hagas lo mismo.

Via | Mobile Mania – The Growing Importance of Mobile Website Optimization

Leer más »
Publicidad

Optimizando al máximo: Bitvectores

58 Comentarios
Optimizando al máximo: Bitvectores

addEventListener('load', function (event) { prettyPrint() }, false);



Cuando programamos cualquier tipo de aplicación, es común la necesidad de almacenar estados o valores de tipo boleano para nuestras estructuras de datos. Si por ejemplo programamos en C99 podemos hacer uso del tipo _Bool que ocupa un byte de longitud, también ocupa un byte el tipo bool de C++.

Sin embargo, utilizar un byte para un valor que puede ser representado por un único bit es un gasto del 88% más de recursos de los estríctamente necesarios si partimos de la base de que un byte puede almacenar ocho bits y representar 256 valores diferentes.

Si en nuestra aplicación necesitamos guardar estados o flags sobre nuestras estructuras de datos, podemos utilizar un tipo de dato para almacenar estados mucho más eficiente que un array de elementos de un byte de longitud o que propiedades de tipo booleano. Podemos usar Bitvectores.

Leer más »

Evita que tus visitantes se duerman con Google Page Speed

8 Comentarios
Evita que tus visitantes se duerman con Google Page Speed

Algo muy a tener en cuenta a la hora de poner una web a funcionar es el tiempo de carga. Lidiar con contenido en la nube no es lo mismo que en un entorno local, no se puede perder de vista que todo lo que queremos mostrar en pantalla tendremos que enviarlo al cliente por un canal de características muy variables.

Estos últimos años de bonanza en cuestión de ancho de banda, con conexiones cada vez más rápidas en el hogar del usuario medio, han hecho que relajemos un tanto las costumbres de economización de los datos a descargar en nuestras webs. Para gente con acceso, por unas u otras causas, algo limitadillo a buenas conexiones, como por ejemplo yo mismo, esto se vuelve a veces desesperante. No podemos confiar sin más en la calidad de la conexión que hay al otro lado del cable.

Surge además el factor navegación móvil, aparatos con conexiones bastante limitadas en comparación que cada vez tenemos que tener más en cuenta; además, en la tendencia de hacer que las aplicaciones web compitan con las nativas, es fundamental asemejar lo máximo posible los tiempos de respuesta a los de una aplicación nativa.

Todo buen desarrollador web tiene en mente por lo menos las pautas básicas de optimización, pero para que no se nos escape detalle alguno, los amigos de Google nos traen Page Speed, una herramienta que analiza nuestras webs para aconsejarnos posibles medidas de optimización.

Leer más »
Publicidad