Entradas

Mostrando las entradas con la etiqueta WebMobile

La eficacia del contenido en la web actual #Bigquery #httparchive #gzip_score

Imagen
Optimizar la eficacia del contenido para los portales web/web móviles actuales parecería algo asumido pero, ¿podemos asegurar eso? En el portal de developers de #Google #Web #Fundamentals pueden encontrar muy buenos artículos. Visión general de la optimización de contenidos. También pueden revisar la sección donde se explica la optimización en la codificación y transferencia de recursos basados en texto. Parece directamente asumido que la compresión gzip está activa en todos los portales de mayor impacto, solo quería validar esta presunción. ¿Como? Vamos a utilizar los datos portados a BigQuery de httparchive.org Utilizaremos la sección donde se registran los HARs de análisis realizados y la tabla de 2016_01_01_android_pages.   Solo tenemos la url analizada y el payload en json, con un diseño como este: Como el análisis está realizado con WPT podemos obtener directamente el gzip_score . ¿Como se imaginan esto?  Con BigQuery es muy simple: ...

Una vista general al rendimiento web mobile, #BuenFin #Mx sector #Electrodomésticos

Imagen
En muchos países ocurren cada vez con más frecuencia los fines de semana de descuentos. De hecho cada vez se incrementa más el modelo de compra móvil. En méxico una temporada muy promocionada es BuenFin . Vamos a intentar responder una simple pregunta. Si decidimos realizar compras en este periodo, podríamos hacerlo sin problemas sobre el entorno web-mobile de algunos de los participantes más importantes? en este articulo un breve analisis sobre el sector #electrodomésticos... Ambiente de análisis : Cellphone,  Nexus 6P Chrome 55.0.2883.91. Método remote-debug y framework sitespeed.io. conexión estable cable compartida promedio.   Soluciones analizadas, solo en la home-page que en teoría sería la más optimizada. con 3-5 muestras para evitar algunas inconsistencias.  http://www.bestbuy.com.mx/ https://www.walmart.com.mx http://www.sears.com.mx/ http://www.coincitymexico.com/ http://www.chedraui.com.mx/ 1. Bestbuy *Desconocido para #Bestbuy cuidar CPU...

La última entrega de la serie, #Firebase #FriendlyChat, envío de imágenes

Imagen
La última entrega de la sería más extensa de lo normal, la verdad me costó encontrar algunos errores en la escritura de código en vivo :) En el video de implementación hice una referencia a un posible #issue de implementación sobre el código ejemplificado. Pero ambas implementaciones funcionan correctamente. Les dejo las dos versiones: En el ejemplo trabajamos la carga de imágenes,  para la implementación es importante y para la arquitectura del ejemplo también, por los recursos requeridos. Para esto hacemos uso de la poderosa función de #Storage de #Firebase. Aquí pueden repasar desde luego el video completo: También la serie de principio a fin con el porting del ejemplo al español. Donde se hacen todos los pasos propuestos. La última entrega de la serie, #Firebase #FriendlyChat, envío de imágenes por Nicolas Bortolotti se distribuye bajo una Licencia Creative Commons Atribución-CompartirIgual 4.0 Internacional .

7 arquetipos #Polymer 1.0 puntos esenciales prácticos

Imagen
En este recorrido por LatAm he disfrutado mucho la conexión con las comunidades de desarrollo y cada conversación sobre alguno de los 7 entornos prácticos planteados en la conferencia #7 arquetipos de la tecnología moderna. Fig.1 Ejemplo presentado Hoy les quiero compartir el entornos presentado para Polymer1.0 . En primero lugar voy a recrear el polymer starter kit para reducir la curva de complejidad en la demostración. Luego vamos a concentrarnos en el sector central de contenido de la template y dentro de los iron-elements [= core-elements de la version 0.5]. Fig.2 iron-pages Para trabajar este efecto generalmente buscado en el pensamiento diseño Material, implementamos como se muestra en la Fig.2 los elementos iron-pages. Este elemento tiene una propiedad de elevación con lo cual podemos controlar el #eje-z bien simple variando los valores como lo propone la Fig.3 y 4 Fig.3 paper-material element Fig.4. Propiedades de elevación Dentro de cada page la idea es...