martes, 10 de septiembre de 2013

Mejora el rendimiento de tu Blog optimizando los CSS y JavaScript: "Remove render-blocking JavaScript and CSS in above-the-fold content" – School – Seguro – Forex

Posiblemente la regla que más impacto negativo ha tenido en los resultados de Page Speed en la gran mayoría de Blogs de Blogger ha sido la que vamos a tratar y resolver en esta guía: los problemas de generación con bloqueos de Javascript y CSS.

Fundamentalmente y siguiendo la máxima de minimizar la cantidad de accesos que se realicen al servidor que puedan penalizar el tiempo de ejecución en el cliente, Google centrándose exclusivamente en el rendimiento puro y duro, ha introducido una nueva regla en Page Speed que verifica si por un lado estamos accediendo a archivos externos al servidor donde se encuentra nuestro blog.


Y por el otro, comprueba si algún archivo o recurso interno o externo que estamos utilizando produce un "bloqueo" o impide la ejecución secuencial y paralelizada de las partes que componen la página.

Todos los Bloggers se plantean cómo poder optimizar, quitar o poner su código CSS (hojas de estilo) o el JavasScript previo a la carga de la página, dado que Blogger no ofrece directamente la posibilidad en el editor de plantillas de quitar CSSs o JavaScripts que nuestra plantilla esté utilizando.

Aprendamos qué significa cada actor de esta nueva regla: ¿qué es una CSS?, ¿cómo se utiliza el JavaScript en Blogger? y lo que es más importante, ¿cómo puedo solucionar esta sugerencia que me da Page Speed y que me está quitando la puntuación que antaño tenía?.

NOTA IMPORTANTE: esta guía está destinada a los usuarios que deseen saber qué ocurre con la sugerencia del "Render-blocking" de Blogger en Page Speed. Los que luego apliquen la solución deben saber que es un tema eminentemente técnico que requiere un mínimo de experiencia en JavaScript, CSS y HTML. Si no tienes esos conocimientos, te servirá saber porqué te da la sugerencia PageSpeed pero no trates de realizar los cambios si no tienes experiencia técnica en programación.

Sugerencias de Page Speed analizadas paso a paso hasta el momento:

Aviso para principiantes, diversidad de temáticas adaptada a niveles de conocimiento en la materia:

Todos los cambios que se van a tratar en la guía son de eminente carácter técnico. Trato de explicarlo para hacerlo asequible a un público con escasos o nulos conocimientos en informática. No obstante, hay muchas de las reglas que este servicio ofrece que están dirigidas a usuarios expertos.
En caso de que dispongas de poca experiencia o conocimientos en materia web, si lo explicado en esta guía te resulta complejo, te recomiendo que realices estas otras guías simplificadas a tal efecto:


Conceptos previos imprescindibles para comprender la guía:

  • Page Speed una vez ha evaluado el rendimiento de tu sitio web o Blog te proporcionará una puntuación basada en la ponderación de los puntos enumerados en su análisis. Es muy importante entender que Page Speed sólo da sugerencias, ninguno de sus cambios es obligatorio.

Conceptos previos para los no iniciados en informática o programación de páginas web (Si tienes experiencia en código HTML, CSS y JavaScript puedes pasar directamente a la solución):



MUY IMPORTANTE: Recomendaciones y omisión de responsabilidad:

Si eres un usuario con nulos conocimientos en HTML, CSS y JavaScript, este cambio no te
merece la pena realizarlo. Me explico, para poder solucionar esta sugerencia, dado que Blogger no permite que podamos quitar CSS que nuestra plantilla utilice por defecto, hay que emplear una solución que NO se realiza por los "cauces normales" y que implica comprender muy bien lo que se está haciendo por varios motivos:

  • Si se comete cualquier error al tocar el CSS o los JavaScript que por defecto lleva tu plantilla, tu Blog puede quedar parcial o totalmente inutilizado.
  • Si hay actualizaciones sobre tu plantilla por parte de Blogger, éstas no se reflejarán en la tuya al haber alterado el código fuente original de la misma.
  • No podrás seguir utilizando algunos asistentes como el de formato de personalización del Blog por medio de Blogger. A partir del momento en que emplees esta solución, todas las modificaciones que desees realizar en este sentido deberán de ser programadas directamente por ti.
  • La puntuación de mejora final, aún siendo un cambio de los que mejor puntúa, te va a permitir si aplicas el resto de soluciones que explicaremos en todas las entregas, llegar hasta los 90 puntos. Puntuación suficiente como para contar con una ejecución "estándar" o "normal" para un Blog. Mas que suficiente para unos resultados aceptables.
  • Si realizas la solución que ofrece Google Page Speed al CSS y Javascript Render-Blocking, es necesario que a continuación realices una "minimización" del código de la plantilla para que quede todo perfectamente optimizado. De lo contrario se producirá un efecto contrario al deseado. En el último paso de la guía se te recordará realizar la "minimización".
Por todo lo aquí explicado, se hace fundamental conocer qué se está cambiando y qué consecuencias puede tener en caso de no disponerse de los conocimientos adecuados. Los usuarios más experimentados siempre pueden disponer de la herramienta de copia de seguridad del Blog para en caso de problemas poder volver a la situación inicial.
No me responsabilizo de los daños que puedas sufrir en tu Blog por el uso de esta solución.



Realiza una copia de seguridad de tu página web o Blog. Salvaguarda tus datos antes de hacer cualquier cambio:


Analizando cada Punto de los resultados que Page Speed puede devolverte y aplicando soluciones Paso a paso:


El problema y su detalle:
  • El contenido "above-the-fold" o previo al "dibujado" de la página es vital tenerlo perfectamente optimizado. Page Speed, centrándose en el rendimiento bruto, trata de buscar aquellos archivos externos que utilices en tu página web o Blog de tipo CSS, JS o javascript previo a la carga de la página.
  • Page Speed sugiere que objetivamente, el acceso a un servidor, sea externo o el mismo donde reside la página web, para utilizar recursos que actúen sobre los componentes de nuestra página web, resulta en una "pérdida de tiempo" en la petición y obtención del resultado. El navegador debe "parsear" (transformar) un contenido de la página HTML que se encuentra "fuera" de ella, con el consiguiente tiempo de ejecución que en ello se pierde.
  • Al margen de la controversia de la norma, está comprobado y es claro que la ejecución de "módulos" externos de código de una página es más lento que si estos se encuentran ya en ella.
La solución:
  • En Blogger no se pueden tocar directamente las líneas de código html que invocan a los archivos CSS o JS. La plantilla está conformada por un código XML que simplifica y estandariza el código a utilizar en la plantilla. Este XML es interpretado por Blogger para que luego "él" lo transforme en HTML que se irá interpretando el navegador del usuario.
  • Si el CSS no es de gran tamaño, es necesario que sea inyectado directamente en tu página HTML (CSS inline) como podemos ver en la página de soporte de Google Developers.
  • Si no reduces como mínimo el tamaño del CSS o el Javascript inline en tu página, estarás consiguiendo un efecto negativo para el rendmiento de tu web o Blog. Esto se debe a que estarás aumentando considerablemente el tamaño del XML de Blogger, lo que resultará en un HTML enorme. No dudes en realizar la "minimización" o "compactación" del código CSS y Javascript inline, es mucho más rápido que lo que ya has hecho en esta guía y optimizarás al máximo posible los recursos de tu sitio web o Blog. Para hacerlo ejecuta esta guía cuando termines con los pasos inferiores:Entrega V, Soluciones para cada sugerencia de PageSpeed paso a paso - "Minify CSS", "Minify HTML" Y "Minify Javascript".

Paso a paso con los CSS:
0)RESUMEN: extraeremos primero los CSS que tenemos integrados en la página, bien referenciados en el código de la plantilla o en archivos CSS externos al Blog. Después comentaremos las líneas del XML de Blogger que hacen que se dibujen sus CSS. Acto seguido introduciremos "inline" nuestro código CSS en la plantilla con TAGS html estándar, de manera que todo vuelva a la normalidad pero teniendo el código CSS incluído en la página.
1) Recopila tus CSS, dado que vamos a hacer que dejen de utilizarse. Debes localizarlos y descargártelos en un editor de texo o similar.
MUY IMPORTANTE: en el editor de plantilla de Blogger, localiza todo el código que esté entre el TAGb:skin![CDATA[y/b:skin y haz CONTROL+X para cortarlo de la plantilla.
2) Pega todo ese código en un NOTEPAD o editor de textos que no altere el formato para que luego podamos tenerlo disponible.
3) Adicionalmente, utiliza "ver código fuente" de tu navegador. Observarás que en el código HTML aparece la siguiente cadena para referenciar a tus CSS "linkrel="stylesheet"href="NOMBRE_DE_TU.css". Estarán los CSS de los Widgets de Blogger, estos debes copiarlos.Descárgate utilizando el navegador (escribe la URL del CSS en la barra de direcciones del navegador) y guarda el contenido de esos CSS en otro NOTEPAD o editor de textos. Así los tendremos disponibles para luego meterlos en la propia página HTML.
4) Con tus CSS metidos en un editor de texto, ya puedes ir al editor de plantila de Blogger de nuevo y al haber "cortado" el contenido del CSS de tu plantilla, debería haberte quedado así el código con el que vamos a trabajar:
b:skin![CDATA[/b:skin
5) Quita ese código y cámbialo por este otro:
<style type="text/css"><!-- /*b:skin![CDATA[*//b:skinstyle type='text/css'/style
Estamos comentando con HTML puro la línea del XML de blogger que trabaja con sus hojas de estilo. A todos los efectos, comentar en programación quiere decir que ha quedado inhabilitado el uso del CDATA que trabaja con los CSS anteriores al cierre del HEAD.
6) Ahora entre la etiqueta del nuevo código copiado en el paso 5)style type='text/css'y/stylemetes primero el código CSS del NOTEPAD que extraíste en el paso 3) y seguido pegas el que extraíste en el paso 1 y 2):
<style type="text/css"><!-- /*b:skin![CDATA[*//b:skinstyle type='text/css'DENTRO_TU_CSS_PASO_3+CSS_PASO1y2/style
Lo que estás haciendo es comentar la línea del XML de Blogger que se encarga de trabajar con los CSS (CDATA) para luego inyectar por código HTML tradicional primero el CSS que tuvieras en el HTML de tu página y después el código CSS que tenías personalizado en tu plantilla Blogger. Este orden es importante, primero los CSS externos y después el del CDATA de dentro de tu plantilla porque de lo contrario, perderás las personalizaciones o cambios particulares que hayas realizado a tu plantilla en "personalización CSS".
Fuente con la solución probada y utilizada en el Blog:aquí
Paso a paso con el JAVASCRIPT:
0)RESUMEN: extraeremos primero los JS que tenemos integrados en la página, bien referenciados en el código de la plantilla o en archivos JS externos al Blog. Después comentaremos las líneas del XML de Blogger que hacen que se atienda al JavaScript de la plantilla. Acto seguido introduciremos "inline" nuestro código de llamada a JS o scripts externos en la plantilla con TAGS html estándar, de manera que todo vuelva a la normalidad pero teniendo el código JavaScript reajustado en la página.
1) Recopila tus JavaScript o Scripts que realmente utilices. Es posible que tengas problemas una vez hayas hecho los cambios y tengas que localizar todos esos javascripts que necesitas para tu Blog. Es ESENCIAL que te fijes en la línea donde llames a tu archivo widgets.js pues es el que controla los componentes que vienen de Blogger.
2) Con la lista de js que utilices clara, ya puedes ir al editor de plantila de Blogger de nuevo y buscar con CONTROL+F :/body
3) Quita ese código y cámbialo por este otro:
<!--/body--></body>
4) Ahora, inyecta tu código javascript habitual antes de</body>
A modo de ejemplo, el resultado en mi Blog por ejemplo con el javascript inyectado para Google Analytics y el que utilizo para los+1 es el siguiente:
<!--/body-->script type='text/javascript'(function(){var a=document.createElement("script");a.type="text/javascript";a.async=!0;a.src="https://apis.google.com/js/plusone.js";var b=document.getElementsByTagName("script")[0];b.parentNode.insertBefore(a,b)})();/scriptscript type='text/javascript'_gaq=_gaq||[];_gaq.push(["_setAccount","XX-XXXXXXXX-X"]);_gaq.push(["_trackPageview"]);(function(){var a=document.createElement("script");a.type="text/javascript";a.async=!0;a.src=("https:"==document.location.protocol?"https://ssl":"http://www")+".google-analytics.com/ga.js";var b=document.getElementsByTagName("script")[0];b.parentNode.insertBefore(a,b)})();/script</body>
Lo que estás haciendo es comentar la línea del XML de Blogger que se encarga de trabajar con los scripts para luego inyectar por código HTML tradicional los Javascript que realmente utilizas en tu sitio web.
Fuente con la solución probada y utilizada en el Blog:aquí.

MUY IMPORTANTE: Realiza "minimización" o "compactación" del código CSS o Javascript INLINE :
  • El uso de CSS o Javascript Inline hace prácticamente "obligatorio" el uso de la minimización, ya que al inyectar el código del CSS o Javascript en la página, estamos ocupando una cantidad de líneas enorme y un espacio mayor que cuando se le llamaba en ficheros externos.
  • Para cumplir con todas las nuevas sugerencias de Google en Page Speed, es conveniente que si metemos el código de CSS o Javascript en nuestra página este sea también minimizado. Si no reduces como mínimo el tamaño del CSS o el Javascript inline en tu página, estarás consiguiendo un efecto negativo para el rendmiento de tu web o Blog. Esto se debe a que estarás aumentando considerablemente el tamaño del XML de Blogger, lo que resultará en un HTML enorme. No dudes en realizar la "minimización" o "compactación" del código CSS y Javascript inline, es mucho más rápido que lo que ya has hecho en esta guía y optimizarás al máximo posible los recursos de tu sitio web o Blog. Para hacerlo ejecuta esta guía después de haber realizado los pasos anteriores:Entrega V, Soluciones para cada sugerencia de PageSpeed paso a paso - "Minify CSS", "Minify HTML" Y "Minify Javascript".

    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 JetPero tuve que ser Mundial Football consolidating FIFA World Cup web host rating,register web address,online psychology degree,her first lesbian sex, make extra money ,make money fast and easy,addwords y mejor obtuve un credit application,visa gift carda,Mesothelioma law firm,voip phone service,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

    HOME PHONE INTERNET BUNDLE Online Motor Insurance Quotes peritoneal mesothelioma Online Christmas cards Online casino Register Free Domains Casino emergency response plan ppt Sell Annuity Payment buyers of structured settlements See more at http//wwwginfostopnet/ Italian cooking school Donating a Car in Maryland Casino reviews LOW CREDIT LINE CREDIT CARDS Criminal defense lawyer domain name yahoo Dallas mesothelioma attorneys Social media platforms mesothelioma claim Donate Car To Charity CALIFORNIA Car Insurance Quotes MN Cheap domain registration hosting anti spam exchange server Car insurance in South Dakota Gas/Electricity Criminal Defense Attorneys Florida injury lawyer houston tx Social media examiner mesothelioma attorney california car donate bowne virtual data room yahoo web hosting massage school dallas texas Social media tools Car Insurance Quotes Utah Live casino Paperport promotional code selling a structured settlement Mobile casino Donate Car to Charity California NEUSON Dwi lawyer DONATE OLD CARS TO CHARITY Best criminal lawyer in Arizona CAR INSURANCE QUOTES MN alcohol rehab center in florida car accident lawyer in san diego Best social media platforms for business CAR INSURANCE QUOTES UTAH Email Bulk Service adverse remortgage Hire php developers MORTGAGE ADVISER st louis mesothelioma attorney World Trade Center Footage Psd to WordPress Make money online Australia DONATING A CAR IN MARYLAND Criminal lawyer Hire php developer dui lawyer scottsdale cell cycle regulation ppt Car Accident Lawyers Social media strategies Donate car to charity California WebEx costs domain registration yahoo FORENSICS ONLINE COURSE Paperport Promotional Code Mortgage adviser low credit line credit cards hughes net business Php programmers for hire DUI lawyer Hire php programmers all about mesothelioma Business finance group world trade center footage car insurance quotes pa Social media campaigns PhD in counseling education DONATING USED CARS TO CHARITY Service business software BETTER CONFERENCING CALLS Php programmers mesothelioma Hard drive data recovery services PAPERPORT PROMOTIONAL CODE AUTO ACCIDENT ATTORNEY car insurance quotes los angeles motorcycle accident lawyer accident attorney in los angeles Best social media platforms car insurance in south dakota firm law mesothelioma mesothelioma attorney directory Bankruptcy lawyer sell annuity payment Computer science classes online Car Insurance Quotes PA Personal Injury Lawyer Seo companies New social media platforms Social media platforms for business Custom WordPress theme designer best structured settlement companies tucson car accident attorney Car Insurance Quotes Colorado mesothelioma attorneys personal injury law firm Annuity Settlements Seo services WordPress theme designers Best Seo company Auto Mobile Insurance Quote los angeles auto accident attorneys CHEAP CAR INSURANCE IN VIRGINIA Business management software Learning adobe illustrator Seo company Custom Christmas cards mesotheolima Photo Christmas cards WordPress themes for designers WordPress hosting mesothelioma lawyers san diego NUNAVUT CULTURE Donate Old Cars to Charity Social media management Home Phone Internet Bundle motor insurance quotes Tech school Cheap Auto Insurance in VA Html email DONATE CAR FOR TAX CREDIT How to donate a car in California Donate Car for Tax Credit Donate cars in ma Christmas cards Online Classes MASSAGE SCHOOL DALLAS TEXAS Hard drive Data Recovery Services Proud Italian cook Psd to html donating used cars to charity asbestos lawyers Virtual Data Rooms structured settlement brokers structured settlement sell Massage School Dallas Texas harddrive data recovery services how to donate a car in california Adobe illustrator classes register free domains selling annuity mesothelioma law firms webex costs structured settlement purchasers Met Auto Mesothelioma Law Firm DONATE YOUR CAR FOR KIDS HOLLAND MICHIGAN COLLEGE best consolidation loan student Donate Cars in MA Donate Your Car Sacramento Nunavut Culture How to Donate A Car in California Car Insurance Companies MOTOR REPLACEMENTS fortis health insurance temporary best criminal lawyer in arizona automobile accident attorney Online motor insurance quotes Donate Your Car for Kids Asbestos Lawyers Low Credit Line Credit Cards Structures Annuity Settlement california law lemon Holland Michigan College PHD on Counseling Education Motor Insurance Quotes best mesothelioma lawyers Dayton Freight Lines Cheap Car Insurance in Virginia CAR INSURANCE IN SOUTH DAKOTA Donate a Car in Maryland Donating Used Cars to Charity business voice mail service cheap auto insurance in va houston tx auto insurance Motor Replacements Car Insurance in South Dakota Cheap Domain Registration Hosting PSYCHIC FOR FREE motorcycle lawyer los angeles Donate Cars Illinois car accident lawyers personal injury accident lawyer Best Criminal Lawyers in Arizona Life Insurance Co Lincoln ONLINE COLLEDGES Met auto Online Colleges broward county dui lawyer personal injury firm forensics online course Neuson Donate your Car for Money Psychic for Free

    , ,

    Compartir automáticamente tus posts de Blogger en Google+ – Law Firm – Phone

    Para los que echaban de menos alguna novedad en los últimos meses,habemusnuevo cacharrito, recién salido del horno.

    De Blogger a Google Plus

    Verdad es que está orientado a Google Plus, la red que afanosamente intenta ponerse a la altura de otras más asentadas y que partieron con cierta ventaja sobre la del gigante del buscador, pero a más de uno seguro que le va a venir bien esta utilidad.

    Hablamos de la noticia que ayer publicóBlogger Buzz y que nos cuenta cómo a partir de ahora podrás notificar a los que te tienen en sus círculos, que se ha publicado algo nuevo en tu blog Blogger, sin tener que ocupar el más mínimo tiempo.


    Si entráis en vuestro escritorio y veis la secciónGoogle+, observaréis que ahora hay una nueva opción para poder hacer esto. Sólo hay que marcar la casilla de verificaciónCompartir automáticamente después de publicar y tus entradas aparecerán en tu perfil o página de Google Plus tan pronto se publiquen. Sin tener que hacer nada más.

    Panel de control Blogger

    No tiene efectos retroactivos, por lo que no podréis comprobar cómo funciona hasta la próxima vez que publiquéis un artículo.

    Como se observa en la captura, en el centro salen los perfiles que están asociados al usuario para que de esa manera puedas elegir entre entre las distintas páginas que administres. Sólo una por cierto.

    En la imagen también podéis ver que se mantiene la opción de requerir que+Bloggerte pregunte si deseas pasar el post a Google+cada vez que publicas (o programas) algo.


    Y ahora las carencias que has de tener en cuenta:

    • No puedes especificar el ámbito de publicación en G+. Los posts así compartidos serán Públicos.
    • No se puede añadir una descripción personalizada, pero en un principio (lo veré tras publicar este post) en su lugar debería verse el título del post y el contenido de la descripción del post.
    • No está disponible para blog privados.
    • Imprescindible tener ligado tu perfil de Blogger y Google+



    Ya teníamos loscomentarios interconectados con G+ y ahora esto de compartir las entradas. Google sigue completando el círculo y cada vez vuelca más productos hacia su red social en un claro intento de engordarla lo máximo posible y cuanto antes.

    Por lo menos no nos obligan a nada y estas cosas van siendo optativas, por lo que cada cual sigue teniendo libertad de integrarse en G+ tanto como quiera... o nada.


    Es muy posible que ya usaras otras utilidades para hacer esto mismo, pero me parece que salvo que desees publicar en redes sociales a distinta hora de la que lo haces en el blog, esta es la más práctica y sencilla ¿Qué te parece?

    Comprobado. Parece que todo sale bien, pero en lugar de tomar laDescripción de búsqueda que podamos haber programado al editar el post, lo que muestra son las primeras palabras de la entrada, probablemente aprovechando el contenido de la variabledata:post.snippet.

    Ejemplo de post automático

    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 JetPero tuve que ser Mundial Football consolidating FIFA World Cup web host rating,register web address,online psychology degree,her first lesbian sex, make extra money ,make money fast and easy,addwords y mejor obtuve un credit application,visa gift carda,Mesothelioma law firm,voip phone service,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

    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 history FIFA World Cup,smart,huge/big,scienciemedia,blog spot and amazes,unites pero for you gives ,, inspires and future now help 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

    personal injury attorney springfield mo Business management software Learning adobe illustrator Online College Course personal injury lawyer sarasota fl Personal Injury Lawyers structured settlement brokers Dayton Freight Lines mesothelioma information dallas mesothelioma attorneys Donate Car to Charity California donating used cars to charity AUTOMOBILE ACCIDENT ATTORNEY Donate Car for Tax Credit philadelphia mesothelioma lawyer DUI lawyer cash out structured settlement Casino st louis mesothelioma attorney Car insurance in South Dakota Online casino Seo services Donate Car To Charity CALIFORNIA Mortgage Adviser Gas/Electricity personal injury accident lawyer harddrive data recovery services How to Donate A Car in California how to donate a car in california Custom Christmas cards mesothelioma lawyer texas Criminal lawyer structured settlement company Dallas Mesothelioma Attorneys Computer science classes online Social media platforms Mobile casino Php programmers for hire accident attorneys orange county Hire php programmers Bankruptcy lawyer Car Insurance Quotes Utah Home Phone Internet Bundle personal injury lawyer BEST CRIMINAL LAWYER IN ARIZONA Sell Annuity Payment Nunavut culture Proud Italian cook mesothelioma attorney Forex Trading Platform Make money online Australia Photo Christmas cards Met auto miami personal injury attorney Dedicated Hosting Dedicated Server Hosting onlineclasses Donate your Car for Money Hire php developer Auto Mobile Shipping Quote best structured settlement companies Donate old cars to charity Casino reviews Live casino Social media platforms for business refinance with poor credit Hire php developers injury lawyers west palm beach Social media examiner caraccidentlawyer CAR INSURANCE IN SOUTH DAKOTA Php programmers Dwi lawyer Massage school Dallas Texas Psychic for Free Service business software HOLLAND MICHIGAN COLLEGE Car insurance quotes Colorado Cheap Car Insurance for Ladies Criminal defense lawyer Seo companies EMAIL BULK SERVICE better conferencing calls Donate a car in Maryland Mortgage adviser mesothelioma attorney illinois car insurance companies alcohol rehab center in florida FORENSICS ONLINE COURSE Tech school ashely madis Paperport Promotional Code michigan motorcycle accident lawyer Auto Mobile Insurance Quote Met Auto Psd to html personal injury solicitor ASBESTOS LAWYERS Business finance group Auto Accident Attorney chicago hair laser removal Best social media platforms for business New social media platforms Asbestos Lawyers mortgage adviser home phone internet bundle business voice mail service Donating Used Cars to Charity Custom WordPress theme designer ONLINECLASSES selling a structured settlement benchmark lending Structures Annuity Settlement HARDDRIVE DATA RECOVERY SERVICES cheap car insurance in virginia Italian cooking school Adobe illustrator classes broward county dui lawyer Social media campaigns business email web hosting Best Seo company Nunavut Culture verizon sip massage school dallas texas Best social media platforms Virtual Data Rooms Seo company Online Christmas cards Car insurance quotes Utah Criminal Defense Attorneys Florida WEBEX COSTS utah mesothelioma lawyer Html email Home phone internet bundle WordPress themes for designers Cheap Domain Registration Hosting WordPress hosting CAR INSURANCE QUOTES COLORADO Psd to WordPress boca raton personal injury attorney Social media management ONLINE MOTOR INSURANCE QUOTES criminal defense attorneys florida Forensics Online Course Online motor insurance quotes Christmas cards motorcycle accident lawyer san francisco email bulk service mesothelioma drug motorcycle lawyer los angeles Car Insurance Quotes Colorado WordPress theme designers CAR INSURANCE QUOTES PA miami personal injury lawyer CHEAP AUTO INSURANCE IN VA car accident lawyers los angeles Social media strategies orlando criminal attorney DONATE CARS IN MA event management security Social media tools structured settlement buyer mesothelioma settlements Mesothelioma Law Firm accident attorney san bernardino Donate your car for money mesothelioma lawyer asbestos cancer lawsuit Data Recovery Raid Dallas mesothelioma attorneys Donate Cars in MA Donate Your Car Sacramento baltimore mesothelioma attorneys mesothelioma lawyer houston Donate Your Car for Kids holland michigan college motor replacements Cheap car insurance for ladies Online Motor Insurance Quotes SELL ANNUITY PAYMENT AUTO ACCIDENT ATTORNEY alabama mesothelioma lawyer FUTURISTIC ARCHITECTURE mesothelioma law suits peritoneal mesothelioma Annuity Settlements mesothelioma ct mesothelioma settlement amounts Hard drive Data Recovery Services Donate a Car in Maryland Motor Replacements sell structured settlement calculator Motor replacements Donating a Car in Maryland Low Credit Line Credit Cards Email Bulk Service car accident lawyers west palm beach Donate Cars Illinois Best Criminal Lawyers in Arizona anti spam exchange server Car Donate Life Insurance Co Lincoln Holland Michigan College personal injury law firm google adsense Business Voip Solutions Online Colleges LOW CREDIT LINE CREDIT CARDS mesothelioma attorneys california Online Classes workers compensation lawyer los angeles motor insurance quotes

    lunes, 9 de septiembre de 2013

    Cómo solucionar la sugerencia Page Speed: "Avoid Landing Page Redirect" – Free

    La medición objetiva del rendimiento de nuestra página webo Blog, según los últimos criterios y reglas establecidos por Google en su servicio Page Speed Insights, nos permitirá saber hasta qué punto estamos ofreciendo un servicio de calidad, lo suficientemente rápido y fluido para que pueda posicionarse adecuadamente en los resultados del buscador.

    Cuando nosotros los Boggers o incluso muchos administradores de páginas web recibimos la puntuación media y el listado de sugerencias a solucionar de Page Speed, muchas veces no entendemos qué nos están indicando que podríamos modificar ni cómo poder hacerlo.


    Me he propuesto crear una guía que nos ayude a todos a saber qué podemos realmente cambiar y qué no, para conseguir mejorar el rendimiento de nuestros sitios web y Blogs. entender "desde 0", con verdadero "conocimiento de causa" qué están intentando sugerir en cada punto del listado de resultados para poderlo aplicar en nuestras propias creaciones.




    Sugerencias de Page Speed analizadas paso a paso hasta el momento:

    Aviso para principiantes, diversidad de temáticas adaptada a niveles de conocimiento en la materia:

    Todos los cambios que se van a tratar en la guía son de eminente carácter técnico. Trato de explicarlo para hacerlo asequible a un público con escasos o nulos conocimientos en informática. No obstante, hay muchas de las reglas que este servicio ofrece que están dirigidas a usuarios expertos.
    En caso de que dispongas de poca experiencia o conocimientos en materia web, si lo explicado en esta guía te resulta complejo, te recomiendo que realices estas otras guías simplificadas a tal efecto:


    Conceptos previos imprescindibles para comprender la guía:

    • Page Speed una vez ha evaluado el rendimiento de tu sitio web o Blog te proporcionará una puntuación basada en la ponderación de los puntos enumerados en su análisis. Es muy importante entender que Page Speed sólo da sugerencias, ninguno de sus cambios es obligatorio.

    Realiza una copia de seguridad de tu página web o Blog. Salvaguarda tus datos antes de hacer cualquier cambio:





    Evaluando punto por punto la lista de sugerencias devueltas por PageSpeed:


    • Los mensajes de sugerencias irán en inglés. Las sugerencias de mayor prioridad y peso en el resultado final serán las primeras en aparecer seguidas de las que las siguen en orden de importancia.

    • Las notificaciones con el icono en Rojo con un signo de admiración en su interior, serán las que siendo solucionadas, tendrán un mayor impacto en el rendimiento general del sitio Web o Blog. Son prioritarias frente al resto de advertencias y según el orden en que aparezcan tendrán mayor importancia frente a las demás (sean estas incluso del mismo color rojo).
    • Las notificaciones en amarillo son cambios a realizar que no requieren gran esfuerzo para su realización y que pueden ayudar a mejorar ligeramente el rendimiento. Son de importancia media o no prioritaria.
    • Las notificaciones en verde anuncian que en el apartado al cual referencian, no se han encontrado problemas significativos y que están correctamente implementadas.




    Listado de Reglas actuales con la última información incorporada en verano de 2013 en la actualización de la herramienta:




    La norma fundamental:


    • Evitar la carga de trabajo al servidor en todo lo posible. Es necesario que el código fuente pueda ser interpretado por el navegador del usuario haciendo el menor número de peticiones posibles al servidor de donde se descargue la página web.
    • Para los menos duchos en la materia, el servidor es la máquina que contiene tu página web o Blog. Cada vez que una página tuya hace referencia a un recurso necesario del servidor (una hoja de estilos, una imagen...) o , "peor aún", a un servidor externo al de donde tienes tu página, se produce una penalización en el tiempo de carga de tu página en el ordenador del usuario.
    • Se busca fundamentalmente descargar al servidor de peticiones para que sea la propia página la que, controlando su tamaño, sea capaz de ser "descargada" con el menor número de solicitudes a su máquina servidora posibles.
    • Penaliza especialmente, no ya realizar un elevado número de peticiones a tu propio servidor sino además tener que hacerlo a servidores externos de scripts que hayas incluído en tu página web o Blog (todos estos aspectos los iremos matizando y detallando en cada entrega para que puedas evitarlos o minimizar su impacto en la página principal).


    Analizando cada Punto de los resultados que Page Speed puede devolverte y aplicando soluciones Paso a paso:


    El problema y su detalle:
    • La redirección dentro de una página web, a todos los efectos, produce un descenso en el rendimiento provocado por la pérdida de tiempo que supone cambiar de una dirección a otra en una misma página web.
    • Muchas páginas poseen "landing pages" o páginas que ni siquiera tienen código y redireccionan a otra que sí lo tiene. Normalmente esta manera de trabajar está muy pegada al uso de "scripts" para la detección de si se está accediendo por un dispositivo móvil (smartphone o tablet) o por un ordenador personal (portátil o de sobremesa).
    • Blogger ofrece el código necesario para poder distinguir entre los distintos dispositivos sin necesidad de utilizar "landing pages". A los Blogs de Blogger (salvo que hayan realizado implementaciones propias en sus plantillas) NO les afecta este problema.
    • También hay páginas que utilizan "landing pages" para meter publicidad (que normalmente el usuario cierra de inmediato) y que evidentemente penalizan el tiempo de descarga en cliente de la página principal.
    La solución:
    • Para los usuarios más noveles en la materia, indicar que este tipo de redirecciones no se da en los Blogs de Blogger y que esta sugerencia les aparecerá con el icono "en verde" dado que no tienen este problema. La explicación para solucionarlo es un poco ténica y va dirigida a usuarios más expertos que no utilizando Blogger o utilizándolo pero con "cambios propios", deseen hacerlo con la mínima penalización de rendimiento posible:
    • Evita al máximo este tipo de páginas. En un 90% de los casos en Blogs de Blogger no encotrarás este Check en rojo. Si es tu caso, busca la redirección que estás utilizando y elimínala o busca la forma de evitarla. No sólo produce problemas en el rendimiento final del usuario, además suele ser molesto para los usuarios.

    • Si no puedes evitar el uso de "landing pages" o de "redirects", NO utilices Javascript redirects. Utiliza HTTP Redirect por medio de las cabeceras HTTP de tu página web. Acompáñalo por el tag rel="alternate"que tengas en tu stemap. De esta manera las redirecciones no impactarán tan negativamente en el rendimiento como si lo hicieras por javascript.

    • Si quieres ver un ejemplo con código, la tienes en InternetMarketingNinjas, donde te explican perfectamente cómo realizar redirecciones 301 sin problemas y totalmente optimizada para motores de búsqueda.


      Próxima Entrega:


      • Esta norma es una de las que a más usuarios de Blogger en estos momento "trae de cabeza". Hasta el momento la evaluación de esta regla era positiva si las hojas de estilos (.CSS) que utilizas en tu página web o Blog se encontraban en archivos "separados" de tu página web.
      • En sintonía con realizar el mínimo número de peticiones al servidor, Google ha optado por tratar de que las páginas con .CSS de tamaños razonables pasen su contenido a la página HTML. Es decir, se opta por una solución "inline" del código que es eminentemente más rápida aunque sumamente controvertida en la comunidad de programadores de todo el mundo.
      • Page Speed realiza sigerencias para la mejora del rendimiento y está claro que objetivamente, que el código de la hoja de estilos que vas a darle a la presentación de tu página web, se ejecuta mucho más rápido si está "embebido" en ella que si tiene que realizarse un acceso a un archivo externo para recibirlo. Page Speed sólo busca darte una sugerencia para auentar la velocidad de ejecución con el mínimo consumo de tiempo en servidor.
      • Aplicar esta solución en Blogger, al contrario de lo que mucha gente piensa es totalmente factible. En la próxima entrega trataremos esta sugerencia que es la segunda en orden de prioridad de Page Speed.



      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 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

      Motor Insurance Quotes forensics online course life insurance quotes mesothelioma claim google adsense Christmas cards HARDDRIVE DATA RECOVERY SERVICES Custom WordPress theme designer motorcycle accident lawyer san diego Html email auto insurance cost by state Casino reviews DALLAS MESOTHELIOMA ATTORNEYS WebEx costs Adobe illustrator classes Social media examiner Virtual Data Rooms selling my structured settlement mesothelioma cases Online casino Met Auto earthlink business internet Injury Lawyers Hire php programmers PHD IN COUNSELING EDUCATION car insurance quotes Donate your car Sacramento Donating a Car in Maryland How to Donate A Car in California Massage School Dallas Texas Forensics Online Course Paperport promotional code Mesothelioma Law Firm MASSAGE SCHOOL DALLAS TEXAS car crash attorneys Learning adobe illustrator Casino Mobile casino Online Colleges Car Insurance Quotes Forex Trading Platform pharmacist jobs in chicago criminal defense federal lawyer georgia truck accident lawyer mesothelioma attorney directory New social media platforms mesothelioma lawyer asbestos cancer lawsuit bowne virtual data room tucson car accident attorney student loan consolidation program structured settlement sell Car insurance quotes pa Sell Annuity Payment Make money online Australia personal injury solicitor buy gift card HOME PHONE INTERNET BUNDLE MORTGAGE ADVISER BEST CRIMINAL LAWYER IN ARIZONA Psychic for Free selling annuity Donating Used Cars to Charity orlando criminal attorney Photo Christmas cards Motor Replacements baltimore mesothelioma attorneys Donate Cars in MA sell structured settlement calculator accident attorney in los angeles Service business software LOW CREDIT LINE CREDIT CARDS Live casino Online Classes Criminal defense lawyer Best social media platforms for business DUI lawyer Hire php developers Attorney Online Motor Insurance Quotes MET AUTO Hire php developer mesothelioma attorney florida car accident lawyer in san diego webex costs mesothelioma attorneys california Dwi lawyer CAR INSURANCE QUOTES COLORADO miami personal injury attorney Social media platforms for business Criminal lawyer Business management software Webex Costs Car Insurance Quotes Colorado ONLINECLASSES Php programmers structured settlement cash out Php programmers for hire Asbestos Lung Cancer mesothelioma attorney assistance mesothelioma litigation structured settlemen Business VOIP Solutions Best social media platforms Bankruptcy lawyer Computer science classes online Seo companies mesothelioma attorney WEBEX COSTS Cheap auto insurance in VA online colledges Business finance group structured settlement need cash now VIRTUAL DATA ROOMS ONLINE COLLEDGES Data Recovery Raid mesothelioma drug low credit line credit cards illinois law lemon CAR INSURANCE QUOTES PA structered settlement motor insurance quotes CAR INSURANCE IN SOUTH DAKOTA Personal Injury Law Firm Donate cars Illinois Seo services Best Seo company Online Christmas cards World trade center footage mesothelioma ct FUTURISTIC ARCHITECTURE Seo company donate your car for money philadelphia mesothelioma lawyer Custom Christmas cards buyers of structured settlements Car Insurance Quotes MN WordPress themes for designers refinance with poor credit WordPress hosting structured settlement investments Hard drive Data Recovery Services Psd to WordPress AUTO ACCIDENT ATTORNEY car insurance quotes colorado Social media management Social media campaigns Best Criminal Lawyers in Arizona sell your structured settlement payments Futuristic Architecture washington mesothelioma attorney Tech school bus accident attorneys Car insurance in South Dakota Social media platforms Proud Italian cook WordPress theme designers Psd to html CHEAP DOMAIN REGISTRATION HOSTING hair removal washington dc Italian cooking school Life insurance co Lincoln cash out annuity Social media strategies hosted predictive dialers Automobile Accident Attorney Social media tools phd in counseling education Donate car for tax credit Donate Car to Charity California Donate Car for Tax Credit World Trade Center Footage Donate Your Car Sacramento personal injury law firm Nunavut Culture Donate Your Car for Kids Asbestos Lawyers mesothelioma lawyer virginia Structures Annuity Settlement mesothelioma law suits Annuity Settlements Car Insurance Companies michigan motorcycle accident lawyer Nunavut culture structured settlement broker Dayton Freight Lines asbestos lung cancer Donate a Car in Maryland Cheap Domain Registration Hosting Donate Cars Illinois Criminal Defense Attorneys Florida mesothelioma help Forensics online course Car Insurance Quotes Utah Life Insurance Co Lincoln Holland Michigan College adverse credit remortgage Paperport Promotional Code Donate a car in Maryland colorado mesothelioma lawyers chicago hair laser removal Register Free Domains fortis health insurance temporary colorado auto accident attorney mesothelioma lawyer houston Donate Old Cars to Charity Cheap Auto Insurance in VA Low Credit Line Credit Cards Dallas Mesothelioma Attorneys cell cycle regulation ppt Donate your Car for Money