Before & After Photoshop

| Publicado por sagudino | 20 comentarios

Depurando la plantilla de blogger II: Gadgets

| Publicado por sagudino | 3 comentarios

Continuamos con las entregas de la depuración de la plantilla de blogger. Tras modificar la zona central de la entradas y comentarios, los scripts y el css, ahora le toca el turno a los gadgets de la barra lateral.

Y esta vez la tarea ha sido más sencilla, seguramente porque una vez que empiezas a ver las etiquetas de blogger, te acostumbras enseguida a ellas. Os animo a todos a que lo hagáis para poder mejorar el tiempo de carga de vuestras páginas y todo aquello que veáis que es mejorable.

Una vez organizados los gadgets y tabulado todo el código para una mejor lectura, he ido uno por uno para analizar qué es lo que sobra.

Tengo varios de ellos que son HTML puro y duro, pero que estaban incluidos mediante el elemento HTML de blogger. Esto es más fácil de mantener y crear, pero hace que cada vez que se pide una página al servidor este tenga que interpretarla para luego pintar el HTML resultante. Pues bien, he eliminado estos gadgets, que son los que ahora véis en la barra lateral en último lugar: QRCode, BlogRoll y por ahí.

Es importante tener en cuenta que los apartados donde se pueden incluir los gadgets están delimitados por las etiquetas section, y que dentro de estas etiquetas no se pueden incluir otras cosas que no sea un gadget de blogger. Por ello los he tenido que sacar de la section en la que estaban y dejarlos al final.

Respecto al resto. Twitter. De momento lo voy a dejar tal y como está, ya que espero poder utilizando haciendo llamadas javascript a la API de Twitter mediante código no intrusivo (ahora las llamadas al js están en cualquier parte).

Apartados Autos Boulevard, LastFM y comentarios recientes. Estos tres obtienen los datos a partir de fuentes RSS. Tan sólo he eliminado cierto código en el referente a los comentarios recientes. Concretamente la condicional acerca de si el comentario tienen autor o no. Teniendo en cuenta que el campo autor es un campo obligatorio en el formulario de comentarios, no se debería dar el caso en el que un comentario no tenga autor (toquemos madera). De los otros dos he eliminado las sentencias condicionales que evaluan si se debe indicar la fecha de publicación y el autor, ya que por configuración, no quiero que se muestren y nunca se han mostrado. De esta forma eliminamos de un poco de trabajo al servidor.

En el apartado "Archivo" la cosa cambia, ya que blogger permite mostralo en modo jerárquico, como lista desplegable o lista de elementos; obligando a elegir una y sólo una. También deberemos seleccionar la frecuencia del archivo: mensual, semanal o diaria.

Una vez establecidos estos parámetros, siempre se mostrarán del mismo modo. Pero, ahora viene lo bueno, blogger incluye el código necesario para todas las opciones, independientemente de si lo vamos a utilizar o no. De este modo, el servidor mira si se va a utilizar el formato 1, si se va a utilizar el formato 2 o si se va a utilizar el formato 3; cuando el resultado va a ser siempre el mismo. Así que todo ese código que realiza un par de peticiones al servidor, siempre con respuesta negativa, fuera.

Esto es todo respecto a la barra lateral, el siguiente paso, utilizar el API de Twitter para mostrar la última publicación.

Seguiremos informando, y si alguien tiene alguna pregunta que pueda resolver sobre este tema, este es un buen lugar para intentar buscar una respuesta.

Depurando la plantilla de blogger (I)

| Publicado por sagudino | 11 comentarios

Pensaba comenzar esta entrada con la frase "He retomado el blog". Aunque la verdad es que nunca lo he dejado del todo. Quizá si lo tenía un poco olvidado, pero simplemente eso, estaba a un lado en mi escritorio, nunca en la papelera.

Hace ya un tiempo que tenía pensado intentar optimizar la plantilla de blogger, ya que al ser una plantilla genérica descargada de por ahí, tiene muchas cosas que no utilizo y otras muchas que ni se porqué las tiene. Asi que esa ha sido mi tarea de hoy, depurar el código. Objetivo final: XHTML 1.0 STRICT, aunque creo que eso va a ser imposible debido a ciertas partes que blogger introduce en lugares que no debería.

Para empezar he creado otra cuenta en blogger para hacer las pruebas y destrozar lo menos posible este blog. En esa cuenta he cargado la plantilla, previamente bien tabulada y con copia en mi equipo (cosa que hasta ahora no tenía).

Por el momento, los cambios son escasamente visibles: algo en la zona de comentarios, la cabecera y poco más. Otras modificaciones han sido por ejemplo, eliminar los 4 tipos de cabecera que tenía la plantilla y que seleccionaba con sentencias condicionales. Al final siempre utilizo la misma, asi que es parte de código que no me sirve para nada. En la misma cabecera, he añadido teclas de acceso rápido para la navegación por teclado. Y por ejemplo, en las entradas he quitado la opción de la plantilla que enlaza el título de la entrada con una URL externa; tampoco lo utilizo nunca, y si lo hago, lo haré dentro del post como hasta ahora.

He sacado los scripts js y código css de la plantilla y ahora están en ficheros externos, de forma que todo el código javascript que añada a partir de ahora, irá a un único fichero que es llamado en la cabecera de la página.

Por lo que he estado viendo en la plantilla, blogger crea varias secciones a lo largo de la página cuya definición está en la parte superior. Luego, busca los sitios en los que se llama a esas secciones y pone el trozo de código en el lugar adecuado. Menuda sorpresa me he llevado al ver que lo primero que aparecía en la plantilla era la navegación inferior referente a entrandas más antiguas y más nuevas.

Durante esta semana segurié con esta tarea, siempre que mi tiempo me lo permita, así que no espereis muchos cambios, y mucho menos cambios de diseño. Aunque si espero poder organizar bien el css para que sea mucho más sencillo de mantener.

De momento los resultados son buenos, he reducido el peso de la home en 10 Kb con estos cambios.