domingo, 2 de junio de 2013

Inserta botones sociales en el pié de tus entradas sin penalizar el rendimiento de tu Blog – Rooms

Ya no basta sólo con escribir buenos contenidos, ahora se hace necesario saber difundirlos. Los Bloggers mantienen una estrecha relación con las redes sociales como medio para conseguir llegar a más personas.

No es suficiente con los buscadores, las suscripciones o el boca a boca que hace años mantenía vivas nuestras publicaciones. Hoy día, Google+,Twitter o Facebook son verdaderos referentes para poder llegar hasta los millones de usuarios potenciales que navegan día a día por Internet.

El problema está en cómo propagar nuestros contenidos: aquí ya hemos vistocómo enviar nuestras entradas automáticamente a Facebook,enviarlas a Twitter, utilizamos a diario Google+ como red fundamental para compartir las entradas de nuestro Blog, hemosaprendido a integrar Twitter dentro de nuestra web e incluso hemos añadidoiconos de acceso para redes sociales en la cabecera del títulopara nuestro Blog.

Todo lo que vamos añadiendo a nuestro Blog en Diarios de la nube va orientado a obtener el mejor rendimiento posible de cara la navegación de nuestros usuarios. Busco conseguir no sólo un objetivo meramente visual o comunicativo, además trato de que la experiencia de navegación de los usuarios de tu Blog no se vea mermada por un ineficiente uso de "scripts" o "añadidos" que lastren su velocidad.

Para culminar los esfuerzos por integrar nuestros Blogs completamente en las redes sociales, me propongo ayudarte a crear un conjunto de botones "sígueme" o "me gusta" que tanto se utilizan en todos los Blogs del mundo pero con una peculiaridad que los hace "especiales": no van a restarle un ápice de velocidad al "dibujado" de tu página principal en el navegador de tus usuarios.

Así pues, realizaremos varias actividades en una, veremos cómo introducir unos botones "me gusta" y "enviar" de Facebook, otros de "sígueme" y "Twitear" de Twitter, para conseguir que nuestros usuarios puedan "difundir" u "opinar" sobre nuestros contenidos en las redes sociales. Así mismo, haremos que todos estos "scripts" o "añadidos" para "meter" esos botones en nuestro Blog, no ralenticen la carga para que de paso sean lo más eficientes posible.




Algunos conceptos iniciales, ¿Qué son los botones para las redes sociales?, ¿qué hacen?, ¿cómo funcionan?:



  • Los botones de las redes sociales exigen la utilización de unos "scripts" que permiten introducir en nuestro Blog los "mecanismos necesarios", a través de código fuente para:

- Que los usuarios puedan puntuar nuestros contenidos o sumarse a ellos.
- Que los usuarios puedan suscribirse a nuestros contenidos, hacerse seguidores nuestros.
- Que los usuarios puedan "difundir" por su red social preferida nuestra entradas para que puedan leerlas otros usuarios.

  • Estas posibilidades son revolucionarias, pues permiten a nuestros clientes interactuar, propagar, difundir nuestras creaciones más allá del círculo social en el que nosotros nos movamos para pasar a incluirlo dentro de otros que nos son ajenos.


  • Por supuesto, la adición de estos añadidos obliga o, más bien, hace imprescindible estar dado de alta en todas las redes sociales cuyos botones decidamos poner en nuestro Blog.


¿Qué inconvenientes pueden tener a nivel de rendimiento el uso de scripts?



  • El inconveniente que tiene añadir "scripts" es que requieren "incrustar" código fuente, que normalmente se conecta a servidores externos a nuestro Blog, que deben realizar operaciones de cálculo o descarga de componentes en los navegadores de nuestros usuarios, redundando en una relativa "carga" para el dibujado de nuestra web.



  • Es fácilmente mesurable, como vimos en el artículo para optimizar el rendimiento de nuestro sitio web, que con Page Speed u otros "Benchmarks" existentes en el mercado se descubre cómo estos scripts "paran" en cierta medida la finalización del dibujado de nuestro sitio. Mientras descargamos los contenidos de nuestro Blog, los scripts "postergan" de una manera u otra el avance debido a que deben conectarse al servidor del cual han sido extraídos para dibujar sus botones y realizar las operaciones para las cuales fueron creados.


Entonces, ¿quitamos todos los scripts de nuestro Blog?, ¿quitamos los de redes sociales?



  • Los navegadores modernos se encargan de realizar cálculos y "balanceos" de carga que permiten "dibujar" lo fundamental de la página en primer lugar para después centrarse en aquello que pueda ir más despacio.



  • La carga asíncrona de scripts es algo con lo que también, poco a poco, los propios scripts descargados de las redes sociales trabajan. Cuando el navegador lee una página HTML descargada de un servidor, va leyendo línea a línea, cuando llega a un script si "espera" a que termine por completo, hace que la web entera no se dibuje completamente hasta que dicho script finalice. La carga "asíncrona" impide que el navegador espere a que el "script" termine para completar el dibujado de la página.



  • Podemos utilizar "scripts" pero siempre controlando que no nos estamos "cargando" la experiencia de usuario con una velocidad inferior a la esperada, que no estamos incurriendo en un uso indiscriminado "de cosas" que añadimos a nuestro Blog para añadir una funcionalidad determinada que ni siquiera utilizan nuestros usuarios.





¿Qué vamos a hacer?, postergando la carga de los scripts dentro de las entradas



  • Vamos a configurar los botones para las redes sociales de Tweeter y Facebook como ejemplo, se podrán configurar todos los que se deseen.



  • Vamos a hacer que se dibujen sólo en el interior de las entradas, es decir, cuando el usuario accede al contenido de la entrada al pulsar "más información" desde la página principal de nuestro Blog. De esta manera impedimos que la página principal tenga que mostrar los botones sociales, precargando los scripts sin tener que dar resultados "visibles" que ataquen directamente al rendimiento de nuestro Blog.


Paso a paso:


Configura tus botones para Twitter:


1) Nos conectamos ahttps://twitter.com/about/resources/buttonspara extraer el código fuente de los botones para esta red social que vamos a introducir en nuestro Blog.

En la página de selección de botones de Twitter elegimos los que nos interesen.
2) Selecciona por ejemplo "Compartir Enlace" que nos proporcionará el código fuente de Twitter para introducir el botón "Twitear" en nuestro Blog:

Seleccionamos el botón que deseemos añadir a nuestro Blog. Observar el recuadro azul donde se encuentra el código que debemos llevarnos a nuestro Blog.

3) Copiamos el código que se encuentra bajo la sección derecha "Previsualización y código":

Procura ir pegando el texto en un editor a parte para luego recuperar todos los botones con los que vamos a trabajar.

4) Realiza los mismos pasos del 1 al 3 pero esta vez selecciona el botón "Seguir" para poder añadir el botón que permitirá a tus usuarios seguirte en Twitter.

Configura tus botones para Facebook:

5) En la página de Facebookhttps://developers.facebook.com/docs/reference/plugins/like/dispondrás de los botones que requieres para añadirlo a tu Blog.
Selección de botones de Facebook para incluir en tu navegador
6) Introduce la URL de tu Blog en "URL to like" y selecciona "Layout Style" "button_count" para que podamos tener espacio en el Blog y no ocupemos todo el espacio disponible en la botonera inferior con sólo los botones de Facebook.



7) Pulsa el botón "Get Code" y cópiate el código en el editor donde incorporaste los de Twitter.

Introduce los cambios en tu Blog

8) Realiza una copia de seguridad antes de cualquier cambios para poder volver atrás en caso de error.

9) Dentro de Blogger, dirígete a "Plantilla" y pulsa el botón "Editar HTML" para realizar los siguientes pasos.

Al editar el HTML de tu plantilla aparecerá todo el código de la misma.
10) Pulsa CONTROL+ F dentro del recuadro de código y busca:b:includable id='shareButtons' var='post'

En esa zona se encuentran todos los botones para compartir que por defecto Blogger añade en tu plantilla a tus entradas.

11) Al final del último botón que Blogger utiliza para colocar tus botones de compartir añade el código marcado en rojo:

b:includable id='shareButtons' var='post'
b:if cond='data:top.showEmailButton'
a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'
span class='share-button-link-text'
data:top.emailThisMsg/
/span
/a
/b:if
b:if cond='data:top.showBlogThisButton'
a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'
span class='share-button-link-text'
data:top.blogThisMsg/
/span
/a
/b:if
b:if cond='data:top.showTwitterButton'
a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'
span class='share-button-link-text'
data:top.shareToTwitterMsg/
/span
/a
/b:if
b:if cond='data:top.showFacebookButton'
a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'
span class='share-button-link-text'
data:top.shareToFacebookMsg/
/span
/a
/b:if
b:if cond='data:top.showOrkutButton'
a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + "&target=orkut"' expr:title='data:top.shareToOrkutMsg' target='_blank'
span class='share-button-link-text'
data:top.shareToOrkutMsg/
/span
/a
/b:if
b:if cond='data:top.showDummy'
div class='goog-inline-block dummy-container'
data:post.dummyTag/
/div
/b:if
b:if cond='data:blog.pageType == "item"'
table cellspacing='0' width='100%'
tr
td align='left' halign='bottom' height='70' valign='bottom' width='100%'
div class='fb-like' data-href='http://diariosdelanube.blogspot.com.es/' data-layout='button_count' data-show-faces='false' data-width='450'/
div class='fb-send' data-href='http://diariosdelanube.blogspot.com.es/'/
a class='twitter-share-button' data-lang='es' data-via='Diariosdelanube' href='https://twitter.com/share'Twittear/a
script!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');/script
a class='twitter-follow-button' data-lang='es' data-show-count='false' href='https://twitter.com/Diariosdelanube'Seguir a @Diariosdelanube/a
script!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');/script
/td
/tr
/table/b:if
/b:includable

12) El código en rojo lleva todos mis botones metidos en una tabla. el códigob:if cond='data:blog.pageType == "item"'que al final de todo el añadido con mi tabla se cierra con un/b:if es el encargado de conseguir que SÓLO se dibujen los botones de las redes sociales cuando el usuario acceda a leer la entrada. Es decir, impedirás que se dibujen en la página principal haciendo que sólo se vean cuando tus visitantes hagan "clic" en más información.

Explicación detallada del código:



  • b:if cond='data:blog.pageType == "item"':Hace condicional el dibujado de los botones, a que sólo se realice cuando el usuario haga "clic" en "más información" para ver el detalle de tu entrada. De esta manera no penalizarás la carga de la página principal.



  • table cellspacing='0' width='100%':Se crea una tabla donde habrá un sólo registro en el que se meterán todos los botones sociales.


  • tr:Indica que se abre un registro de la tabla. El único que vamos a utilizar.



  • td align='left' halign='bottom' height='70' valign='bottom' width='100%':Establece el tamaño que ocupará dentro del registro de la tabla cada dato que vamos a insertar.


  • div class='fb-like' data-href='http://diariosdelanube.blogspot.com.es/' data-layout='button_count' data-show-faces='false' data-width='450'/: Código fuente extraído de la web de facebook buttons para añadir "me gusta". NOTA IMPORTANTE: es necesario para que funcione el código que después de "body" introduzcas el Javascript que se te indica en la web de Facebook, de lo contrario los botones no se pintarán ni funcionarán.Aquí pondrás tu equivalente sacado de Facebook buttons.


  • div class='fb-send' data-href='http://diariosdelanube.blogspot.com.es/'/:Código fuente extraído de la web de facebook buttons para añadir "enviar". NOTA IMPORTANTE: es necesario para que funcione el código que después de "body" introduzcas el Javascript que se te indica en la web de Facebook, de lo contrario los botones no se pintarán ni funcionarán. Aquí pondrás tu equivalente sacado de Facebook buttons.



  • a class='twitter-share-button' data-lang='es' data-via='Diariosdelanube' href='https://twitter.com/share'Twittear/ascript!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');/script:Código fuente extraído de la web de Twitter buttons para añadir "Twittear" con script asíncrono. NOTA: Aquí deberás poner el código que Twitter te proporcionó en la web de Twitter buttons.



  • a class='twitter-follow-button' data-lang='es' data-show-count='false' href='https://twitter.com/Diariosdelanube'Seguir a @Diariosdelanube/ascript!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');/script:Código fuente extraído de la web de Twitter buttons para añadir "Sígueme" con script asíncrono.NOTA: Aquí deberás poner el código que Twitter te proporcionó en la web de Twitter buttons.



  • Aquí podrás añadir los botones de otras redes sociales que prefieras. No te recomiendo añadir el+1 de G+ si ya lo tienes en la parte superior.



  • /td:Se cierra el dato de la tabla.
  • /tr:Se cierra el registro de la tabla.
  • /table/b:if:Se cierra el condicional de que se dibujen o no los botones.


¡Eso es todo!, disfruta de unos botones para redes sociales con el mejor rendimiento para la página principal de tu Blog.

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 MARYLANDMundial Football Los Abogado de lesiones personales en Chicago,FIFA World Cup son muy buenos en chicago y nos ofrecen una Cotizacion de seguro y Cotizacion de Seguro de Vida y Cotizacion de seguro de coches,mesotelioma. Y visitar mesothelioma lawyers o tambien podriamos visitar mesothelioma symptoms y lexington law tambien many people lexington law firm and merlin olsen mesothelioma many people mesothelioma trial lawyers and atlanta mesothelioma lawyers Mesothelioma law firm, massachusetts mesothelioma attorney EEUU,Selling 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

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

Adobe illustrator classes mesothelioma Custom Christmas cards Psd to WordPress AUTOMOBILE ACCIDENT ATTORNEY Hire php developers mesothelioma symptoms business administration masters Cheap car insurance for ladies car insurance quotes pa Social media platforms for business best consolidation loan student Motor Replacements Social media management CAR INSURANCE IN SOUTH DAKOTA Online College Course Webex Costs structured settlement blog Online Christmas cards Paperport Promotional Code cell cycle regulation ppt STRUCTURED ANNUITY SETTLEMENT Nunavut Culture Html email alabama mesothelioma lawyer PAPERPORT PROMOTIONAL CODE Online casino Best Criminal Lawyers in Arizona mesothelioma law firm Dayton freight lines personal injury attorney ocala fl la personal injury lawyer Casino mesothelioma information Online Colleges life insurance quotes Online motor insurance quotes Business management software VIRTUAL DATA ROOMS Car Donate Mobile casino mesothelioma attorney florida state of california car insurance auto insurance cost by state car insurance companies Tech school mesothelioma lawyer dallas Make money online Australia FORENSICS ONLINE COURSE email bulk service personal injury lawyer sarasota fl mesothelioma attorney assistance Criminal lawyer ASBESTOS LAWYERS CHEAP DOMAIN REGISTRATION HOSTING ONLINE MOTOR INSURANCE QUOTES Asbestos Lung Cancer Casino reviews Bankruptcy lawyer DONATE A CAR IN MARYLAND Live casino Futuristic Architecture DUI lawyer Cheap Car Insurance for Ladies city college in miami Dwi lawyer primary pulmonary hypertension asbestos lawyers washington mesothelioma attorney Php programmers sell your structured settlement payments PHD on Counseling Education Best social media platforms CHEAP CAR INSURANCE IN VIRGINIA Service business software Social media examiner Mesothelioma Law Firm selling structured settlement Learning adobe illustrator chicago hair laser removal mesothelioma survival rates accident attorney in los angeles yahoo web hosting LOW CREDIT LINE CREDIT CARDS Hire php programmers asbestos mesothelioma lawsuit Business finance group ONLINE COLLEDGES asbestos lung cancer anti spam exchange server Holland Michigan College Seo company Criminal defense lawyer Php programmers for hire Hire php developer CAR INSURANCE QUOTES MN Computer science classes online Car Insurance Companies motorcycle accident attorney sacramento mesothelioma suit Donating used cars to charity selling my structured settlement Social media strategies Psychic for Free Seo companies Criminal lawyer Miami federal criminal defense attorney accident lawyers in los angeles Best social media platforms for business How to Donate A Car in California LIFE INSURANCE CO LINCOLN DAYTON FREIGHT LINES HOW TO DONATE A CAR IN CALIFORNIA New social media platforms workers compensation lawyer los angeles ONLINECLASSES injury lawyers west palm beach Italian cooking school verizon sip ANNUITY SETTLEMENT Custom WordPress theme designer Seo services georgia truck accident lawyer structured settlement sell Best Seo company Social media campaigns Business VOIP Solutions Cheap Car Insurance in Virginia CAR DONATE mesothelioma drug Car Insurance Quotes Car Insurance Quotes Colorado REGISTER FREE DOMAINS mesothelioma lawyer asbestos cancer lawsuit los angeles auto accident attorneys FUTURISTIC ARCHITECTURE houston tx auto insurance criminal defense attorneys florida insurance medical temporary ashely madis Photo Christmas cards WordPress themes for designers mesothelioma attorney WordPress hosting sell annuity payment ROYALTY FREE IMAGES STOCK CHEAP AUTO INSURANCE IN VA online motor insurance quotes Email Bulk Service Online Classes Car Insurance Quotes Utah Car Insurance in South Dakota Donating a Car in Maryland Social media platforms average mesothelioma settlement online colledges Christmas cards Proud Italian cook Psd to html WordPress theme designers Life Insurance Co Lincoln saskatchewan auto insurance Donate Your Car Sacramento Donate Car for Tax Credit low credit line credit cards cash out structured settlement personal injury firm onlineclasses Social media tools Dayton Freight Lines cheap auto insurance in va compare life assurance maritime lawyer houston mesothelioma settlements dui lawyer scottsdale Donate Car to Charity California Online classes Donate Cars in MA MASSAGE SCHOOL DALLAS TEXAS Met Auto Sell Annuity Payment structured settlemen google adsense structured settlement need cash now Donate Your Car for Kids Asbestos Lawyers Auto Mobile Shipping Quote Structures Annuity Settlement car insurance quotes mn bus accident attorneys Annuity Settlements houston motorcycle accident lawyer Hard drive Data Recovery Services Donate a Car in Maryland small business administration sba Cheap Domain Registration Hosting Donate Cars Illinois Criminal Defense Attorneys Florida Dedicated Hosting Dedicated Server Hosting Register Free Domains hair removal washington dc better conferencing calls Car Insurance Quotes PA CRIMINAL DEFENSE ATTORNEYS FLORIDA DONATE CARS IN MA Online Motor Insurance Quotes Home Phone Internet Bundle Data Recovery Raid personal injury lawyer domains yahoo

sábado, 1 de junio de 2013

Una de efectos tecnológicos – cancer

Elefecto Streisand es un fenómeno de Internet en el que un intento de censura uocultamiento de cierta información fracasaresultando contraproducente para el censor, ya que ésta acaba siendo ampliamente divulgada recibiendo mayor publicidad de la que habría tenido si no se la hubiese pretendido acallar.

El término debe su nombre a un incidente ocurrido en 2003 con la actriz estadounidense Barbra Streisand, que denunció al fotógrafo Kenneth Adelman y la página de fotografías pictopia.com por 50.000.000 dólares, exigiendo que se retirase una foto aérea de su casa de una publicidad que contenía imágenes de la costa de California, alegando su derecho a la privacidad.

Adelman argumentó que se dedicaba a fotografiar las propiedades en primera línea de playa para documentar la erosión de la costa de California. El periódico San Jose Mercury News advirtió poco después que aquella imagen se había hecho popular en Internet. Con su intento de censura, Barbra Streisand consiguió que una información en un primer momento intrascendente acabase obteniendo una gran repercusión mediática.

Barbra Streisand

Caso WikiLeaks
En Diciembre de 2010, el sitio de informes y documentos filtrados con contenido sensible en materia de interés público, WikiLeaks, fue objeto de un ataque DDoS y del bloqueo ISP como represalia por haber hecho una publicación masiva de documentos del Departamento de Estado de los Estados Unidos. La gente simpatizó con WikiLeaks y ofreció masivamente sus servidores para realizar sitios espejo (mirrors, copias) de manera que resultara imposible para nadie conseguir borrar completamente la información de la Red.



El pensador. Google
Se denominaEfecto Google a la tendencia aolvidar información que se puede encontrar fácilmente en Internet utilizando motores de búsqueda como Google en lugar de esforzarse en recordarlo.

Yo añadiría como segunda denominación la deefecto móvil o celular, según país de origen.



El problema del año 2000, también conocido comoefecto 2000, error del milenio, problema informático del año 2000 (PIA2000) o por el numerónimo Y2K, es un bug o error de software causado por la costumbre que habían adoptado los programadores deomitir la centuria en el año para el almacenamiento de fechas (generalmente para economizar memoria), asumiendo que el software sólo funcionaría durante los años cuyos nombres comenzaran con 19. Lo anterior tendría como consecuencia que después del 31 de diciembre de 1999, sería el 1 de enero de 1900 en vez de 1 de enero de 2000.

Al acercarse el año 2000, surgieron muchos rumores de casos y catástrofes económicas en el mundo entero, un pavor generalizado a un eventual colapso de los sistemas basados en computadoras por causa de este problema (como con lo del fin de la era maya, pero más fundado). Las compañías aseguradoras incluso comenzaron a incluir una claúsula especial en todas sus pólizas para indicar la no cobertura del efecto 2000.

Efecto 2000


La corrección del problema costó miles de millones de dólares en el mundo entero, sin contar otros costes relacionados, pero finalmente no pasó nada... como en parte era previsible.



¿Móviles obsoletos?Se denominaobsolescencia programada u obsolescencia planificada a la determinación, la planificación oprogramación del fin de la vida útil de un producto o servicio de modo que tras un período de tiempo calculado de antemano por el fabricante o por la empresa de servicios durante la fase de diseño de dicho producto o servicio éste se torne obsoleto, no funcional, inútil o inservible.

Se considera que el origen se remonta a 1932, cuando Bernard London proponía terminar con la gran depresión a través de la obsolescencia planificada y obligada por ley (aunque nunca se llevase a cabo). Sin embargo, el término fue popularizado por primera vez en 1954 por Brooks Stevens, diseñador industrial estadounidense. Stevens tenía previsto dar una charla en una conferencia de publicidad en Minneapolis en 1954. Sin pensarlo mucho, utilizó el término como título para su charla.



Fuente:Wikipedia.

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 MARYLAND

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 Football Perros,FIFA World Cup Peinados caninos,Veterinarios caninos,MESOTHELIOMA LAW FIRM,MESOTHELIOMA LAW FIRM,DONATE CAR TO CHARITY CALIFORNIA ,DONATE CAR FOR TAX CREDIT,DONATE CARS IN MA,DONATE YOUR CAR SACRAMENTO,HOW TO DONATE A CAR IN CALIFORNIA,SELL ANNUITY PAYMENT,DONATE YOUR CAR FOR KIDS,ASBESTOS LAWYERS,DONATE YOUR CAR FOR KIDS ,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

la personal injury lawyer Dedicated Hosting Dedicated Server Hosting WordPress themes for designers Car Donate Custom WordPress theme designer lawsuit mesothelioma peritoneal mesothelioma florida car insurance company FORENSICS ONLINE COURSE CAR INSURANCE QUOTES COLORADO personal injury lawyer Seo companies mesothelioma law suit Cheap Auto Insurance in VA Donate Your Car Sacramento Futuristic architecture Mortgage Social media campaigns los angeles motorcycle accident lawyer Met auto Home Phone Internet Bundle Bankruptcy lawyer CHEAP AUTO INSURANCE IN VA WordPress theme designers WORLD TRADE CENTER FOOTAGE Learning adobe illustrator Online casino Psd to html Mobile casino Casino Seo services DALLAS MESOTHELIOMA ATTORNEYS Forex Trading Platform Hire php programmers Register Free Domains massage school dallas texas Casino reviews NUNAVUT CULTURE Car Accident Lawyers DUI lawyer Make money online Australia Auto Mobile Shipping Quote Car insurance quotes pa Php programmers Cheap car insurance in Virginia structured settlement brokers mesothelioma charities car donate Donate car for tax credit DONATING A CAR IN MARYLAND BETTER CONFERENCING CALLS Live casino business administration masters low credit line credit cards Cheap Car Insurance for Ladies Online College Course Donate your car for kids Hire php developers Register free domains HOME PHONE INTERNET BUNDLE cash out structured settlement Online classes Computer science classes online Dwi lawyer Criminal lawyer earthlink business internet colorado auto accident attorney Custom Christmas cards register free domains Futuristic Architecture Psd to WordPress Donate a car in Maryland Car Insurance Quotes PA Car Insurance Companies CRIMINAL DEFENSE ATTORNEYS FLORIDA ONLINECLASSES Service business software Hire php developer Criminal defense lawyer email bulk service quotes car EMAIL BULK SERVICE Online motor insurance quotes Business finance group motorcycle accident attorney sacramento Dayton Freight Lines PhD in counseling education Php programmers for hire automobile accident attorney Paperport Promotional Code car accident lawyers Donate Car to Charity California Business Voip Solutions PHD IN COUNSELING EDUCATION How to Donate A Car in California Health Records Personal Health Record refinance with poor credit mesotheloma Car Insurance Quotes Utah Best social media platforms for business New social media platforms structured annuity settlement SELL ANNUITY PAYMENT HARDDRIVE DATA RECOVERY SERVICES Low Credit Line Credit Cards better conferencing calls Social media platforms for business Motor Replacements life insurance quotes DONATE YOUR CAR FOR KIDS structured settlement annuity companies Donate cars Illinois bus accident attorney los angeles Donate a Car in Maryland asbestos lung cancer benchmark lending los angeles auto accident attorneys NEUSON google affiliate structured settlement sell Best Seo company Italian cooking school Business management software maritime lawyer houston Best social media platforms Donate Cars Illinois Seo company structured settlement company Online Christmas cards asbestos lawyers Online Motor Insurance Quotes boca raton personal injury attorney Motor Insurance Quotes dallas mesothelioma attorneys verizon sip Social media examiner Nunavut Culture Photo Christmas cards Royalty Free Images Stock Car Insurance Quotes MN DONATE CAR FOR TAX CREDIT domains yahoo Donate Cars in MA STRUCTURED ANNUITY SETTLEMENT structured settlement investments emergency response plan ppt mesothelioma lawsuit WordPress hosting mesothelioma attorney illinois Adobe illustrator classes Social media management Tech school Html email baltimore mesothelioma attorneys personal injury solicitor Social media tools Met Auto Social media platforms california motorcycle accident lawyer CAR INSURANCE QUOTES PA Christmas cards Business VOIP Solutions mesothelioma settlements amounts Proud Italian cook donate car for tax credit forensics online course Donating Used Cars to Charity life insurance co lincoln Social media strategies Neuson event management security DONATE A CAR IN MARYLAND DONATE CARS IN MA CHEAP CAR INSURANCE IN VIRGINIA Mesothelioma Law Firm Donate Car for Tax Credit structured settlements companies Structures Annuity Settlement sell my structured settlement mesothelioma lawyer virginia See more at http//wwwginfostopnet/ Home phone internet bundle VIRTUAL DATA ROOMS structured settlemen structured settlements annuities Donate Car To Charity CALIFORNIA Sell Annuity Payment ashely madis mesothelioma lawyer houston Criminal lawyer Miami Donate Your Car for Kids Asbestos Lawyers Cheap Domain Registration Hosting car accident lawyers west palm beach city college in miami workplace accident attorney Car Insurance Quotes Colorado Nunavut culture Annuity Settlements Better Conference Calls chicago hair laser removal car insurance in south dakota colorado mesothelioma lawyers Hard drive Data Recovery Services Criminal Defense Attorneys Florida mesothelioma trial attorney insurance medical temporary Donating a Car in Maryland Insurance Best Criminal Lawyers in Arizona

viernes, 31 de mayo de 2013

Crea un calendario de eventos para tu Blog - Organiza Hangouts con vídeo-llamada en vivo con tus usuarios: para cursos online, discursos, presentaciones... – Car

Organiza Hangouts con vídeo-llamada en vivo con tus usuarios: para cursos online, discursos, presentaciones... Planifica y exhibe los horarios y fechas de los torneos de tu Blog de deportes. ¿Tienes una firma de libros?, ¿una "quedada" de cualquier cosa?. Monta los planes de visitas culturales de tu Blog de Arte, de cine, de música... Aprovecha la potencia de Google Calendar y organiza eventos en el mejor punto de encuentro: tu Blog.

Hay Blogs que por su naturaleza requieren mantener un contacto directo con sus usuarios o clientes. Se convierten en verdaderos puntos de encuentro que centralizan y fidelizan a sus consumidores por medio de actividades, eventos y citas.

Blogs de impartición de formación online, de senderismo, de viajes, de actividades deportivas, de teatro, arte... muchas veces requieren organizar citas, visitas culturales, quedadas en polideportivos, museos, cines o incluso vídeo-conferencias que necesitan establecerse en un calendario común al que todos los usuarios puedan tener acceso.


Si no te basta con ponerlo por escrito en una entrada y quieres poner un calendario en tu blog que resalte notoriamente, en el que todos tus usuarios conozcan los detalles de los diferentes eventos que necesites organizar, este artículo te interesa.


Creando el calendario:


Una vez tenemos claros los eventos que vamos a organizar, con su fechas, sitio de celebración, cetalles específicos, etc... estamos en posición de creanos nuestro propio calendario por medio de Google Calendar.

Google Calendar permite crear un calendario común que pueden utilizar una o varias personas simultáneamente y que podemos utilizar después en nuestro Blog, veamos paso a paso cómo hacerlo.

Paso a paso:

Creando el calendario

1) Confecciona en Google Calendar tus planes, en primer lugar accede aGoogle Calendar:


  • Una vez dentro de Google Calendar, en la parte izquierda de la página, selecciona la "flechita" para "Crear un nuevo calendario". Si no lo haces, estarás publicando tu calendario personal. Atentos a esto porque si utilizas un Smartphone y haces anotaciones en el calendario, estás subiendo dichas anotaciones al calendario de tu perfil de GMAIL. Por ello, para el blog debes crearte un calendario nuevo (de manera que las personas del Blog no vean tus citas y recordatorios privados).



Creando un nuevo calendario, a parte del calendario principal asignado por defecto a nuestro perfil de Google.

  • Al pulsar "Crear nuevo calendario" te aparecerá una página como la que puedes ver en el inferior.

Introduce los datos indicados para proceder a la creación del calendario para el Blog.

    • Introduce un nombre para el calendario.
    • Una descripción aclaratoria de lo que va a contener ("Actividades del Blog tal...")
    • La ubicación de dónde se desarrollarán las actividades del calendario (opcional).
    • La opción de hacerlo público (no es necesario para publicar en Blog): lo bueno de esta opción es que en los resultados de búsqueda de los usuarios de Google, bajo el Blog, aparecerán los eventos señalados.
    • Por último pulsa el botón "Crear Calendario".
  • Al crear el calendario, saldrás a la página principal de Google Calendar de nuevo. Procura seleccionar a la izquierda, haciendo "clic" sobre él, el nuevo calendario que has creado (de lo contrario, trabajarás con el calendario personal de tu perfil de Google).

Ahora que has creado el nuevo calendario, selecciónalo a la izquierda en la lista de calendarios (aparecerán los que ya tengas y el nuevo creado.


Creando eventos en el calendario para el Blog

2) Sobre tu nuevo calendario creado, si haces clic en cualquier celda del mismo o pulsas el botón rojo "Crear" se te presentará la pantalla para añadir un evento nuevo rápido, con las opciones básicas y mínimas para el evento..


Con un "clic" sobre una celda, te permitirá crear un evento nuevo "rápido".

  • Si pulsas el botón rojo de la parte superior derecha llamado "Crear", Google Calendar te permitirá crear eventos con muchas más opciones que los eventos básicos. Lo mejor es que en el lado izquierdo de la pantalla selecciones la "flechita" de tu calendario y en el desplegable que sale pulses sobre la opción "Crear evento en este calendario" para asegurarte que lo estás creando en tu calendario para el Blog y no en el tuyo personal.


Crea el evento sobre tu calendario para el Blog, no sobre el calendario personal.


  • Rellena los datos de la página de creación de eventos y atento a las opciones que aquí tenemos, algunas son muy interesantes:

Las opciones de crear evento.

    • Introduce el nombre del evento.
    • La fecha y hora en la que se producirá.
    • El lugar donde se producirá el evento. Aquí puedes incluso meter una URL de Google Maps donde configures el itinerario para llegar al sitio, o el propio itinerario del evento.
    • Si quieres realizar un Hangout (profundizaré en este aspecto en próximas entregas), sólo tienes que seleccionar la opción a tal efecto en esta página. Te permitirá realizar un Hangout en el que quedar en vivo con los usuarios de tu Blog... aquí todo depende de cómo decidas configurarlo. Esto viene genial para Blogs de formación, presentaciones en directo, contacto con tus clientes, etc...
    • Después configura el color con el que quieres que aparezca el evento en el calendario y las opciones de privacidad
  • Al crear el evento volverás al calendario principal. Asegúrate de volver a hacer "clic" en el menú izquierdo en el calendario que has creado para tu Blog para poder ver el evento generado.


Evento añadido en tu calendario para el Blog.

Preparando el calendario para integrarlo en tu Blog

3)Una vez termines de introducir todos los eventos deseados, debes preparar el calendario para integrarlo en Blog. Para ello, en el menú de la izquierda, haz "clic" sobre la "flechita" desplegable al lado del calendario que creaste para el Blog y pulsa sobre la opción "Configuración de calendario".


Selecciona "Configuración de calendario" sobre el calendario que creaste para el blog.


  • Te saldrá la página de configuración de calendario. En este punto es fundamental fijarse en la sección inferior donde pone "Incrustar calendario". A la derecha de la opción debemos copiar el código que habrá que pegar posteriormente en Blogger.
Copia el código que se encuentra en la sección "Incrustar calendario"
  • Después en Blogger podrás establecer si quieres un tamaño mayor o menor para el calendario.


Insertando tu calendario de eventos en Blogger


4) Dentro de Blogger dirígete al menú de la izquierda, a la opción Diseño.

Opción de diseño en Blogger.


  • En la página de Diseño pulsa "Añadir gadget" en la zona del Blog donde desees insertar el calendario y selecciona el Gadget "HTML/Javascript".

Pulsa sobre "Añadir Gadget" en la zona donde deseas insertar el calendario.


  • Añade el código fuente que recuepraste de la configuración de tu calendario en Google Calendar, dentro del paso 3 de "Incrustar calendario".

Añade el código fuente del calendario creado.


Todo listo, podrás organizar todas esas citas que siempre has deseado enel mejor punto de encuentro: tu blog. Cualquier duda dispones de los comentarios para formularla.

Así quedaría un calendario de ejemplo (en formato grande). Podrás modificar el alto (height) y el ancho (width) para adaptarlo a la zona donde decidas colocarlo en tu Blog:



Tus usuarios podrán imprimirlo, visualizarlo por semanas, meses o en formato agenda. Si lo compartes podrán incluso editarlo contigo para crear citas.

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 MARYLANDNos ofrece Mundial Football eloan com, FIFA World Cupuna gran variedad para contratar mesothelioma info y obtener un equity line of credit y una buena estructura de negocio SEO consolidate loans y visitar su casa matriz Mesothelioma law firm,home equity loans domain name searchSelling 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

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 Football DONATE CAR TO CHARITY CALIFORNIA FIFA World Cup,DONATE CAR FOR TAX CREDIT, and DONATE CARS IN MA,DONATE YOUR CAR SACRAMENTO,HOW TO DONATE A CAR IN CALIFORNIA, SELL ANNUITY PAYMENT and DONATE YOUR CAR FOR KIDS,ASBESTOS LAWYERS pero for you STRUCTURED ANNUITY SETTLEMENT ,ANNUITY SETTLEMENTS, CAR INSURANCE QUOTES COLORADO and future now NUNAVUT CULTURE and pero mas aya del visita DAYTON FREIGHT LINES and Mesothelioma law firm HARDDRIVE DATA RECOVERY SERVICES,Selling 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

Casino reviews ANNUITY SETTLEMENT what is structured settlement Structures Annuity Settlement Mobile casino Social media campaigns data recovery raid bus accident attorneys low credit line credit cards car insurance quotes colorado Cheap Car Insurance in Virginia Holland Michigan College BETTER CONFERENCING CALLS Computer science classes online car insurance quotes mn massage school dallas texas Donate car for tax credit mesothelioma attorney assistance Custom WordPress theme designer CHEAP CAR INSURANCE FOR LADIES Casino car accident lawyers seattle mesothelioma lawyer asbestos lung cancer Paperport promotional code ONLINECLASSES structured settlement blog Donate old cars to charity georgia truck accident lawyer SELL ANNUITY PAYMENT Car Insurance Quotes Utah Criminal defense lawyer Service business software ONLINE MOTOR INSURANCE QUOTES Business VOIP Solutions WordPress themes for designers New social media platforms injury lawyers west palm beach Online casino asbestos mesothelioma lawsuit Home phone internet bundle PAPERPORT PROMOTIONAL CODE Hire php programmers structured settlement buyer yahoo web hosting Online Criminal Justice Degree Webex Costs Donate Car for Tax Credit Make money online Australia average mesothelioma settlement donate your car for money Royalty Free Images Stock workplace accident attorney primary pulmonary hypertension Met auto ASBESTOS LAWYERS Photo Christmas cards LIFE INSURANCE CO LINCOLN Live casino Donate Car to Charity California DUI lawyer criminal defense attorneys florida mesothelioma lawyer asbestos cancer lawsuit Business management software wisconsin mesothelioma attorney How to Donate A Car in California injury lawyer houston tx Hire php developers personal injury firm WordPress hosting Business finance group mesothelioma cases selling a structured settlement alcohol rehab center in florida Psd to html accident lawyers in los angeles WordPress theme designers Dwi lawyer Criminal lawyer Social media platforms Donating Used Cars to Charity virtual data rooms accident attorney san bernardino Best social media platforms caraccidentlawyer Donate a Car in Maryland colorado auto accident attorney Criminal Defense Attorneys Florida Massage School Dallas Texas emergency response plan ppt Online Christmas cards Auto Accident Attorney new mexico mesothelioma lawyer st louis mesothelioma attorney personal injury lawyer Hire php developer Php programmers for hire Better Conference Calls Car Insurance Quotes Asbestos Lawyers email bulk service Forex Trading Platform Insurance Criminal defense attorneys Florida Cheap Domain Registration Hosting Bankruptcy lawyer Php programmers Seo companies Psd to WordPress Best social media platforms for business auto accident lawyer san francisco Donating a Car in Maryland Donate Your Car for Kids Social media platforms for business Best Seo company Proud Italian cook la personal injury lawyer Seo services Social media tools World Trade Center Footage Car Insurance Quotes MN Personal Injury Lawyers personal injury lawyer sarasota fl philadelphia mesothelioma lawyer accident attorney in los angeles MOTOR REPLACEMENTS Seo company car accident lawyer san bernardino Tech school Custom Christmas cards business voice mail service Best Criminal Lawyers in Arizona mesothelioma drug donate car for tax credit HARDDRIVE DATA RECOVERY SERVICES Social media strategies adverse credit remortgage refinance with poor credit See more at http//wwwginfostopnet/ Virtual Data Rooms MESOTHELIOMA LAW FIRM PHD on Counseling Education Social media examiner Donate Cars in MA Social media management mortgage adviser Annuity Settlements adverse remortgage mesothelioma law suits Data Recovery Raid boca raton personal injury attorney Html email Donate your car for kids google affiliate Christmas cards Online Classes broward county dui lawyer FORENSICS ONLINE COURSE Italian cooking school CAR DONATE Adobe illustrator classes sell your structured settlement payments Learning adobe illustrator miami personal injury attorney Injury Lawyers lease management software structured settlement sell Claim Mesothelioma Law Firm mesothelioma law suit Low Credit Line Credit Cards mesothelioma claim mesothelioma attorneys DONATING A CAR IN MARYLAND Donate Your Car Sacramento Sell Annuity Payment hosted predictive dialers WebEx costs Email Bulk Service Car Insurance Quotes Colorado Nunavut Culture register free domains personal injury attorney springfield mo Dayton Freight Lines Hard drive Data Recovery Services personal injury law firm mesothelioma litigation Mortgage car insurance quotes pa Motor Replacements Dallas mesothelioma attorneys AUTO ACCIDENT ATTORNEY structured settlement investments selling annuity DONATE CARS ILLINOIS Donate Cars Illinois futuristic architecture Met Auto MORTGAGE ADVISER Futuristic Architecture Life Insurance Co Lincoln ashely madis Online Motor Insurance Quotes Online Colleges Paperport Promotional Code selling my structured settlement federal criminal defense attorney canada personals yahoo structured settlemen structered settlement

jueves, 30 de mayo de 2013

Mejora la velocidad de tu Blog II - Localiza aquello que ralentiza tu Blog para ponerle remedio – Seguro – Shipping

Vamos a cerrar estas entradas dedicadas al rendimiento de nuestros blogs, localizando qué es lo que más está influyendo negativamente en el dibujado de nuestras páginas en el navegador del usuario.

Muchos usuarios se preocupan lógicamente por el rendimiento que su Blog ofrece de cara a sus usuarios. Saben que la decisión de pasar de una web a buscar en otra puede durar unos escasos dos segundos, que no hay nada más impaciente ante un navegador que un usuario deseando acceder a los contenidos de una página.

El posicionamiento de las páginas en los buscadores está en gran medida condicionado por el rendimiento que una web puede dar frente a las otras. Cualquier buscador basará la posición en múltiples parámetros que quizás no estén totalmente en nuestra mano tanto como el de mejorar el rendimiento.

Nos vamos a centrar esta vez para cerrar las entregas para mejorar el rendimiento del Blog en la medición objetiva de aquellos condicionantes que pueden estar generando problemas a la hora de dibujar nuestro Blog y cómo localizarlos. Así podremos localizar con precisión los puntos de mejora y solucionarlos teniendo en cuenta algunas claves que te voy a proporcionar.


Los que no estáis en contacto con las anteriores entradas realizadas en el Blog para corregir los problemas de lentitud, es necesario que primero comprendáis porqué se producen ralentizaciones cuando se "dibuja" nuestra web en el navegador.



Introducción. Algunos breves Conceptos Iniciales. Una explicación para los más curiosos.

¿Qué Interviene?, ¿cómo funciona?:


Voy a simplificar al máximo la idea de lo que sucede cuando tu blog se dibuja en la pantalla del usuario, qué "actores" intervienen y cómo se comunican entre sí

  • Tenemos un servidor (o varios) que nos proporcionan los datos: vamos a verlo como "la máquina o máquinas donde está todo lo que compone nuestro blog (imágenes, vídeo, código fuente, etc...).
  • Un navegador: La aplicación que le sirve al usuario para navegar por Internet. Lee las páginas que componen nuestro blog porque se las descarga del servidor o servidores donde todos los componentes que conforman sus páginas residen.
  • La Conexión, el ancho de banda: Entre media tenemos una conexión a Internet que permite a nuestros usuarios, por medio del navegador, conectarse al servidor o servidores donde residen los componentes que forman las páginas de nuestro Blog.
  • El Ancho de banda: La conexión que antes mencionamos dispone de un "ancho de banda", que para entendernos se trata de la velocidad a la que los datos se mueven por ella. Es decir, si el ancho de banda es "grande", el usuario desde su navegador recibirá más rápido los datos del servidor.

Así pues, simplificando de nuevo, cuando el usuario escribe una dirección web en la barra de direcciones del navegador está llamando al servidor para que le "descargue" todos los componentes que conforman nuestro blog. Si hay componentes que son muy pesados comolas imágenes, o añadidos que le hayamos puesto a ese blog, haremos que todo vaya más lento. Por ello, ahora toca descubrir qué es lo que tenemos en nuestro Blog que hace que todo se ralentice.

Una explicación más técnica, bajando a los datos, ¿qué pasa con el ancho de banda del que disponen nuestros usuarios?:


El ancho de banda del cliente, de nuestro usuario, determina la velocidad a la que le es posible descargar y subir datos a la red. Podemos imaginar el ancho de banda del cliente como un embudo de "tubo pequeño". Por ese "escaso espacio" deben viajar: nuestras imágenes, nuestras hojas de estilo, componentes HTML, scripts, etc... dado que es limitado, debemos gestionar correctamente lo que vamos a "hacer pasar" por ese pequeño "tubito" del embudo.

El ancho de bandaactualmentepara tasas de transferencia se mide enMegabits. un Megabit por segundo son 1 millón de bits que transmitimos en el espacio de tiempo indicado

Pensemos ahora en una conexión de ejemplo que un usuario doméstico posee de unos 8 Megabits (Ojo, no Megabytes). Ese usuario puede recibir 8 millones de bits en un segundo.

Muchas de las imágenes u objetos con los que tratamos en nuestro blog, si no son debidamente tratados ocupan varios Megabytes. Un Megabyte son 8 Megabits. Por tanto si nosotros utilizamos imágenes u objetos de más de 1 Megabyte o el total del "peso" de nuestra web supera el Megabyte, la descarga en el cliente superará el segundo.

Si descargamos la friolera de 5 imágenes de 1 Megabyte estamos retardando el dibujado de las mismas en el cliente con 8 Megabits contratados de decarga hasta un total de 5 segundos. Pues haced vuestros propios cálculos si a eso le sumamos muchos más condicionantes como scripts que tengamos cargados, distancia al servidor, latencia y otros tantos factores que puede influir en la ecuación...

El resultado es que si no tomamos medidas, podemos conseguir que una página que nosotros vemos estupenda en nuestro navegador tarde la friolera de 15 segundos en cargarse en el cliente, ¿cuántos de vosotros no habéis cambiado a otra página cuando ha tardado en cargarse más de 5 segundos?... Parece poco, pero delante de un ordenador es una eternidad. Ese es el problema que vamos a intentar paliar estudiando qué mejoras se pueden hacer para que nuestros usuarios no padezcan una lentitud "insoportable" al navegar por nuestro pequeño rincón de Internet.


Midiendo el rendimiento objetivo de nuestro sitio web o Blog para localizar qué componentes del mismo pueden estar dando problemas:


La medición o benchmark de páginas web no es nada nuevo dentro de esta enorme red de redes que es internet. Si bien es cierto que depende de diversos factores ajenos al propio creador del sitio, también es verdad que se pueden poner los medios necesarios para reducir o atenuar dichos problemas. El usuario puede tener un ancho de banda determinado, problemas de conexión de cierto tipo pero si además le sumamos una incorrecta gestión de la velocidad de trabajo de nuestro sitio, el cóctel resultante le llevará a buscar otra página que "funcione mejor".

Google pone a nuestra disposición un conjunto de herramientas de optimización para la mejora del rendimiento que nuestro sitio web puede dar a los usuarios, su nombre es "PageSpeed". Aprendamos cómo utilizarlo paso a paso con unos simples ejemplos, que a modo de guía básica, permitan luego a los más curiosos o entrenados creadores poner a punto su blog o sitio web.

PageSpeed nos dará un resultado promediado de la eficiencia en materia de rendimiento que nuestro sitio es capaz de ofrecer, dándonos las recomendaciones adecuadas en aquello que pueda afectarnos en nuestros resultados de cara al usuario.

Analicemos los resultados objetivos que influyen en el tiempo de respuesta de nuestro sitio de cara a los usuarios.

Utilizando Google Page Speed Insight para analizar el rendimiento de nuestro sitio Web


1) En primer lugar, para poder utilizar "Google PageSpeed" es necesario estar registrado con un usuario Google (de GMAIL, BLOGGER, etc...). Si ya has hecho login en alguna herramienta Google, no te pedirá ni siquiera validación de usuario. Es recomendable realizar el uso de esta herramienta desde un navegadorGoogle Chrome.

2) Teclea la URL en la barra de direcciones de tu navegador:

https://developers.google.com/speed/pagespeed/
3) Verás una pantalla como la que te muestro a continuación:


4) En ella, pulsa la opción "Analyze your site online" para que se muestre una pantalla como la que presento a continuación:


5) Estarás en Google Page Speed Insights. Introduce en la caja de texto de entrada en la que pone "Enter a Web page URL" (debajo del slogan "Make your web faster") la dirección de tu sitio web o blog. Por ejemplo, para un blogger:
http://nombre_blog.blogspot.com.es/
donde "nombre_blog" es el nombre de tu blog.

6) pulsa el botón "Analyze" para proceder con un análisis de tu sitio web que comprobará todo lo referente al rendimiento del mismo. Cuando termine el análisis (tarda unos segundo, aunque depende del tamaño de la web a analizar) aparecerá una pantalla como la que te muestro en pantalla:

7) Obtienes los resultados de tu análisis.

Consideraciones de los resultados:

  • En primer lugar se aprecia bajo "Overview" que se presenta una puntuación promedio basada en el análisis realizado por el propio Google PageSpeed. Calculará en función de los problemas que detecte en los componentes o la realización de nuestro sitio, así como de aquello que detecte correctamente construído un resultado total que es el promedio al lado del texto "overall PageSpeed score". La puntuación que asigna PageSpeed no está basada en los tiempos en que se llegan a cargar las páginas, sino que profundiza en todo aquello que los alarga para sugerirnos cambios que puedan mejorar el rendimiento general.
  • Justo bajo la puntuación, aparece "Suggestion Summary", donde se nos ofrecen las sugerencias que podrían incrementar la optimización de nuestro sitio web o blog para alcanzar mejores prestaciones a nivel de rendimiento.
  • A la izquierda, asignará prioridades a cada aspecto detectado que requiera tu atención, siendo "High Priority" las que más drásticamente pueden mejorar el rendimiento general, "Medium Priority" las que pueden mejorar notoriamente la velocidad y "Low Priority" las que menos impacto pueden estar produciendo en el resultado final.
  • Al realizar "clic" sobre cualquiera de las sugerencias informadas en el menú izquierdo, nos llevará a una descripción detallada donde nos dará el enlace al componente que puede mejorarse.
  • Muchas de las optimizaciones que se presentan no tienen porqué necesariamente realizarse, partamos de la base de que si eres un usuario de Blogger, salvo que hayas realizado cambios muy drásticos sin el conocimiento adecuado en las páginas, no deberías tener problemas realmente graves. Sí es interesante comprobar cómo el peso de las imágenes (tamaño en KB), los vídeos utilizados, las redirecciones incorrectas, las hojas de estilo u otros componentes, siempre pueden reducirse para ahorrar espacio en el limitado ancho de banda del usuario y así obtener unos tiempo de carga mucho mejores.
    • Te ofrecerá aquellos componentes de tu sitio que más tardan en cargarse, contándote los milisegundos en que se muestran en pantalla.
    • Qué imágenes pueden mejorarse por su excesivo peso o su costoso escalado dependiendo de las resoluciones empleadas por los usuarios.
    • Controlar el uso de Javascript o de CSS de gran tamaño.
    • Te ayudará a controlar el tiempo que debes mantener en caché ciertos componentes de tu página.
    • Un montón de características para analizar que harán las delicias de los que gustan de exprimir el máximo rendimiento a sus creaciones.
  • Cada mejora entregada, en su detalle proporciona siempre un "Learn more" donde te explican qué puedes hacer para mejorar el problema. Muchos cambios aquí son de nivel "avanzado" o requieren conocimientos técnicos para saber lo que se está haciendo, no os adentréis a realizar cambios sin el conocimiento adecuado.

La llamado "Ruta crítica":


Esta pantalla del análisis de Pagespeed es esencial porque te permitirá localizar desde que comienza hasta que termina de "dibujarse" en el navegador del usuario nuestro Blog, el tiempo que CADA componente del mismo se ha tomado para llegar a generarse en pantalla.

Con el "Critical Path" determinaremos aquellos "componentes" o añadidos que están de más.

En la pantalla inferior, fijaros en el recuadro que he añadido a la imagen para señalar cómo visualizar "la ruta crítica"



Al pulsar la ruta crítica observaréis una pantalla como la que os detallo:


  • Es una gráfica que tiene en la parte superior una escala de tiempo de mili-segundos a segundos donde te indica todo lo que se ha ido dibujando en pantalla y la duración que ha tenido cada descarga.
  • Si te posicionas sobre un elemento en concreto te detallará qué componente ha causado el retraso.
  • Durante todos los segundos que dura el camino crítico el usuario no ha tenido la pantalla en blanco, cada línea en paralelo ha ido corriendo a las demás, con lo que el usuario NO se queda esperando hasta que termina toda la "ruta crítica". Pero te sirve para ver dónde se están "produciendo" atascos que pueden representar un problema para el rendimiento.
Ahora contrasta el resumen que te ha proporcionado Page Speed de las alertas más importantes con lo que te informa la "ruta crítica" y verifica qué componentes que estás utilizando podrían llegar a ser prescindibles.

EsMUY IMPORTANTE que no te compliques en esto, ".js", ".css" normalmente vendrán con la plantilla de Blogger y no podrás hacer nada con ellos. Pero imágenes, "plugins" que son scripts (como el botón me gusta de Facebook, el de Twitter, botones de impresión de aplicaciones externas, carga de aplicaciones externas "incrustadas" en código, etc..) pueden darte pistas de por dónde está el problema.

Recomendaciones para arreglar los problemas detectados más frecuentes:

  • El excesivo uso de scripts:

Uno de los grandes enemigos del rendimiento son los "scripts". Esos aditivos que incorporamos en nuestros sitios buscando añadirle funcionalidades que no sabemos crear por código fuente nosotros mismos.
La utilización del script de impresión de sitios webs externos, la adición de capas para colocar botoneras no estándar (diferentes de las que ya trae Blogger por sí) para conectar con Facebook, Twitter y similares, utilización de calendarios, documentos incrustados provenientes de otros sitios web, etc... Constituyen un conjunto de "extras" a intentar evitar en la medida de lo posible. Cuantos menos scripts utilicemos en la página principal, menos tiempo de carga estaremos dándole a nuestro sitio web o Blog.
Tened en cuenta que retardan y "postergan" el dibujado de otras zonas de nuestro sitio sólo porque hay que esperar a que el servidor que nos los proporciona nos pase los datos necesarios para que estos funcionen.
Si vas a utilizar scripts, asegúrate que tengan carga asíncrona. Esto es, que cuando se carguen no interrumpan el dibujado del resto de la página si no finalizan. La mayor parte de los añadidos para conectar con una aplicación social e indicar que un contenido es de nuestro agrado con un icono, suelen implementarse incorrectamente porque están programados de tal forma que ralentizan el dibujado de la página, bloqueando hasta que terminan de generarse ellos mismos. Afortunadamente los navegadores hoy día no hacen las cargas totalmente "síncronas", pero sí que en muchas ocasiones (sobre en ordenadores poco potentes) esta clase de scripts dan la mayor parte de los problemas de rendimiento. Este tema es más complejo y obliga a tener nociones de programación, para los más curiosos recomiendo esta lectura deGoogle Developers al respecto.

  • La cantidad de "Gadgets" que utilizamos:

Controlad la cantidad de "Gadgets" que estáis utilizando en la vista de diseño del Blog. Los Gadgets suelen llevar scripts asociados que los hace ser más lentos de lo normal. Probad a quitar o añadir aquellos que veáis innecesarios y pasad Google Page Speed Insight para comprobar si mejoráis la velocidad eliminado aquellos que habéis visto como prescindibles.

  • El número de entradas de la página principal:

Evitad que se muestren directamente todas las entradas del blog. Es recomendable que, en función del espacio que hayas dejado para cada resumen de entrada y lo que ocupa cada una en pantalla, encuentres un número limitado de éstas que se dibujen en la página principal. Para limitar el número de entradas de la página principal:

1)Dentro de Blogger, en el menú de la izquierda, haz clic en la opción "Diseño".


2)Dentro de Diseño, haz "clic" en la opción "editar" del Gadget "Entradas del Blog".


En la opción "Opciones de la página principal" y concretamente en "número de entradas de la página principal", limita el citado número a una cantidad proporcional al resumen de tus entradas y trata de no pasar de 7 como máximo. Es preferible que el usuario tenga que "paginar" y darle en la parte inferior del blog a "Entradas Antiguas" para ver el resto de entradas, a que se le cargue mucho más despacio todo el sitio debido a un exceso de éstas en la página principal.
Si has realizado esta guía, complétala con laprimera entrega. Cualquier duda, me tienes en los comentarios del Blog.

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 Football Mesothelioma law firm,mega life and health FIFA World Cup es un buen servicio en las distintas naciones trans union pero resulto que tenia cancer y fui a asbestos cancer y me dijeron en asbestos mesothelioma que tambien padecia de prostate cancer treatment y un daño tremendo a mi organismo fui a malignant pleural mesothelioma,asi que hice un prestamo en credit repair y otro en chase credit pero de pronto un anti spam software asi que decido un auto en rental car in costa rica me registre en Facebook en internet domain registration y tambien obtuve un domain registration,Selling annuity payments for cash,Selling 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

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

auto accident attorney Seo services cash out annuity structured settlement cash out quotes car Online casino Annuity Settlements car insurance companies personal injury law firm Donate Your Car for Kids asterisk call center software Personal Injury Lawyers maritime lawyer houston Online Colleges Paperport promotional code PHD IN COUNSELING EDUCATION Register free domains CAR INSURANCE QUOTES COLORADO motorcycle accident lawyer san francisco Dayton freight lines Car Accident Lawyers accident car florida lawyer CAR ACCIDENT LAWYERS buyer of structured settlement annuity Donate cars Illinois mesothelioma attorney How to Donate A Car in California uk homeowner loans Hire php developer Donate a car in Maryland Car Insurance Quotes Utah Online Classes Donate Your Car Sacramento Register Free Domains Best Seo company Adobe illustrator classes Business finance group CAR INSURANCE QUOTES PA BETTER CONFERENCING CALLS Best social media platforms PHD on Counseling Education WordPress hosting broward county dui lawyer CHEAP CAR INSURANCE FOR LADIES Criminal Defense Attorneys Florida Best social media platforms for business Casino Personal Injury Law Firm Forex Trading Platform Computer science classes online Mobile casino Make money online Australia asbestos lung cancer Hire php programmers WordPress themes for designers mesothelioma ct cloud identity and access management Casino reviews sell structured settlement calculator mesothelioma survival rates Home phone internet bundle mesotheloma Live casino fast cash for house DUI lawyer Criminal lawyer mesotheliama Mortgage structured settlement brokers structured annuity settlement Car Insurance Quotes Colorado Futuristic Architecture mesothelioma lawyer houston mesothelioma compensation Hire php developers FORENSICS ONLINE COURSE Dwi lawyer miami personal injury lawyer Auto Mobile Insurance Quote mesothelioma information domains yahoo DONATING USED CARS TO CHARITY Motor Replacements New social media platforms Donate Car for Tax Credit Php programmers for hire Photo Christmas cards CAR INSURANCE IN SOUTH DAKOTA Criminal defense lawyer Health Records Personal Health Record adverse remortgage ashely madis Car insurance quotes Colorado Service business software DONATE YOUR CAR FOR KIDS Social media platforms car accident lawyers west palm beach Seo company personal injury lawyer Bankruptcy lawyer EMAIL BULK SERVICE Php programmers Seo companies Massage School Dallas Texas google adsense Forensics Online Course Dedicated Hosting Dedicated Server Hosting Cheap car insurance in Virginia Car Insurance Companies Cheap Auto Insurance in VA Cheap Car Insurance for Ladies Cheap Domain Registration Hosting st louis mesothelioma attorney Social media platforms for business MORTGAGE ADVISER Futuristic architecture Custom WordPress theme designer PSYCHIC FOR FREE refinance with poor credit donate your car for money cash out structured settlement cell cycle regulation ppt auto insurance yuba city ca Hard drive Data Recovery Services Donate car for tax credit Car Donate LIFE INSURANCE CO LINCOLN Holland Michigan College MOTOR REPLACEMENTS AUTOMOBILE ACCIDENT ATTORNEY life insurance quotes Business management software Social media management sell your structured settlement payments workers compensation lawyer los angeles Psd to html Online Christmas cards Custom Christmas cards wisconsin mesothelioma attorney massage school dallas texas mesothelioma charities Psd to WordPress Social media campaigns car insurance in south dakota donate your car for kids ANNUITY SETTLEMENT Tech school business voice mail service Online colledges Social media examiner Criminal lawyer Miami injury lawyers west palm beach selling a structured settlement Html email phd in counseling education personal injury solicitor Christmas cards Car Insurance Quotes MN Donate Car to Charity California car accident lawyer san bernardino LOW CREDIT LINE CREDIT CARDS Donate Cars in MA Proud Italian cook Donate Car To Charity CALIFORNIA Italian cooking school WordPress theme designers Automobile Accident Attorney Social media strategies Learning adobe illustrator Social media tools DONATE YOUR CAR SACRAMENTO Mesothelioma Law Firm boca raton personal injury attorney BEST CRIMINAL LAWYER IN ARIZONA Insurance city college in miami Claim cheap domain registration hosting criminal defense attorneys florida average mesothelioma settlement Home Phone Internet Bundle ONLINE COLLEDGES Sell Annuity Payment Low Credit Line Credit Cards ONLINECLASSES MET AUTO Asbestos Lawyers Structures Annuity Settlement mesothelioma attorney directory forensics online course Nunavut Culture VIRTUAL DATA ROOMS Dayton Freight Lines Donate a Car in Maryland DONATE CARS ILLINOIS Donating a Car in Maryland Donate your car for money Donate Cars Illinois mesothelioma personal injury lawyers Best Criminal Lawyers in Arizona benchmark lending la personal injury lawyer miami personal injury attorney Life Insurance Co Lincoln insurance medical temporary Online Motor Insurance Quotes structured settlement sell annuity payment Paperport Promotional Code structured settlement broker