Seguramente, muchos han leido del tema o han visto breves reseñas del asunto y se han asustado frente a frases como: Google nos enviará al final de su lista de resultados si nuestro sitio es lento ya que, desde ahora, utilizará la velocidad de carga como una variable más para determinar la relevancia de las páginas.
Las preguntas frente a esto son variadas y muchas de ellas sólo pueden ser respondidas de forma subjetiva.
Lo básico, como frente a cualquier otra situación, es regirse por el sentido común que no está exento de ideología ¿Qué quiero de mi blog? ¿Puedo hacer algo? ¿Me corto las venas porque Google me mira feo?
Primero que nada, entro en las Herramientas para Desarrolladores, y allí, en el apartado Labs veo algo llamado Rendimiento del sitio que se supone que muestra las estadísticas de velocidad de carga de nuestra páginas. Los resultados variarán pero, casi siempre, dirán que es lento, no importa si está alojado en Blogger, Wordpress, un hosting propio o en Google Sites. De entrada, nomás, lo más común es que nos digan: Es MAS lento que el tanto% de los sitios o lo que es lo mismo, nos dicen que la gran mayoría es más rápido que nosotros; así, sin anestesia ... y es un sopapo que nos deja temblando porque usa una frase que no es casual, dice es más lento que otros y recalco eso. Papá se enojó y nos compara siempre con alguien que es "mejor".
¿Es así? La verdad, puede ser que si y puede ser que no, las estadísticas suelen servir sólo para acomodar la realidad y ya se sabe que eso del vaso medio lleno y medio vacio es algo que podemos aplicar a cualquier otro dato. De todos modos, voy a seguir adelante a ver qué me dice Google que debo hacer para mejorar ya que ellos nos proponen usar herramientas de evaluación y análisis. Fundamentalmente, hablan de ir a Speed, un sitio de Google Code donde podemos descargar esas herramientas aunque muchas de ellas estan disponibles online.
Google también provee de un agregado para quien usa Firefox y Firebug, llamado Page Speed que es el que recomiendan utilizar así que una vez instalado, lo pruebo a ver qué dice.
En rojo sangre aparecen cuatro:
No quiero tratar de entender esto pero, dicho de manera burda, hace referencia a que ciertos recursos cargados no son cacheados correctamente ya que el servidor que los aloja no está bien configurado. Si lo desplegamos, nos mostrará la lista ¿Qué recursos son? Por ejemplo, todas las imágenes ¿Y dónde están guardadas esas imágenes? En Blogger ... ahhhhh.
Como cada vez que se carga un script que está alojado en un servidor externo, se tarda un cierto tiempo en "comunicarse" con ese servidor, lo razonable, dentro de lo posible, es que haya la menor cantidad posible de archivos diferentes y que los pongamos todos en uno solo. Veamos la lista de los scripts que Google dice que deberían combinarse; hay ocho archivos que agrega Blogger:
http://www.google.com/jsapi
http://www.google.com/friendconnect/script/friendconnect.js
http://www.blogger.com/static/v1/jsbin/4148828077-comment_from_post_iframe.js
http://www.blogger.com/static/v1/widgets/585470096-widgets.js
http://www.blogger.com/static/v1/jsbin/525636886-cmt_es.js
http://www.google.com/uds/?file=search...
http://www.google.com/uds/api/search/...
http://vagabundia.blogspot.com/...?action=backlinks...
y hay otros dos que nos vemos obligados a usar porque el servicio no tiene nada que nos permita listar Entradas Relacionadas o Comentarios Recientes y por lo tanto, debemos recurrir a los feeds para leerlos:
http://vagabundia.blogspot.com/feeds/posts/default/-/Blogger?alt=json-in-script...
http://vagabundia.blogspot.com/feeds/comments/default?alt=json-in-script...
El resto, son los scripts de Prototype + Scriptaculous que se cargan desde ajax.googleapis.com que también, casualmente, es un sitio de Google.
También demasiado técnico, se refiere a llamadas a sitios externos diferentes y lo ideal sería que todo estuviera en el mismo servidor pero claro, eso es imposible si tenemos estadísticas, Feedburner o mostramos Twitter, por ejemplo. Curiosamente, allí tambien puede aparecer alguna imagen que hayamos subido al mismo Blogger pero ese detalle es para el proximo item.
Es uno de los pocos que podemos resolver y con paciencia, poner en verdecito. Es interesante; lo que nos muestra es que hay ciertas direcciones agregadas a nuestro sitio que, en realidad, son redirecciones; es decir, cargamos un archivo desde tal lugar pero en realidad está en tal otro así que estamos perdiendo tiempo. Al desplegarlo, veremos una lista con las dos direcciones, la primera es la original y la segunda es la que deberíamos usar. ¿Qué me encontré? No, no es chiste, había no menos de una docena y TODAS eran imágenes alojadas en Blooger así que, por ejemplo:
http://bp3.blogger.com/_.../s00/icoPopUp.gif
pasó a ser:
http://4.bp.blogspot.com/_.../s00/icoPopUp.gif
y no pregunten por qué pero, a eso me refería en Minimize DNS lookups. Puede ser que, si la imagen es algo que subimos hace mucho tiempo, la URL sea vieja y, aunque siga funcionando, deberíamos cambiarla. Por ejemplo, esta imagen había sido subida hace años y si se fijan, la URL que daba Blogger en ese tiempo es completamente diferente a las que nos da ahora:
http://photos1.blogger.com/blogger2/323/4098/200/boxcerrar.gif
¿Otra vez Blogger? Esto ya me está gustando, parezco Pilatos lavándome las manos pero ...
Al igual que los scripts, si tenemos hojas de estilo externas, lo razonable es que estén todas en un solo archivo. Me marca dos:
http://www.blogger.com/static/v1/widgets/119427095-widget_css_bundle.css
http://www.blogger.com/dyn-css/authorization.css
y son archivos que agrega Blogger por defecto.
Nos dice, ¡quiten todas estas definiciones de estilo que no se usan! pero, hay dos problemas. Un blog es una página dinámica; es posible que ciertas cosas no se usen "siempre" pero debamos tenerlas igual porque las usaremos en alguna entrada. El segundo problema es que, otra vez, la parte sustancial del CSS sin uso, la agrega Blogger a la fuerza:
http://www.blogger.com/static/v1/widgets/119427095-widget_css_bundle.css
http://www.google.com/uds/css/gsearch.css
http://www.blogger.com/dyn-css/authorization.css
Acá sí hay algo que podemos hacer pero con prudencia. Primero que nada, podemos revisar las definiciones de estilo que tengamos, sin llegar al extremo de intentar minimizarlas o comprimirlas hasta que sean ilegibles, podemos eliminar aquello que no usamos. Lo mismo puede decirse de definiciones de estilo de entradas especiales, una galería que mostramos en una entrada eventual o cosas similares; podemos sacar todo eso de la plantilla misma y colocarlo directamente en el post. Otra forma de minimizar el CSS es usar los condicionales para, por ejemplo, cargar las definiciones de estilo de los comentarios sólo en las paginas individuales y no en el resto del blog.
Esto también se refiere a la carga de archivos (imágenes por ejemplo) y bueno, todas las referencias dicen lo mismo, o son archivos que agrega Blogger o son imágenes alojadas en Blogger.
Comprimir el código HTML y ohhhhhhhhhh ¿dice algo del blog mismo? no, ¿de quién será la culpa? Adivinen:
Minifying http://www.blogger.com/comment-iframe.g?blogID=... could save 1.6KiB.
Minifying http://www.blogger.com/navbar.g?targetBlogID=... could save 623B.
Lo mismo pero referido a archivos JS:
Minifying http://ajax.googleapis.com/ajax/services/feed/load?q=... could save 4B.
Dice que podría reducirse el CSS usando reglas de estilo más eficientes y nos lista cuales; me olvido de las de Blogger sobre las que nada puedo hacer y me centro en las de la plantilla porque son sugerencias "dudosas" y la verdad, no estoy muy de acuerdo con el asunto. Por ejemplo, dice que esto es ineficiente:
.post-resumen h2 a
ya que podría ponerse:
h2 a
o bien
.post-resumen a
pero ¿y si tengo más de un h2, o si dentro de ese elemento hay otros enlaces y quiero que se vean diferentes? Como toda herramienta automática, son cosas que hay que tomar muy pero muy entre comillas;
Además, perdón pero ¿quién es Google para andar dando lecciones de diseño cuando en el siglo 21 aún sigue poniendo enlaces de color azul subrayados y los gadgets que nos ofrece suelen ser más feos que pegarle a la madre? ¿Alguien se ha puesto a analizar con seriedad, el desperdicio de código que hay en las nuevas plantillas de Blogger? ¿Vamos camino a una internet uniforme? Avísenme, así desempolvo los viejos diskettes e instalo Windows 95.
Hay que poner todo el CSS dentro del head de la página y no debería haber etiquetas style en el body. Esto, sería posible si Blogger no inyectara su propio CSS con definiciones que ni usamos ni queremos; como lo hace, no hay más remedio que sobrescribirlo después.
Si me sigo lavando las manos, voy a necesitar más jabón.
Siempre lo mismo, cosas que usamos y requieren tiempos de carga excesivos. Hay dos: la navbar de Blogger (269 bytes) y Twitter (91 bytes)
No entiendo que significa Due to a bug in some proxy caching servers, the following publicly cacheable, compressible resources should use "Cache-Control: private" or "Vary: Accept-Encoding": pero hablan de friendconnect:
http://www.google.com/friendconnect/script/friendconnect.js
Esto puede ser útil en ciertos casos. Hay imágenes que pueden ser optimizadas y la herramienta nos muestra la diferencia de tamaño entre ambas y nos permite descargar la mejora así que, si ven alguna, conviene que la cambien, sobre todo, si se trata de imágenes de la plantilla misma.
También es importante pero no es un descubrimiento de Google. Si usamos una imagen, siempre es conveniente que no la redimensionemos con CSS o con atributos en la etiqueta. Si es grande y la queremos mostrar pequeña, subamos una pequeña.
Revisen eso, a veces, veo plantillas desorganizadas, no cuesta nada ponerlas en orden y además, luego es más fácil editarlas. Pongan todo el CSS junto, luego los scripts; siempre, debajo de </b:skin> salvo que se indique lo contrario; no coloquen ninguna etiqueta antes de <head> ni después </body> ni entre </head> y <body>. Una página web sólo tiene dos partes, lo que está entre <head> y </head> y lo que está entre <body> y </body>; todo lo demás, es el limbo, aunque funcione.
Otra cosa que deberíamos hacer siempre es poner el tamaño de las imágenes en la etiqueta img:
<img src='la_imagen' width=valor' height='valor' />
eso, ayuda a que el navegador reserve el espacio necesario y la carga mejorará, evitando algunos saltos.
Minimizar el código CSS ... cuidado con esto. Entre optimizar y minimizar hay una diferencia abismal.
Ahhhh ya me aburrí.
¿Acaso da la sensación de que estoy diciendo que no debemos hacer nada? No. Eso no es así. Siempre se puede mejorar y siempre podemos optimizar algo; lo que no debemos, de ninguna manera, es aceptar imposiciones subjetivas o seguir reglas que no compartimos; mucho menos, tratándose de empresas que suelen disfrazar sus intereses tras supuestas banderas o slogans. Lo mejor es tomar distancia, dudar y sacar nuestras propias conclusiones.
Hay una casi evidente. Cuando ejecutamos este análisis en diferentes páginas nos encontaremos con una verdad indiscutible: en casa de herrero, cuchillo de palo ...
canal YouTube | Google Webmaster Central | buscador Google | escritorio Blogger | este pobre blogcito |
click para anoliar las imágenes. |
Blogger pertenece a Google y Google tambien nos agobia con sus scripts que son, por lejos, los que más tardan en cargarse: el API de su buscador y Analytics.
Es el tandem Blogger/Google quien debería preocuparse por brindar servicios medianamente eficientes y dejar que el resto de los mortales se las arregle como pueda en lugar de advertirnos o castigarnos como si fuera alguna clase de DIos al cual debamos obedecer a piejuntillas. Es Blogger/Google el que tiene millones de páginas en internet con millones de usuarios esperando que alguna vez se pongan a trabajar en serio en lugar de dar órdenes.
Si estos cambios afectarán a cada uno de nosotros, no lo sé porque en realidad, no creo que nadie lo sepa, ni siquiera el mismo Google.
Si sé que un blog no es eso que ellos imaginan. Sí se que me da lo mismo esperar 5, 10,30 segundos o más para que se abra una página que quiero leer. Si sé que me gustaria que se abriera mas rápido y que probablemente, hasta pudiera mejorarse para que eso ocurra pero no es algo que me quite el sueño.
No es que me sobre el tiempo, es que no me gustan que me apuren.
49 comentarios:
Muy bueno, yo creo que teniendo cuidado con las imágenes (no subir algo de 500K cuando podría ser de 50), el código extra que podrían generar script que ya no usamos, la cantidad de post mostrados por página y los widgets que fallen, ya es suficiente para que el sitio cargue a una velocidad normal.
El resto, queda claro que es un tema del propio Blogger.
Serán más lentos que otros sitios, pero no lo suficiente como para que se vean afectados negativamente. Así que, ni me preocupo.
La verdad, es tarde.... y estoy cansada....3/4 parte del artículo es chino ( todavía para mi)pero Sr, Jmiur, me hizo reir mucho, lo técnico no lo entiendo... pero el concepto de todo el post si y el resultado es que dudo que puedan hacer algo si ellos mismos no saben , ni donde estan parados... y la paranoia de la gente... es problema del que la tiene... muy poco deberían estar preocupados , los que tiene buenos blogs a los que la gente consulta o visita, porque son útiles, porque se aprende,se enseña porque se comparte, porque se convive... así que... piano, piano y a seguir disfrutando de la vida.
Gracias Jmiur , por su sentido del humor... buenas noches
Maravilloso articulo en el cual resumes lo que a todos nos esta ya mosqueando . Google tiene un dirigismo que ya se esta volviendo alarmante y a veces me pregunto como escapar de este agobio y montármelo de otra manera. Pero como muchos de nosotros, no se lo suficiente como para hacerlo y me siento dependiente de sus humores. No solo pasa en blogger sino que en chrome que por otra parte va , es verdad,es muy rapido. Pero de repente van y te lo cambian todo por una gilipollez , con perdon, pero es lo que es, que no sirve para nada, y tienes que pasarte horas reorganizando la ordenación de tus favoritos por ejemplo. Los que empleamos internet para trabajar es un verdadero incordio. Chrome ultimamente no para de saltar y a cada vez (ya van tres) se me come el post que estaba haciendo , o no guarda lo recientement escrito... y maldita la gracia me hace la pagina que pone 'aie, aie,' parece que encima que acaba de destrozarte horas de trabajo va y encima se burla. La verdad es que empiezo a mosquearme ....
Pekka Himanen dice:
(...) "Frente a la moral presentada por Weber, la ética del trabajo para el hacker se funda en el valor de la creatividad, y consiste en combinar la pasión con la libertad. El dinero deja de ser un valor en sí mismo y el beneficio se cifra en metas como el valor social y el libre acceso, la transparencia y la franqueza".
Un saludo.
Muy buen artículo sí señor.
Ahora creo que te equivocas en una cosa...según tí dices que marcará como que todos los sitios son lentos...pues no, para sorpresa mía a mi me dice que mi blog es más rápido que el 57% jajajajaja
SpamLoco:
Creo que esas son las claves básicas. Usar el sentido común y no preocuparse demasiado por lo que no podemos modificar. Si usted no se preocupa, no hay nada de que preocuparse ya que es el experto en estas cosas :D
La hormiguita
Haces bien, saltéate todo eso. También tienes razón en eso de la paranoia y en seguir disfrutando de la vida. Ya mismo firmo :D
Sonieta:
Concuerdo con eso, Google está dando demasiadas órdenes y se está olvidadndo de brindar servicios; ese problema, a la larga, terminará por corroerlos a ellos mismos y nosotros seguiremos navegando.
Adrux:
Pasión con la libertad., me gusta.
Antonio:
Ohhhh USTED ES UN PRIVILEGIADO :D
hablando en serio, en todas las pruebas que hice, siempre me comparaba con lo mejorcito, inlcuso sitios que se abrían en 3 segundos XD
Bueno...es que mi me dice que se me abre en 2'4 segundos...ya se que las comparaciones son odiosas jajaja pero mira aquí te dejo una captura jajaja:
http://i259.photobucket.com/albums/hh285/Elmosquitero/capturas/caRGADELBLOG.jpg
Vaya, ahora se que debo preferir subir una imagen pequeña que redimensionarla, en lo profundo de mi sospechaba que la web leía toooda la imagen en grande y luego la ponía pequeña, ahora lo confirmo (¿sono tonto verdad?, como que era muy obvio).
Ya vi que Pizcos arregló su diseño para hacerlo mas rápido aunque creo que exageró (históricamente su sitio siempre ha sido muuuuy pesado).
Yo por mi lado quité la definición en CSS de .post y me quedé solo con la de #first-post para tener un solo post en la página principal pese a estar configurado para presentar 7, eliminé el #secondary-post donde exponía los siguientes post en forma de revista e hice el mejor cambio posible: utilicé el blog list con esta maravilla de Rosa:
http://elescaparatederosa.blogspot.com/2009/05/ultimas-entradas-con-imagen-lista-de.html
Gracias a esto solo el primer post lo muestro con el hack de las etiquetas expandibles, el resto es puro blog list tipo Rosa.
Con eso aceleré de forma impresionante mi blog y quité el hack de paginación que me encantaba y consideraba muy necesario pero que ahora lamentablemente es inútil desde hace varios días cuando a Blogger se le ocurrió paginarnos arbitrariamente (como mis artículos son por lo genenral investigaciones largas, ya solo me salían uno o dos post por etiquetas o archivo).
¿Esto es voluntario no?, usar Blogger es un asunto voluntario pese a todas estas cosas, lo que no me está gustando mucho es que creo que dañan los términos del contrato, ¿estará estipulado que pueden hacer lo que les da la gana con nosotros?.
Al menos el lado bueno de la tragedia es que los que nos adaptemos mejoraremos en las posiciones (suena a titeritismo), el resto se hundirá y ahora como está la web tan llena de blogs planetas que repiten nuestros post como que me alegra un poco que esto ocurra, por cierto Jmiur, vengo encontrando links tuyos en tres blogs distintos que han robado tu feed para postear tus temas, incluso hasta los comentarios como este que estoy haciendo ahora... ¡increible!.
Ufff, me excedí pero acabo de hacer una catarsis formidable, je, je, je, muchas gracias.
Uyyyy Jmiur ya no es chino básico, rumano! además Speed no bebo ;)
Muy complicado para mi vida :$
Lo de la viga en el propio ojo, me da a mí, que estos elementos no lo entienden. Según leía tu entrada, me entró la curiosidad, de ver que velocidad tenía de carga. Me daba una media de 6 segundos; es decir un 78% más lento que otras páginas. Del ataque de risa, casi se me desplaza la mandíbula. Como mi blog es "casi" personal, me importa un bledo que tarde 6 segundos o 20 segundos, mis pocos seguidores pueden esperar ese tiempo. Hablando de seguidores, en cuanto envíe este comentario, elimino el esperpento. Mientras yo disfrute y me lo pase bien escribiendo mi blog, a Google que le den por la "permanen".
"este sitio es más lento que el del 72% de los sitios"
Tenemos que creerles SI O SI? Yo no.
Gracias por el post, JMiur. Saludos desde Pehuajó...perdón, desde Mar del Plata (¿Me estaré "atortugando"?) :D
De acuerdo contigo JMiur respecto a posicionamiento y demas pero si creo que es importante aligerar tu blog, no por Google sino por las visitas...yo personalmente huyo de los blogs que tardan una eternidad en cargarse...y eso que he tenido dideño pesadisimos..pero uno se hace mayor...y pierde la paciencia...☺☺☺
Antonio E. Zafra:
Oh no, si yo no dudo que las herramientas digan eso, de lo que dudo es de que los datos que se muestran sean correctos. Ni hablar que para colmo, son absolutamente inútiles :D
Víctor:
Lo de las imágenes es tal cual, eso sí hace que la carga demore mucho. Obviamente, tal como dice Alejandro, la cantidad de entradas por página es uno de los datos claves a la hora de ascelerar la carga; es lógico, si solo se muestra un osot será mas rapido que se se muestran dos, tres o diez.
Si, el "contrato" lo dice: "pueden hacer lo que les da la gana" :D
Graciela:
Se me ocurre que el rumano debe ser más sencillo que el chino pero, se entiende la metáfora :D
Maquiavelo:
Ese es mi punto central, que a quienes como nostros (que somos la inmensa mayoría), nos importe un bledo si abrir eso que queremos leer nos lleve 1 segundo o 1 minuto :D
Carolina:
En realidad ... creo que no hay que creerles demasiado y ya se sabe, en la carrera entre la liebre y la tortuga, ganó la tortuga :D
Pués no, realmente no es algo que piense hacer a menos que en algún momento me de la gana de hacer alguna clase de cambio.
No es un capricho sino que me baso en algo muy simple. Este, es un blog personal y como tal, debe ser un disfrute personal. Este blog no es una obligación, no tiene fines comerciales, no empleo técnicas SEO, no analizo estadísticas, no busco el sitio en Google a ver cómo se ve, me tiene sin cuidado si aparece en Menéame o si no lo hace; su existencia es el resultado de mi propio egoismo y el resto, si alguien lo lee, si a alguien le parece interesante o útil, es simplemente un regalo o alguna clase de milagro.
Eso no significa que no intente hacerlo agradable, confortable y navegable hasta donde pueda o hasta donde alcancen mis conocimientos. El resultado final es esto porque mi blog soy yo mismo escribiéndolo; sin pretensiones de nada, sin ambiciones, sin metas; dejándse lelvar hacia donde sople el viento.
La velocidad es un valor subjetivo. No tiene sentido no leer un libro porque es "muy largo", no tiene sentido no viajar a un lugar donde queremos ir con la excusa de que queda muy lejos. Son todas calificaciones abstractas y cuyas respuestas son personales.
Rescato la web como EL LUGAR donde se comparten cosas; emociones, ideas, conocimientos y eso, es más que suficiente. No hay UN modelo de web; no es cierto que las cosas deban hacerse de un solo modo; no existen reglas que puedan poner límites a la expresión humana pero, yo no juzgo, que cada uno haga lo que le parezca correcto y que disfrute haciéndolo ¿Para qué más?
Bravo!!!! Bravisimo....:)
Totalmente de acuerdo!!!! :)
Qué bella manera de definirlo, con las palabras justas!
No me interesa si un blog que leo tarda en cargarse, es el contenido y de eso hablamos con Maite en algunos comentarios.
Esperar y leer, todos o bueno casi todos lo hacemos, eso si partimos de la base que es solo eso 'un lugar donde escribir y compartir' :P
He leído todo tranquilamente y tengo muy claro que no voy a hacer cambio alguno que requiera partirme la cabeza, detesto todos estos cambios como los de añadir metas, optimizar y otras historias. Envidio a Alejandro que se mueve como pez en agua pero no es lo mio, ni entiendo de SEO ni nunca entenderé porque es un tema que me aburre hasta la saciedad y cuando algo aburre deja de ser divertido y si deja de ser divertido apaga y vamonos.
Alucinante!!! Sabiondas palabras para despertar a los dormidos.
A no dormirse en los laureles que parecen rosas.
Utilicé una plantilla nueva de blogger y la revise con Page Speed, aparecieron los mismos "errores" que comentas. Gracias por indicar la organizacion de la plantilla, revise la mia y tenia código entre /head y body ya lo ubique correctamente.
Hola Jorge.
Aprecio tus comentarios y recomendaciones.
Tienes razón, como sabrás, muchos quienes nos estamos iniciando y seguimos trabajando cada día por mejorar nuestros blogs, y que acudimos a blogs como Vagabundia, Rosa, Oloblogger, Pizcos, SpamLoco... y seguramente muchos más, nos toca lidiar con este tipo de detalles de Google.
No me quejo en lo absoluto de blogger, es mas, estoy muy agradecido por tener cada dia a la mano una herramienta tan fácil para expresarme.
Cuando me entró la preocupación por el tiempo de carga de mi blog, mucho tiempo atrás, utilizé precisamente Page Speed via Herramientas para Webmasters, y tal como hoy lo haces, llegué a la conclusión que la mayoría de sugerencias no las podemos efectuar, porque a la larga son scripts y definiciones de estilo que blogger incluye a la fuerza.
Personalmente cuando veo que un sitio me dará las respuestas que necesito al hacer una busqueda y que hay contenido de calidad, lo espero, así a veces tarde un poco; aunque, teniendo en cuenta que la mayoría de visitas que llegan a nuestros blog llegan de Google, es importante que nos concientizemos que debemos pensar en nuestros lectores.
Básicamente, y como mencionas,
► Evitar usar muchos widgets
► Cargar por defecto los scripts que sean necesarios (la mayoría de jQuery y Prototype + Scriptaculous)
► Condicionar estilos para que se cargen en el tipo de pagina (o entrada) que encesitemos
► Alojar todas las imagenes que vayamos a emplear en un tamaño adecuado, con un formato funcional como el PNG y directamente en blogger o a través de Picasa
► Tener cuidado con los scripts que se usan para ver estadísticas, porque además de que a veces incluyen codigos extras que tienen sus mañas, pueden ralentizar mucho el blog
► Por qué no, tambien condicionar Gadgets/Widgets que añadimos desde elementos de página, osea, los necesarios, y por lo menos en la página principal.
► + Una que le añadiría personalmente, es evitar usar muchos banners publicitarios de Adsense o cualquier otro sistema publicitario en la página principal, incluir si mucho 2 en la página principal (si mucho), y luego mostrarlos en las entradas individuales, además eso ayuda incluso un poco a subir un poco el eCPM y bajar el CTR, y para quienes usan Adsense eso puede ser algo medianamente benéfico.
No se hasta que punto tales cambios en los "algoritmos de busqueda" nos puedan llegar a afectar (no creo que nos beneficien mucho), pero pues si es importante atender e incorporar las sugerencias que se puedan efectuar, y al resto, mandarlas al carajo.
Quienes gusten de nuestra forma de escribir y de compartir lo poco que sabemos y queremos expresar, con gusto esperarán nuestras publicaciones, así ellas no gocen de la estructura de un libro para un Nobel.
Un saludo cordial desde Bogotá, Colombia :)
Ciertamente el tema me importó poco, sin embargo veré qué más puedo hacer para que mi blog se cargue más rápido.
Al fin de cuentas es mi blog, pero no dejo de sentir indignación por que como tengo mi blog como lo tengo deba ser castigado por reglas de un "Dios".
La hormiguita, Graciela, Adrián:
Gracias por los comentarios.
Gem@:
Es tan simple como eso, si aburre deja de ser divertido y si deja de ser divertido apaga y vamonos.
Roudy:
Sean la s nuevas o viejas plantillas da igual ya que el sistema sigue siendo el mismo. El resto, son detalles que siempre conviene ir puliendo y nada más.
Saludos, Felipe:
No, lo mio no es una queja (bueno si pero al margen); simplemente, se trata de mostrar la incongruencia de una decisión errónea y de bajar los decibeles de algunas preocupaciones que no deberían ser tales. Siempre es bueno mejorar pero hacerlo por miedo es un error.
La lista que das es la correcta, la suma de Adsense es válida, como no lo uso, no lo tuve en cuenta pero claro, es una carga extra importante.
Yo tampoco sé en que puede afectar esto o si sólo es una bravuconada de Google pero, ya bastante tiene uno tratando de cambiar lo que SI puede cambiar, como para andarse preocupando de lo que NO puede cambiar .D
:) Sii.. totalmente de acuerdo con vos.
Amanecerá y veremos...
Es curioso, pero llevo un buen rato mirando qué cosas puedo quitar de la plantilla para que mi página cargue más rápido (unos 4 segundos) y me he encontrado con una herramienta de medición: http://analyze.websiteoptimization.com/
Curiosamente no he conseguido que me ofrezca datos sobre ningun blog de blogger, sin embargo, los blogs de blogger como el mio que están redireccionados a una URL si ofrece datos y me cuentro con que me ralentiza la carga de más de un centenar de objetos de página cuyo origen es blogger. Sabe alguién por qué ocurre esto y qué puedo hacer para evitarlo. Por cierto, he comprobado que hace lo mismo en todos los blogs de blogger que tienen redirección...al menos los que he probado.
Gracias por el pedazo post porque luego me va a servir de base para seguir mirando cosas. No me suena a chino pero siempre me ha dado pereza seguir el pedazo de instrucciones de las herramientas de Google. Ahora ya no tengo excusa.
Gracias JMiur...por compartir... me he reído mucho con tu forma de escribir y expresar... estamos de acuerdo contigo que el blog es algo personal...y tal vez al estar usando una plataforma gratuita como blogger ... no es mucho lo que podamos hacer...
Un abrazo enorme y gracias nuevamente por tu tiempo!!!
Rocklive.es:
Sin importar lo que diga Google, 4 segundos es un tiempo mucho más que aceptable. Respecto de websiteoptimization.com no tengo idea del porque hace eso.
Sailor©
Y, si, es para reirse :D
Releyendo mi comentario, una aclaracion, cuando digo "tu blog", me refiero al blog de cada uno...
Las dimensiones de las imágenes incluidas en fondos con CSS no se dimensionan, no hace falta hacerlo, no ayudaría en nada a la carga. En una etiqueta IMG es diferente ya que estableciendo el tamaño, se reserva el espacio físico en la página y se evitan saltos abruptos; un fondo, por el contrario, siempre se coloca sobre algún elemento que ya está dimensionado.
Lo que indica Parallelize downloads across hostnames es que hay llamadas a demasiados servidores externos no que sean muchos archivos externos sino que estan alojados en demasaidos servidores distintos y eso, ralentiza la carga. Lo que aconsejan es que en el caso de usar servidores externos, los archivos a descargar se repartan entre ellos.
Es un tema algo confuso pero, se me ocurre que por ejemplo, una opción sería colocar algunas de esas imágenes en Blogger y dejar otras en tu hosting. El resultado, es incierto, no quedará má remedio que probar y ver el resultado.
Lo que has traducido es lo correcto y es lo que intenté explicar.
Dice que hay demasiados recursos en un mismo servidor y que mejoraría si estuviera en diferentes servidores y aún mejor, si estuviera en diferentes subdminios del mismo servidor.
De hecho, es algo que hace Blogger con las imágenes, fíjate que todas tiene el mismo dominio (blogspot.com) pero diferentes subdominios (1.bp 2.bp 3.bp 4.bp etc):
http://1.bp.blogspot.com/...../psd5.png
http://4.bp.blogspot.com/...../psd2.png
De ese modo, puede cargar desde los diferentes subdominios al mismo tiempo.
En tu caso, lo que indica Page Speed es que los 55 archivos (solicitudes) están todos en el mismo dominio y que lo ideal, sería distribuirlos para que pudieran cargarse simultaneamnete y no, uno por uno. La ayuda dice que, por ejemplo, si se tienen que cargar 50 archivos desde 4 servidores, esos archivos se repartan de tal forma que ninguno de esos 4 servidores tenga más del 50% del total.
Ojo, se está hablando de sofisticación extrema.
Erwin Salas:
Claro que Blogger debe mejorar, pero es Google quien debería dejar de dar órdenes absurdas :D
Chacien:
Pués no, consejos no hay, es algo muy subjetivo y, al final de cuentas, lo único que cuenta es si el resultado termina siendo una mejora o no, el resto, es irrelevante. Eso, lo dirás tú cuando compares resultados.
Para mi, que entiendo poco de esto, el resumen es claro, como dicen por mi tierra: No meneallo.
No se si mi blog, (el principal, aunque también es aplicable a todos los demás), es el más rápido o el más lento del mundo, ni me preocupa.
Si quien entra necesita verlo, esperará a que cargue. Y si no tiene paciencia, I'm sorry. Pero no puedo enseñar las cosas sin probarlas y aunque algunas las tengo en blogs de pruebas, otras las utilizo, así que ahí se quedan.
Muy bueno tu análisis de la ineptitud de blogger.
Un abrazo.
Saludos, Eulalia.
Pués sí, pienso exactamente lo mismo :D
Esa herramienta es para desarrolladores de aplicaciones web, no para bloggers!!
A mi me ha sido de gran utilidad, aprendi a configurar bien mis servidores y a mantener un orden con los archivos estaticos, dinamicos, etc.
Hay que mencionar es que es bastante extenso tu analisis y en algunos puntos concuerdo contigo, pero como te mencionaba anteriormente, esta herramienta es muy util cuando tienes tu propia pagina en tu propio servidor.
No creo para nada en ese tipo de separaciones jerárquicas. La sola mención de la palabra "desarrolladores" me causa cierto escalofrío pero no importa, como toda herramienta, su buen o mal uso depende de quien la emplee y de cómo interprete los datos que da. De hecho, en este ejemplo, hay datos que pueden considerarse relevantes y que no deberían despreciarse ya que ayudarían para que un simple blogcito "mejore".
Pero, lo fundamanetal no es eso sino que no creo en herramientas que puedan automatizar el sentido común y mucho menos, en herramientas como panacea. Mucha de la información que da, aún en hostings propios, tiene las mismas deficiencias y sus conclusiones son cuestionables y subjetivas.
Si no es una herramienta apta para un blog, Google, simplemente, debería eliminar sus conclusiones y no mostrárnoslas porque si lo hace, confunde.
Por supuesto, esa no es su intención, su intención es simplemente, monopoilizar la verdad y obtener beneficios y en realidad, ese es el sentido de esta entrada. Plantear una diferencia que tiene mucho más que ver con la filosofía que con la técnica.
Simplemente genial, muy lúdico. Felicitaciones por tu trabajo
Sigue siendo este uno de mis articulos favoritos, porque la ironia y el sarcasmo que empleas para explicar las contradicciones filosóficas de Google es precisa y porque podremos hacer pruebas de carga del sitio y muchos de esos errores van a seguir siendo producto de cosas que nos añaden a la fuerza, pero esta bien, igual sigo agradeciendo a blogger porque a pesar de sus códigos extraños y de estos detalles sigue siendo una plataforma sencilla y flexible. :)
Pero bueno, no creas que ha sido en vano, de no ser por esta publicacion, nunca me habría interesado realizar sprites, ni de añadir efectos rollover tambien por esa técnica, ni aprender mejor css para mejorar un poco el estilo de la plantilla... en lo personal he aprendido cosas varias para mejorar un poco el aspecto de la carga del sitio, sin contar con las cosas que van apareciendo por el camino (es decir que buscando como mejorar un aspecto te enteras de como mejorar otro y así..)
Igual, si miramos aspectos como la cobertura y acceso del servicio de internet banda ancha en nuestros paises (de latinoamérica principalmente) junto con los continuos e inmarcesibles avances tecnológicos, un navegante de nuestros blogs que no sepa del tema ni se dará por enterado que ha mejorado el tiempo de carga, por lo que pienso que a la larga los esfuerzos y acciones de nuestra parte no pasarán de ser eso que llaman 'mejores prácticas'.
Para finalizar, y a propósito del tema, has pensado en realizar alguna publicación sobre optimizar imágenes? ...porque fijate que con solo cambiarle (un ejemplo de mi parte) el formato a una fotografía que tenia en PNG a JPEG el peso de la imagen se redujó casi 3 veces y la calidad quedo perfecta. :D
Buscando orientación,sobre como usar Page Speed,ya que me gusta aprender,y saber de todo un poco pero la realidad es que, no necesite buscar más,ya que,no habia leido palabras mas acertadas,sobre esto que hacemos ,y que por supuesto, si lo hacemos es porque nos gusta,¿Para qué más? !Muy bueno!
"La velocidad es un valor subjetivo. No tiene sentido no leer un libro porque es "muy largo", no tiene sentido no viajar a un lugar donde queremos ir con la excusa de que queda muy lejos. Son todas calificaciones abstractas y cuyas respuestas son personales.
Rescato la web como EL LUGAR donde se comparten cosas; emociones, ideas, conocimientos y eso, es más que suficiente. No hay UN modelo de web; no es cierto que las cosas deban hacerse de un solo modo; no existen reglas que puedan poner límites a la expresión humana pero, yo no juzgo, que cada uno haga lo que le parezca correcto y que disfrute haciéndolo ¿Para qué más?"
Comparto todo eso. Gracias por el comentario, SAGITARIOXII :D
Amigo yo no se mucho de eso, pero si se que tu blog se carga rapido, ami en un editor de plantillas me decia que mi blog tenia mas 900 errores, navego en ie 7 8, firefox, safari chrome, y linux. la pag carga rapido y se mira igual. sin fallos.
pero en algo si talvez tengan razon segun sabia, esta empresa gasta sus millones en acho de banda, sera que se quieren ahorrar plata?, y otra cosa en algo si es cierto si un sitio no carga rapido, me aburro y ya no visito ese sitio, como en el cazo de My Space o Hi5, que se tardan mucho en cargar. y que da pena ver el desorden de esto sitios que te abruman contanto figuritas brillantes. (se vale decir que tambien cometo faltas de ortografia y aun asi me doy a entende asi tambien sucede con html y sus hermanos ) jajaja. :)
No sé a que llamas un editor de plantillas ni que tipo de informe te da. Si se trata de algo que valide el código, en Blogger no puedes usarlo ya que se emplean una serie de código propios del sistema.
Hay algo que me parece interesante y revelador de Page Speed, muchas veces había visto que en algunos sitios se decia que había que esforzarse para hacer nuestras páginas con html válido porque supuestamente google tomaba eso en cuenta para rankear nuestros sitios, así que me dediqué a escribir mi página en xhtml 1.0 válido invirtiendo mucho tiempo en eliminar cada mínimo error, cual fue mi sorpresa al conocer Page Speed que al analizar mi página me dice que debo "optimizar el html" y me genera una "versión optimizada" de mi web con múltiples errores, lo cual me dice que en verdad a google no le importa la validez de nuestro código sino sólo que se carge rápido.
No es cierto que los buscadores miren si el HTML es válido o si la página valida o no valida. Los buscadores no leen HTML, sólo leen textos así que ignoran todas las etiquetas.
justo esto estaba buscando;
Leverage browser caching.
Y debo entender que contra eso no se puede hacer nada? He mirado mi blog en: http://gtmetrix.com
Y hace referencia a varias cosas para mejorar velocidad y eso.. una de ellas era aplicar dimensiones a las imágenes (hecho). y otra que me interesa es lo del cache, pero esto puedo o no cambiarse? :(
Un saludo
PD.
BRAVO, FENOMENOOO, MAGNIFICOO.. Por el mensaje #14.
JMiur pa presidente, JMiur pa presidente, JMiur pa presidente... :D
Buen comentario aunque luego no tengo idea a quien iba dirigido todo eso xD
un saludo hermano.
Pués, gracias por la nominación pero ... renuncio :D
Los datos que da esta herramienta son una mezcla de cosas que pueden ser útiles y aplicables con cosas que son imposibles de implementar en Blogger y en muchos hostings. De hecho, es gracioso hacer el análisis de los mismos sitios de Google y ver la cantidad de "defectos" que muestra.
Interesante articulo pero no creo que me ayude mucho mi pagina, en la herramienta para webmasters me dice que es mas lento que el 98% de las paginas, se visualiza rápidamente solo con chrome pero si lo veo por explorer tarda una eternidad y aveces ni aparece mi sidebar derecho, esto tambien afecta a las visitas :(
Muy interesante el articulo, Al menos he podido comprobar que el problemas es genérico; y no particular, al realizar testeo de mi blog arroja resultados que requieren mejorar ciertos aspectos, entre lo que se destacan los siguientes:
Use efficient CSS selectors / Remove unused CSS (Y es como la mayoría han opinado, es un problema de google, y como se supone deberé yo solucionarlo dios GOOGLE??? dame tu luz)
Enable gzip compression - Compressing https://estilocss.googlecode.com/svn/scripts.js (Pero la compresión GZIP requiere de apache para comprimir y por ninguna parte de la confg. del blog hay opción para ello.)
Debo decir que me empeño a que mi joven blog este todo lo opt. posible, a los latente ha lo que hay que lidiar demandado por el SEO.
Pregunto: ¿Es posible, mejorar el css que de momento es lo que hasta ahora es el percance mas sobresaliente a mejorar??? gracias!
¿Y por qué se debe hacer caso a todo lo que dice ese análisis? Como cualquier otro, sobre todo, uno hecho de modo automático, debe ser interpretado y aplicado de manera racional; tomando aquello que sirve o puede mejorarse y deshechando lo otro.
Si se trata de un blog de Blogger, Enable gzip compression es imposible, eso sólo se hace desde el lado del servidor.
Use efficient CSS selectors / Remove unused CSS es discutible; habrá cosas que pueden modificarse pero otras no o, simplemente, carecen de importancia.
¿Es posible, mejorar el css? Si, siempre es posible pero no hay herramientas que puedan decir cómo se debe hacer ni qué debe modificarse; sólo se debe usar el sentido común.
gracias jmiur entendido, aplicar "sentido común" para que querer edificar en lo que es prestado.
¿Quiere dejar un comentario?
recuerde que los comentarios están siendo moderados y serán publicados a la brevedad ...
Nota: sólo los miembros de este blog pueden publicar comentarios.
Si le gusta ir a lo seguro utilice este botón para abrir los comentarios en una ventana modal en esta misma pagina.
Si añora tiempos idos, use este enlace para agregar un comentario al viejo estilo ...