martes, 1 de julio de 2014

Xiaomi Red Rice 1S Review – Abogado

Por gentileza detechnospain.es analizamos al detalle este Xiaomi Red Rice 1S. Xiaomi es una compañía china con base en Beijing que ha sorprendido a propios y extraños consiguiendo batir récords de venta de terminales en pocos segundos.

Cuando en Octubre de 2013 consiguió la hazaña devender 100.000 unidades de su buque insignia el MI-3 en 86 segundos, es cuando el mundo entero comenzó a fijarse en esta marca como en una seria competidora internacional.

Xiaomi se caracteriza fundamentalmente por ofrecer una calidad basada en estándares reservados a marcas de lujo a un precio extremadamente competitivo.

Analicemos en profundidad el Red Rice 1S, su unidad más básica, para comprender en qué se basa el éxito de Xiaomi.




Red Rice 1S, no es un móvil chino cualquiera, es un Xiaomi:

Hay dos clases de móviles chinos: los que montan chipset con procesadoresMediateky los Xiaomi, que montanQualcomm snapdragon.

Mientras Mediatek ofrece un hardware competente a un precio asequible, Qualcomm proporciona excelencia en términos de calidad y rendimiento.

Xiaomi escoge una circuitería que ofrece un rendimiento excelente en todos los apartados. Donde Mediatek puede quedarse corto en aceleración gráfica, Qualcomm sobrepasa las expectativas ofreciendo un conjunto más sólido y robusto en términos generales.

La mayor parte de las grandes marcas: Sony, Samsung, LG, montan Qualcomm Snapdragon en sus dispositivos. No se trata de una mera casualidad que Xiaomi haya elegido como plataforma estos chipset, la GPU Adrenos(unidad de procesamiento gráfico) que acompaña a los Qualcomm es claramente superior a la Mali que utilizan los Mediatek.

Otra manera de entender Android


Android es el sistema operativo basado en Linux que adquirió Google en 2005 y pasó a formar parte de los millones de dispositivos móviles y tabletas que actualmente se mueven en el mercado mundial.

Dentro de Android se pueden realizar personalizaciones del sistema operativo para darle un aspecto y presentación que se adapte mejor a las necesidades del fabricante. Xiaomi desarrolla e instala en todos sus dispositivos elMIUI.



El MIUI (Xiaomi User Interface) que incorpora el 1S y otros dispositivos de la marca, es una variante del Android 4.3 optimizada especialmente para el hardware de Xiaomi. Esto permite que tanto el rendimiento como la eficiencia energética y la presentación del sistema operativo haya sido revisada y mejorada con respecto al Android original para funcionar en los equipos Xiaomi.

Presentando a Xiaomi 1S Red Rice


El modelo "Entry-level" de Xiaomi es una carta de presentación de la marca en la que se ha puesto todo el mimo y atención al detalle que un escaparate con el que empezar a venderse requiere. Mientras las grandes marcas crean buques insignia de alto coste y magníficas prestaciones para captar la atención de la prensa, los "pequeños" fabricantes se centran en lograr productos de alta calidad en su gama de presentación.

Por fuera:


Su aspecto formal es sobrio y robusto, dispone de una botonera bajo la pantalla que permite utilizar con facilidad las diversas funciones del sistema operativo.

Es un terminal ligeramente "pesado" para lo que se suele encontrar en el mercado móvil (158g) que se encuentra distribuido correctamente entre la carcasa y su pantalla de 4,7".

Los botones para el volumen, la fotografía y el encendido/apagado poseen una colocación y tacto ergonómicamente adecuados para el tamaño del terminal (137x69x8 mm).

Remata el conjunto una conexión USB que puede utilizarse tanto para cargar la batería como para la transmisión de datos.

El Red Rice está disponible en varios colores, se atreve con una gama que va desde un rosa claro a un amarillo claro, pasando por los convencionales blanco o negro.

La sensación al tacto y la impresión visual que proporciona en general da una impresión elegante, funcional y práctica.

Por dentro:


El 1S Red Rice cuenta en el apartado de hardware con todo un chipsetQualcomm Snapdragon 400, lo que se traduce en un procesador de 4 núcleos ARM Cortex A7 funcionando a 1.5Ghz con una GPU Adreno 306 y 1GB de memoria RAM que redondea las prestaciones a un nivel por encima del precio a pagar por el producto.

En términos de rendimiento se desenvuelve perfectamente por diversos motivos: la GPU Adreno tiene activado el v-sync en el MIUI, lo que se traduce en una sincronización de la imagen con el refresco de pantalla (de hasta 60hz) que le confiere suavidad de ejecución en todas las circunstancias.

Rendimiento 3D:


En las pruebas realizadas conAntutu es capaz de alcanzar los respetables 21.000 puntos para su precio/prestaciones. Al utilizar juegos Android se desenvuelve como un auténtico 4x4, es una delicia probar maravillas como elReal Racing 3,te hacen darte cuenta de lo bien que se ha implementado cada driver y cada detalle de configuración en el software MIUI.

EnEpic Citadel, dar un paseo por las calles medievales de Epic es toda una experiencia que puede realizarse en el nivel de detalle "High" sin ningún tipo de ralentización. En el modo Very High comienza a mostrar signos de flaqueza pero es totalmente normal para la Adreno 306 que no puede dar más de sí en este nivel de precio/prestaciones.

Rendimiento 2D:

La ejecución 2D es excelente. En todo momento el manejo de la interfaz MIUI basada en Android es de fluidez total. No hay relantizaciones al moverse entre pantallas, además dispone de un liberador de memoria ram que "limpia" de datos basura para disponer constantemente de todo el potencial que proporciona el aparato.

Los Vídeos y aplicaciones multimedia se ejecutan con total normalidad y la fluidez habitual en dispositivos de su clase.

La Pantalla:


Se trata de una pantalla LED de la marca SHARP de 4,7" IPS. Si bien no ofrece la calidad de una pantalla OLED o AMOLED, es absolutamente competente en todos sus aspectos. La resolución 720p le confiere la certificación HD Ready y le permite alcanzar una densidad del píxel de 320DP. Gracias a todas estas características, en ningún momento se echa de menos una resolución mayor, ofreciendo resultados visuales de alta calidad.

Al ser IPS, la pantalla Sharp tiene una gran precisión en la representación del color y destaca especialmente la posibilidad de elegir con MIUI el tono con el que se desea trabajar para conseguir un calibrado de imagen de los que pocos móviles pueden presumir. Te permitirá variar de tonos fríos a neutros o cálidos (cercanos al D65), de manera que las imágenes que veas podrás disfrutarlas con colores sin adulterar o sin resultar exageradamente saturados en caso de que así lo desees.

La cámara:


Se trata de un dispositivo de 8MP que cumple sobradamente con su cometido. Fotográficamente hablando, el zoom, se corta al pasar de óptico a digital. Dispone de autofocus con macro y es capaz de realizar buenas fotografías en condiciones de iluminación adecuada. No se libra del ruido de color cuando se realizan con escasa iluminación (y se hace zoom en ellas una vez tomadas). Si bien no es "la cámara fotográfica definitiva", cubre las necesidades de cualquier usuario convencional de móviles.

La grabación de vídeo es razonablemente buena, cuenta con un estabilizador de imagen ideal para grabar escenas en movimiento sin destacar excesivamente pero cumpliendo con el nivel de exigencia debido.

El GPS:


El sistema de posicionamiento funciona perfectamente, tanto en coche como andando el GPS del Xiaomi 1S cumple con el nivel de calidad aportado en cada apartado del producto.

La sincronización con el satélite es rápida con una cobertura excelente. Como en otros móviles, el consumo de batería evidentemente se dispara al conectar esta característica pero los 2.000 mAh hacen que aguante bastante.

El navegador:


La conexión WIFI y el navegador que integra la personalización de Android MIUI se adapta perfectamente al hardware del dispositivo. El desempeño con Javascript (especialmente lento en cualquier navegador móvil) es especialmente veloz, contando con una gestión de la memoria caché que hará las delicias de una navegación fluida.

La conexión a internet habría ganado puntos si hubiera contando con la posibilidad de manejarse en 4G, de todas formas utilizando los medios convencionales su comportamiento no defrauda en ningún momento.

Dual sim:


Puede trabajar con dos SIM de tamaño estándar (no micro-sim). El software está optimizado adecuadamente para cambiar entre dos números de teléfono de distintos operadores sin problemas.

El sonido:


De nuevo Xiaomi no ha utilizado para equipar el sonido de su dispositivo con un fabricante cualquiera. Todo el apartado de audio corre a cargo deDIRAC, una marca sueca de sonido que trabaja para marcas de lujo como Rolls Royce o BMW.

No sólo posee en una enorme claridad de sonido el micrófono o los microaltavoces del teléfono, notarás al conectar los auriculares el mimo que se le ha puesto en este apartado. El hardware y el software empleado hacen que utilizar el 1S sea una delicia para cualquier audiófilo.

La batería:


Equipada con 2.000mAh, se comporta bajo circunstancias normales a la altura de las expectativas. Puedes tenerlo conectado para un uso normal un día y medio o exprimir toda su energía en aplicaciones pesadas en unas 5 horas.



Puntos positivos:


  • Componentes seleccionados a la altura de las mejores marcas: pantalla Sharp, sonido Dirac, chipset Qualcomm snapdragon...
  • Interfaz propietaria dedicada y optimizada para Xiaomi (MIUI).
  • Sonido en mayúsculas, ideal para amantes de la música.
  • Buena pantalla.
  • Buen rendimiento en juegos.
  • Corre como la espuma en montones de foros, hay soporte de usuarios entusiastas por todas partes.
  • Inmejorable relación calidad/precio.


Puntos negativos:


  • Que no te guste la MIUI (la interfaz propietaria de Xiaomi).
  • El Snapdragon 400 no es "lo más potente del mercado", sirve sobradamente para juegos pero no arrasa en benchmarks.
  • No soporta 4G.
  • Obtenerlo sin garantía en una tienda extranjera.


En conclusión:


Posiblemente la mejor relación calidad/precio existente en el mercado móvil actual. Es difícil superar el conjunto de componentes escogidos para este móvil de "gama baja" incluso para muchos competidores de "gama alta".

Xiaomi 1S Red Rice:

La unidad Red Rice utilizada en las pruebas fue cedida porTechnospain.essi deseas adquirirla puedes hacer "clic"aquí.


MESOTHELIOMA LAW FIRMDONATE CAR TO CHARITY CALIFORNIAHARDDRIVE DATA RECOVERY SERVICESDONATE A CAR IN MARYLAND DONATING A CAR IN MARYLAND,DONATE CARS ILLINOIS,CRIMINAL DEFENSE ATTORNEYS FLORIDA ,BEST CRIMINAL LAWYER IN ARIZONASTRUCTURED ANNUITY SETTLEMENT,ASBESTOS LAWYERS,NUNAVUT CULTURE,DAYTON FREIGHT LINES ,Bextra Bankruptcy Dental Plan Private Jet

MESOTHELIOMA LAW FIRMDONATE CAR TO CHARITY CALIFORNIAHARDDRIVE DATA RECOVERY SERVICESDONATE A CAR IN MARYLAND DONATING A CAR IN MARYLAND,DONATE CARS ILLINOIS,CRIMINAL DEFENSE ATTORNEYS FLORIDA ,BEST CRIMINAL LAWYER IN ARIZONASTRUCTURED ANNUITY SETTLEMENT,ASBESTOS LAWYERS,NUNAVUT CULTURE,DAYTON FREIGHT LINES ,Bextra Bankruptcy Dental Plan Private JetMundial FootballFIFA World Cup Vestidos de Perros y gatosHosting Dominio web movilSelling annuity payments for cashSelling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlementStructured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity

MESOTHELIOMA LAW FIRMDONATE CAR TO CHARITY CALIFORNIAHARDDRIVE DATA RECOVERY SERVICESDONATE A CAR IN MARYLAND DONATING A CAR IN MARYLAND,DONATE CARS ILLINOIS,CRIMINAL DEFENSE ATTORNEYS FLORIDA ,BEST CRIMINAL LAWYER IN ARIZONASTRUCTURED ANNUITY SETTLEMENT,ASBESTOS LAWYERS,NUNAVUT CULTURE,DAYTON FREIGHT LINES ,Bextra Bankruptcy Dental Plan Private JetMundial FootballFIFA World Cup Vestidos de Perros y gatosHosting Dominio web movilSelling annuity payments for cashSelling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlementStructured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity

FUTURISTIC ARCHITECTURE Criminal defense lawyer best criminal lawyer in arizona motorcycle accident attorney chicago Webex Costs Casino Hard drive Data Recovery Services structured settlement company CAR ACCIDENT LAWYERS DONATE YOUR CAR SACRAMENTO Live casino Email Bulk Service NEUSON PAPERPORT PROMOTIONAL CODE Best Seo company Tech school WordPress themes for designers Online casino Better conferencing calls Online Colleges structured settlement buyers alcohol rehab center in florida mesothelioma lawyer chicago adverse remortgage email bulk service Neuson Met auto Online Motor Insurance Quotes DONATE CARS ILLINOIS Met Auto Structures Annuity Settlement Business management software Service business software compare life assurance selling a structured settlement la personal injury lawyer mesothelioma law suits DONATE YOUR CAR FOR MONEY Donate your Car for Money mesothelioma personal injury lawyers How to Donate A Car in California Motor Insurance Quotes MESOTHELIOMA LAW FIRM Cheap Car Insurance for Ladies Social media strategies Donate your car Sacramento Make money online Australia Hire php programmers Nunavut culture Social media campaigns Learning adobe illustrator Bankruptcy lawyer dallas mesothelioma lawyer Mobile casino Christmas cards Casino reviews HOLLAND MICHIGAN COLLEGE Car Insurance Quotes CAR INSURANCE QUOTES UTAH LIFE INSURANCE CO LINCOLN life insurance quotes Low credit line credit cards Automobile Accident Attorney tennessee mesothelioma lawyer structured settlements companies STRUCTURED ANNUITY SETTLEMENT Hard drive data recovery services ONLINECLASSES car accident lawyers DUI lawyer attorney lawyer mesothelioma best consolidation loan student Car Donate holland michigan college Seo company Car Insurance Quotes Utah Php programmers for hire Best social media platforms for business Dallas Mesothelioma Attorneys Donate car for tax credit mesothelioma trial attorney Business VOIP Solutions Custom WordPress theme designer Hire php developers Php programmers mesothelioma ct Massage school Dallas Texas CHEAP CAR INSURANCE IN VIRGINIA Dwi lawyer donate car for tax credit truck accident attorney los angeles Donate Car To Charity CALIFORNIA Criminal lawyer Social media management Auto Mobile Shipping Quote Social media tools cheaper insurance companies personal accident attorney Online Criminal Justice Degree WordPress theme designers Online colledges world trade center footage Html email Claim Home Phone Internet Bundle domain yahoo new york mesothelioma law firm Donate Cars in MA Motor Replacements Adobe illustrator classes Personal Injury Lawyer Computer science classes online Hire php developer cheap domain registration hosting DONATE CAR FOR TAX CREDIT Royalty Free Images Stock mesothelioma lawyer asbestos cancer lawsuit Cheap Domain Registration Hosting ONLINE COLLEDGES Seo companies New social media platforms Insurance Companies World trade center footage HOW TO DONATE A CAR IN CALIFORNIA Futuristic Architecture Business finance group Social media platforms for business Psd to WordPress Dedicated Hosting Dedicated Server Hosting Seo services ANNUITY SETTLEMENT mesothelioma settlement amounts buying structured settlements event management security Paperport Promotional Code Best social media platforms Donate Cars Illinois car accident lawyers los angeles Online Christmas cards Custom Christmas cards Photo Christmas cards WordPress hosting Social media examiner business voice mail service truck accident attorney texas car insurance quotes VIRTUAL DATA ROOMS Cheap car insurance for ladies Donate Car to Charity California Social media platforms city college in miami HARDDRIVE DATA RECOVERY SERVICES supportpeachtreecom Proud Italian cook Psd to html maritime lawyer houston Italian cooking school injury attorney baton rouge Forex Trading Platform paperport promotional code Annuity Settlements mortgage adviser adverse credit remortgage Better Conference Calls See more at http//wwwginfostopnet/ mesothelioma lawyer virginia car insurance in south dakota Car Accident Lawyers Mesothelioma Law Firm Register free domains Low Credit Line Credit Cards Donate Car for Tax Credit houston tx auto insurance structured settlements annuities miami personal injury lawyer structured settlement investments Donate Your Car Sacramento Sell Annuity Payment Donate Your Car for Kids Asbestos Lawyers Car Insurance Quotes Colorado harddrive data recovery services Register Free Domains Data Recovery Raid Nunavut Culture personal injury attorney torrance Dayton Freight Lines Donate a Car in Maryland Injury Lawyers buy gift card World Trade Center Footage Online College Course Donating a Car in Maryland MET AUTO DONATE A CAR IN MARYLAND Criminal Defense Attorneys Florida Best Criminal Lawyers in Arizona Life Insurance Co Lincoln motorcycle lawyer los angeles Holland Michigan College Car insurance quotes MN online criminal justice degree st louis mesothelioma attorney Car Insurance Quotes PA mesothelioma cases Online Classes injury lawyers asterisk call center software Massage School Dallas Texas Psychic for Free

lunes, 30 de junio de 2014

Cómo mejorar el rendimiento de tu sitio web con Google Pagespeed Insights. – Abogado

Pagespeed Insights es un servicio de Google que permite analizar el código fuente de una página web para determinar su rendimiento y ofrecer sugerencias para mejorarlo.

A parte del análisis orientado al rendimiento también proporciona una evaluación de la experiencia de usuario para dispositivos móviles, con lo cual es capaz de proporcionar una buena visión general de algunos de los aspectos que conforman la calidad de una página.

Vamos a realizar un pequeño resumen de los cambios que plantea la herramienta para cualquier web.




Cómo funciona Google Pagespeed Insights:


Pagespeed dispone tanto de de una herramienta online en Google Developers como de una extensión de Chrome para probar directamente en el navegador.

La herramienta online te aporta directamente las sugerencias de mejora de rendimiento apropiadas pero la extensión de Chrome además te ofrece los archivos o problemas detectados directamente optimizados para que después los cargues en tu web.

En general el funcionamiento es simple, conéctate a la página del servicio ofrecido por Google Developers pulsandoaquí. Te aparecerá una pantalla donde introducir la dirección de tu sitio web o de una página del mismo y pulsar el botón azul de la derecha donde pone "Analizar".

A la finalización podrás ver los resultados con las diferentes sugerencias para mejorar el rendimiento de tu sitio web.

Cómo solucionar punto por punto:



1) Evita los redireccionamientos a páginas destino.



Qué quiere decir esta sugerencia:
  • Se trata de no realizar redirecciones incorrectamente en tu sitio web, esto es: no enviar al navegador desde una dirección web (URL) a otra al acceder a un sitio web.
  • Si redireccionas desde la página principal de una dirección a otra, se producirá un retraso en el tiempo de ejecución mientras se resuelve el paso de una dirección a otra.
Qué soluciones se pueden implementar
  • La redirección de un sitio web a otro puede conllevar problemas de duplicidad de información que debes resolver siempre con rel=canonical (para indicar cuál es la URL preferida con la que vas a trabajar).
  • Si no tienes más remedio que realizar alguna redireccón, es conveniente que actualices tu .htaccess (siempre que tengas acceso) para no acometer las mismas por medio de código. Este artículo de Internet Marketing Ninjas te ayudará a hacerlo:

2) Eliminar el JavaScript que bloquea la visualización y el CSS del contenido de la mitad superior de la página.

Qué quiere decir esta sugerencia:
Bloqueo de visualización por CSS:
  • Todas las páginas utilizan CSS para controlar los aspectos sobre la presentación de un sitio web. Las hojas de estilo deben encontrarse en la zona head de un documento HTML. El acceso a las mismas es síncrono, hasta que no se descargan no pueden comenzarse a aplicar los estilos a la página.
Si accedes a tus css esta manera :
link href="/resources/css/general.css" rel="stylesheet" type="text/css"
  • El navegador se verá obligado a descargar el archivo .css del servidor donde se encuentre para luego interpretarlo y posteriormente aplicarlo a las etiquetas de tu HTML que lo estén utilizando. Durante todo el proceso anteriormente indicado se producirá un retardo en el dibujado de la página que afectará al rendimiento del sitio web mientras esta no esté almacenada en la memoria caché del navegador.
Qué soluciones se pueden implementar para evitar el bloqueo por CSS:
Veamos soluciones prácticas a los problemas de bloqueo en CSS y JS.
Solucionar el problema de bloqueo por CSS:
Siempre que tengas una llamada
link href="/resources/css/TU_CSS.css" rel="stylesheet" type="text/css"
Puedesminimizar el contenido de dicho .cssy a continuación ponerlo "inline" en la página HTML para que no sea necesaria su descarga:
style type="text/css"
el contenido de TU_CSS.css
/style
Evitarás la descarga del archivo .css de un servidor externo o de tu propio servidor porque éste se encontrará directamente integrado en el head de tu documento HTML, consiguiendo evitar retardos en el dibujado de la página y potenciando el rendimiento de la misma.

Bloqueo de visualización por JS:
Qué quiere decir esta sugerencia:
  • Los Javascripts o secuencias de comandos que se utilizan para añadir funcionalidades que requieren cálculo o precálculo de información a una página (carga de botones para redes sociales con contadores, dibujado de sliders o carruseles de imágenes, etc...) pueden producir importantes retardos en el primer dibujado de una página en el navegador de nuestros usuarios.
  • Los scripts requieren un tiempo para realizar sus cálculos y toma de datos que posteriormente servirán para mostrar la página. Si además el javascript en cuestión está encapsulado en un archivo .js externo, el navegador tendrá que descargarlo, interpretarlo y después aplicarlo al documento HTML sobre el que debe aplicarse.
¿Cómo se trabaja normalmente con los Javascript en una página?
Hay cuatro maneras de utilizar el javascript en una página que incluso pueden combinarse según las necesidades:
1) Javascript Síncrono (Sychronous Javascript):
Es el modo de acceso más lento. Se le llama "síncrono" porque el navegador no continuará con el dibujado de la página hasta que finalice con la descarga e interpretación del archivo .js que se referencia. Durante el proceso de descarga e interpretación se produce un retardo en el dibujado de la página que puede afectar al rendimiento de la misma.
El Javascript se referencia encapsulado dentro de un archivo con extensión .js de esta manera:
script src="/resources/js/Ejemplo.js" type="text/javascript" /script
Aunque los navegadores actuales han perfeccionado el uso del Javascript y se han vuelto extremadamente eficientes a la hora de impedir el bloqueo por el mismo, es absolutamente cierto que en la primera descarga y hasta que el archivo .js se encuentra en el puesto local del usuario, el tiempo que se pierde es excesivo.
Suele agravarse el problema más aún cuando la declaración de uttilización síncrona del archivo .js se realiza en el head del documento HTML, ya que impide que se llegue hasta el body de la página hasta que el .js no ha sido descargado e interpretado.
2) Javascript Diferido (Deferred Javascript):
Un modo de acceso al Javascript externo almacenado en un archivo .js que pospone la descarga e interpretación del Javascript al momento en que el documento HTML ha sido cargado y mostrado.
Un ejemplo de carga diferida de javascript sería el proporcionado por la páginaFeedthebot:
script type="text/javascript"
function downloadJSAtOnload() {
var element = document.createElement("script");
element.src = "defer.js";
document.body.appendChild(element);
}
if (window.addEventListener)
window.addEventListener("load", downloadJSAtOnload, false);
else if (window.attachEvent)
window.attachEvent("onload", downloadJSAtOnload);
else window.onload = downloadJSAtOnload;
/script
En este caso el archivo .js, al igual que sucede con el modo síncrono, debe ser descargado e interpretado pero la página "no tiene que esperar" a que el javascript se haya ejecutado. Bajo la mayor parte de circunstancias esta manera de ejecutar el código pospone su ejecución al final de la página.
Este tipo de llamadas a archivos .js externosse debe colocar antes del /body y es ideal para no sobrecargar el head con declaraciones síncronas. Es una buena forma de evitar el bloqueo por la utilización de .js al principio del documento HTML y para optimizar en general el rendimiento de la página.
3) Javascript Asíncrono (Asychronous Javascript):
también conocido como Async. El método de ejecución asíncrono de Javascript mezcla lo mejor del modo síncrono y el diferido. Cuando ejecutamos un archivo externo en modo asíncrono permitimos que la página se dibuje a la vez que se va procesando y descargando el .js en cuestión. De esta manera en lugar de que la página tenga que esperar a su dibujado por el .js a principio de página o en diferido, después de que ésta se haya dibujado, podrá ejecutar en paralelo el procesamiento del javascript y el procesamiento de la página.
Un ejemplo de llamada asíncrona de Javascript es la utilización de Google Analytics:
script type="text/javascript"
var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-XXXXX-X']); _gaq.push(['_trackPageview']);

(function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })();
/script
Esta manera de cargar el javascript en la página eleva considereablemente el rendimiento de la misma por no supeditar su dibujado a la ejecución del script.
Es ideal para cargar archivos que son necesarios globalmente en la página head y debe sustituir siempre que sea posible a la carga síncrona de Javascript.
4) Javascript Inline: la utilización inline de un archivo .js consiste en extraer directamente el contenido del archivo en cuestión y ponerlo directamente en el documento HTML.
Un ejemplo de inline sería:
script type="text/javascript"
document.getElementById("demo").innerHTML = "Hola!";
/script
La ventaja del javascript inline es que al ir directamente en la página no requiere que un archivo externo .js deba ser descargado para poderse interpretar. Cuando el navegador procesa el documento HTML además procesa directamente sin descarga el javascript "inline".
La gran desventaja es que si el contenido de un javascript es excesivamente extenso (por ejemplo, una librería jquery completa), el incremento de código en página es literalmente enorme. Esto hace que le cueste más al navegador la descarga del documento HTML debido a su gran tamaño y además, dependiendo de su localización, podría afectar al rendimiento en el dibujado de la página. Por ejemplo, si se coloca en el head, se incurre en la lectura de gran cantidad de código innecesario que impide que se continúe con el dibujado del resto de la página.
Su utilización está indicada siempre que la cantidad de código del archivo .js sea pequeña.
Qué soluciones se pueden implementar para evitar el bloqueo por Javascript:
Solucionar el problema de bloqueo por Javascript:
En primer lugar, analiza el uso de javascript en tu página, cómo vas llamando a cada función y porqué.
En términos generales:
  • Evita las llamadas de javascript síncrono siempre. No declares el javascript de esta manera en el head. Debes dejar la cabecera del documento HTML lo más libre posible de javascript y en caso de no tener más remedio que ejecutarlo (por tener un .js que te obligue a hacerlo en sus recomendaciones) SIEMPRE debes utilizar la versión ASÍNCRONA del mismo.
  • Si utilizas el código asíncrono te aseguras de que el dibujado de la página corra en paralelo a la descarga e interpretación del javascript. El problema es que al ser asíncrono, no podrás nunca llegar a saber con total exactitud cuándo se va a ejecutar y si tienes algún javascript que dependa del que cragaste asíncronamente, puede no funcionar por no encontrarse disponible en el momento de ejecución el javascript cargado en modo asíncrono.
  • Las llamadas asíncronas se pueden "diferir" si se controla su carga gestionando el evento window.onload o similares, en el momento en que se vaya a ejecutar algún javascript dependiente, pero en estos casos es mejor utilizar javascript en modo diferido.
  • El modo diferido, utilizando javascript inline o realizando la carga del .js en diferido es ideal en casi todas las situaciones. Pospone la ejecución del javascript sin necesidad de impedir el dibujado de la página.
Situaciones particulares:
  • Todo el código .js que pertenezca a un plugin de cualquier clase (por ejemplo redes sociales) debe ser ejecutado siempre en modo asíncrono. Especialmente cuando es un script cuyas especificaciones del fabricante recomienden instalarlo en el head o al principio del body.
  • La combinación de la utlización de javascripts asíncronos sin dependencias posteriores en el head y javascript diferido al final del documento HTML, antes del /BODY es una combinación que en general ofrece las mejores perspectivas de rendimiento.
  • El javascript inline es ideal para scripts pequeños pero es preferible no utilizarlo nunca con grandes archivos .js para no saturar la cantidad de código de la página. Así mismo, es preferible siempre que el código inline esté lo más cercano al /body que el diseño del documento HTML te permita.
Ejemplos prácticos:
Llamada Diferida con jQuery:
Pongamos una página HTML estándar independiente de la plataforma donde se ejecute, en ella pondremos un script de Google analytics y la carga de diversos códigos que pueden funcionar con jQuery (Debido a la extensión del ejemplo, te lo dejo en el botón "ver ejemplo" si deseas visualizarlo al completo)

html
head

script
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-XXXXXXXX-X', 'auto');
ga('send', 'pageview');

/script !-- LLAMADA ASÍNCRONA EN HEAD A SCRIPT DE GOOGLE ANALYTICS --

/head
body
!-- TODO TU CÓDIGO DEL BODY hasta antes del /BODY --

script!-- ANTES del /BODY en diferido --

var dfLoadStatus = 0;
var dfLoadFiles = [
[
"blabla..."
]
]; !-- CARGA DE LAS LIBRERÍAS JQUERY A UTILIZAR --

function downloadJSAtOnload() {
if (!dfLoadFiles.length) return;

var dfGroup = dfLoadFiles.shift();
dfLoadStatus = 0;

for (var i = 0; i dfGroup.length; i++) {
dfLoadStatus++;
var element = document.createElement('script');
element.src = dfGroup[i];
element.onload = element.onreadystatechange = function () {
if (!this.readyState || this.readyState === 'complete') {
dfLoadStatus--;
if (dfLoadStatus === 0) {
if (dfGroup.length === 1) { //if jquery was loaded, then load other js
downloadJSAtOnload();
} else { //all is already loaded, perform deffered actions
performDeferredActions();
}
}
}
};
document.body.appendChild(element);
}
}

if (window.addEventListener) {
window.addEventListener("load", downloadJSAtOnload, false);
} else if (window.attachEvent) {
window.attachEvent("onload", downloadJSAtOnload);
} else {
window.onload = downloadJSAtOnload;
}

function performDeferredActions() { !-- VAS CARGANDO LOS .JS QUE NECESITAS EN TU WEB Y QUE REQUIEREN JQUERY--

$.ajax({
type: "GET",
dataType: "script",
cache: true /* or false if you don't want to cache it*/
});

}

/script
/body
/html


Llamada asíncrona de jQuery con código inline:
Esta es otra manera de optimizar las llamadas javascript a unos niveles de rendimiento importantes. La idea es lanzar en asíncrono la carga de jQuery y realizar las llamadas posteriores a las funciones dependientes una vez el documento HTML está listo. Esta forma de realizar llamadas te permite ejecutar en modo asíncrono una librería Javascript completa para después una vez se ha dibujado la página y sin perder tiempo en descargas de .js, se ejecuten funciones inline dependientes de la asíncrona.


htmlhead
script
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-XXXXXXXX-X', 'auto');
ga('send', 'pageview');
/script!-- LLAMADA ASÍNCRONA EN HEAD A SCRIPT DE GOOGLE ANALYTICS --
/head
body
!-- TODO TU CÓDIGO DEL BODY hasta antes del /BODY --
script type='text/javascript'!-- EJEMPLO DE CARGA ASÍNCRONA A JQUERY --
(function(){
var bsa = document.createElement('script');
bsa.type = 'text/javascript';
bsa.async = true;
bsa.src = 'https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js';
(document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild(bsa);
})();
/script

scriptwindow.onload = function(){!-- CUANDO LA VENTANA ESTÁ CARGADA --

!-- LLAMADAS A jQuery CON LA LIBRERÍA YA CARGADA Y LISTA --
jQuery(document).ready(function(e){e(".PRUEBA-1432447472-id").hide();e("ul.tabs-widget-widget-themater_tabs-1432447472-id li:first a").addClass("tabs-widget-current").show();e(".tabs-widget-content-widget-themater_tabs-1432447472-id:first").show();e("ul.tabs-widget-widget-themater_tabs-1432447472-id li a").click(function(){e("ul.tabs-widget-widget-themater_tabs-1432447472-id li a").removeClass("tabs-widget-current a");e(this).addClass("tabs-widget-current");e(".tabs-widget-content-widget-themater_tabs-1432447472-id").hide();var f=e(this).attr("href");e(f).fadeIn();return false})});
jQuery(document).ready(function(e){var f=function(){setTimeout(function(){e("ul.prueba-list li:first").animate({marginTop:"-50px"},800,function(){e(this).detach().appendTo("ul.ticker-list").removeAttr("style")});f()},5000)};f()});

}/script

/body
/html




Próxima actualización


Continuaremos con las siguientes normas de Pagespeed a tener en cuenta y contemplando los últimos cambios en las reglas de detección de la herramienta para mejorar el rendimiento absoluto de nuestro sitio web. Por supuesto, pregunta lo que necesites, los comentarios están abiertos para ti.


MESOTHELIOMA LAW FIRMDONATE CAR TO CHARITY CALIFORNIAHARDDRIVE DATA RECOVERY SERVICESDONATE A CAR IN MARYLAND DONATING A CAR IN MARYLAND,DONATE CARS ILLINOIS,CRIMINAL DEFENSE ATTORNEYS FLORIDA ,BEST CRIMINAL LAWYER IN ARIZONASTRUCTURED ANNUITY SETTLEMENT,ASBESTOS LAWYERS,NUNAVUT CULTURE,DAYTON FREIGHT LINES ,Bextra Bankruptcy Dental Plan Private Jet

MESOTHELIOMA LAW FIRMDONATE CAR TO CHARITY CALIFORNIAHARDDRIVE DATA RECOVERY SERVICESDONATE A CAR IN MARYLAND DONATING A CAR IN MARYLAND,DONATE CARS ILLINOIS,CRIMINAL DEFENSE ATTORNEYS FLORIDA ,BEST CRIMINAL LAWYER IN ARIZONASTRUCTURED ANNUITY SETTLEMENT,ASBESTOS LAWYERS,NUNAVUT CULTURE,DAYTON FREIGHT LINES ,Bextra Bankruptcy Dental Plan Private Jet

Donate Car To Charity CALIFORNIA DONATE CAR FOR TAX CREDITDONATE CARS IN MADONATE YOUR CAR SACRAMENTOHOW TO DONATE A CAR IN CALIFORNIA DONATE YOUR CAR FOR KIDS,CAR INSURANCE QUOTES COLORADO ,NUNAVUT CULTURE,DAYTON FREIGHT LINESHARDDRIVE DATA RECOVERY SERVICES,DONATE A CAR IN MARYLAND,MOTOR REPLACEMENTS,CHEAP DOMAIN REGISTRATION HOSTING,DONATING A CAR IN MARYLANDUn dia en Mundial Football MESOTHELIOMA LAW FIRM FIFA World Cup,DONATE CAR TO CHARITY CALIFORNIA , and STRUCTURED ANNUITY SETTLEMENT ,ANNUITY SETTLEMENTS, habia mucha monja pero fui a NUNAVUT CULTURE, DAYTON FREIGHT LINES and BUSINESS VOIP SOLUTIONS,CAR INSURANCE COMPANIES pero for you ONLINE CRIMINAL JUSTICE DEGREE ,PERSONAL INJURY LAW FIRM, Virtual data rooms and future now Automobile accident attorney and pero mas aya del visita and Mesothelioma law firm CHEAP CAR INSURANCE IN VIRGINIA,Selling annuity payments for cashSelling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity

fast cash for house CAR INSURANCE IN SOUTH DAKOTA mesothelioma lawyers Italian cooking school buy structured settlements Mortgage cash annuity Holland Michigan College Donate car to charity California new mexico mesothelioma lawyer lawyers accidents Hire php programmers Online casino Criminal Defense Attorneys Florida mesothelioma care Data Recovery Raid Mobile casino Mesothelioma Law Firm mesothelioma cases Hire php developers asterisk call center software Casino buy my structured settlement los angeles workers compensation lawyers maritime lawyer houston car accident lawyers los angeles DUI lawyer truck accident attorney texas HOW TO DONATE A CAR IN CALIFORNIA Dayton Freight Lines Photo Christmas cards Forensics Online Course auto insurance yuba city ca Hire php developer baltimore mesothelioma attorneys personal injury attorney springfield mo Business finance group PHD on Counseling Education personal injury attorney ocala fl Social media management DONATING A CAR IN MARYLAND Make money online Australia mesotheioma Personal Injury Lawyer Proud Italian cook Casino reviews Massage School Dallas Texas cheap domain registration hosting mesothelioma information tennessee mesothelioma lawyer MET AUTO orlando criminal attorney Donating a car in Maryland Live casino Online Criminal Justice Degree WordPress theme designers MOTOR REPLACEMENTS Car Insurance Quotes Utah buyers of structured settlements DONATE YOUR CAR FOR KIDS Claim Social media campaigns harddrive data recovery services DONATE CARS IN MA Donate your Car for Money insurance medical temporary cheaper insurance companies Social media strategies PhD in counseling education Dwi lawyer FUTURISTIC ARCHITECTURE Dedicated Hosting Dedicated Server Hosting DONATE OLD CARS TO CHARITY michigan motorcycle accident lawyer HARDDRIVE DATA RECOVERY SERVICES Criminal lawyer Service business software Criminal defense attorneys Florida ONLINE COLLEDGES Massage school Dallas Texas primary pulmonary hypertension MASSAGE SCHOOL DALLAS TEXAS Criminal defense lawyer mesothelioma lawsuits Php programmers for hire mesothelioma claims Html email adverse credit remortgage New social media platforms Social media platforms for business Social media platforms Seo services Bankruptcy lawyer Online College Course Computer science classes online Php programmers Seo companies Best social media platforms for business WordPress hosting Learning adobe illustrator Personal Injury Law Firm Cheap Car Insurance in Virginia refinance with poor credit windows phone for business Social media examiner Low Credit Line Credit Cards Paperport Promotional Code Custom WordPress theme designer Online Christmas cards DALLAS MESOTHELIOMA ATTORNEYS structured annuity settlement Best Seo company Futuristic Architecture Nunavut culture mesothelioma ct los angeles motorcycle accident lawyer firm law mesothelioma Business management software structured settlement investments new york mesothelioma law firm Donate Your Car Sacramento selling my structured settlement Best social media platforms motorcycle accident attorney sacramento Business VOIP Solutions Online colledges Seo company LIFE INSURANCE CO LINCOLN onlineclasses Custom Christmas cards WordPress themes for designers refinance with bad credit Psd to WordPress Futuristic architecture accident attorney in los angeles online motor insurance quotes CAR INSURANCE QUOTES UTAH Tech school boca raton personal injury attorney Forex Trading Platform dallas mesothelioma attorneys Donate Your Car for Kids Online Motor Insurance Quotes Christmas cards car insurance quotes Structures Annuity Settlement Cheap Car Insurance for Ladies Psd to html california mesothelioma attorney Mortgage Adviser Car insurance quotes Utah Adobe illustrator classes domains yahoo Donate car for tax credit Psychic for Free HOME PHONE INTERNET BUNDLE mesothelioma settlements DAYTON FREIGHT LINES business voip solutions Social media tools AUTOMOBILE ACCIDENT ATTORNEY Online classes Car Insurance Companies How to Donate A Car in California Donate Old Cars to Charity Register free domains Donate your car for money Donate Car to Charity California Donate Car for Tax Credit Donate Cars in MA car insurance quotes pa SELL ANNUITY PAYMENT Virtual Data Rooms Royalty free images stock sell annuity payment Sell Annuity Payment broward county dui lawyer Injury Lawyers Asbestos Lawyers CAR DONATE Car Insurance Quotes Colorado Annuity Settlements Nunavut Culture Motor Insurance Quotes Hard drive Data Recovery Services Donate a Car in Maryland Motor Replacements car accident lawyers Cheap Domain Registration Hosting attorney lawyer mesothelioma donate car for tax credit Donating a Car in Maryland Donate Cars Illinois Best Criminal Lawyers in Arizona donating used cars to charity Life Insurance Co Lincoln yahoo web hosting HOLLAND MICHIGAN COLLEGE Donate Car To Charity CALIFORNIA hair removal washington dc california law lemon Online Colleges Online Classes NEUSON World Trade Center Footage royalty free images stock criminal defense federal lawyer ROYALTY FREE IMAGES STOCK benchmark lending mesothelioma survival rates