Utilidades: Vigilar páginas web en busca de cambios

Una de las herramientas más interesantes que he descubierto en los últimos meses es de la que voy a hablar a continuación. Se trata de una utilidad para verificar periódicamente el contenido de una página y recibir alertas cuando cambia.

Lo interesante es que la comparación la hace visualmente, de modo que analiza una captura visual de la página y si hay un cambio en determinado % de los píxeles, salta la notificación. esto permite obtener alertas no solo cuando cambia un texto, sino cuando cambia un color, una imagen, o la forma de un objeto por culpa del CSS.

Yo lo uso, por ejemplo, para enterarme de cuándo hay nuevas versiones de algunas aplicaciones que no tienen actualización automática ni tampoco RSS u otra forma de estar al día de los cambios.

Un ejemplo paradigmático es Filezilla Server. Este excelente servidor FTP Open Source se actualiza de tarde en tarde, y generalmente cuando lo hace es porque hay algún problema de seguridad que han solucionado. Su conocidísima versión cliente se actualiza sola cuando entras en el programa, pero el servidor (al que accedes muy poco), no lo hace. Por lo tanto, si quieres estar al día de cuándo sacan una actualización debes visitar su página a menudo y acordarte de cuál era la última versión ya que ni siquiera ponen la fecha de la descarga que está disponible.

Filezilla-Server-version

Es terrible y deberían mejorarlo.

¿Cómo lo soluciono yo?

SIGUE LEYENDO para conocer la herramienta que utilizo y qué posibilidades te da.

TRUCO: Hacer "bundling" de archivos JavaScript o CSS sin necesidad de herramientas externas

Este es un truco rápido pero muy útil para programadores Front-End que trabajan con HTML, CSS y JavaScript.

Como todo el mundo sabe (o debería saber), con HTTP 1.1 cada petición que se envía al servidor añade "peso" a la carga total de la página porque se debe abrir una nueva conexión, se deben enviar las cabeceras y recibirlas, hay un máximo de conexiones abiertas a la vez, etc…

Por ello, si la página incluye por ejemplo 10 archivos .css que en conjunto pesan 250KB, su descarga va a tardar más que si descargásemos ese mismo contenido exactamente, con el mismo peso, pero en un solo archivo .css.

Esto no ocurre con la nueva versión HTTP 2, pero no siempre está disponible todavía.

Como en una aplicación o en una página web cada milisegundo cuenta, se suelen utilizar dos técnicas habitualmente para disminuir el efecto de tener varios archivos y disminuir su peso:

  • "Bundling" o empaquetamiento: consiste en combinar varios archivos dentro de uno solo para que, aunque ocupen lo mismo, puedan descargarse con una sola conexión de una sola vez, con lo que se ahorra tiempo total de descarga y procesamiento. Lo verás más a menudo como "bundling" que es el término que se usa en inglés (y casi todo el mundo en español).
  • "Minificación" o minimización: se trata de reducir al máximo el tamaño de los archivos quitando todo lo que no es necesario: espacios en blanco, tabuladores, cambios de línea… Generalmente puede ir acompañado además de ofuscación del código para dificultar su seguimiento. El primer término "minificación" es incorrecto en español, pero se utiliza mucho porque es como se le llama en inglés (minification).

Existen multitud de herramientas que se pueden encargar de llevar a cabo estas tareas antes de pasar un proyecto a producción (siendo Grunt y Gulp los programadores de tareas más conocidos: ambos tienen plugins para hacer esto).

Sin embargo lo que muchos no saben es que en el propio sistema operativo Windows tenemos una herramienta muy simple que nos permite hacer "bundling" instantáneamente sin necesidad de instalar nada más.

SIGUE LEYENDO para averiguar cómo hacerlo y como evitar posibles problemas.