Optimiza las imágenes para reducir el tráfico de tu portal

A través de esta utilidad podrás reducir el tamaño de las imágenes que publiques en tu portal y así minimizar el tráfico que produce. Viene con una limitación de 300kb pero funciona bastante bien.

Entra en esta web y compruébalo.

Google Page Speed Service, incrementa la velocidad de carga

Google ha lanzado en fase beta un servicio online para mejorar la velocidad de carga de nuestras páginas web de forma automática.

Su funcionamiento lo que hace básicamente es recuperar el contenido de nuestros servidores y reescribir las salidas HTML aplicándole mejoras de eficiencia de código que finalmente se redistribuyen a través de los servidores de google.

Podéis encontrar más información en http://code.google.com/intl/es/speed/pss/docs/tryit.html.

blekko, slash the web (barra web)

blekko es un buscador en la red que nos permite recuperar información de los sitios que hacen referencia al contenido de nuestras páginas.

Con este buscador vamos a poder ver estadísticas de las localizaciones que hacen referencia a nuestra página. Por ejemplo, si buscamos referencias de www.java.com tenemos estos resultados:

Podéis encontrar más de blekko en su página web o en este vídeo.

El Laboratorio de Google

Ahora que parece que Google va a dejar de lado su conocido laboratorio Google Labs (ver post), vamos a ver algunos de los últimos proyectos que han sacado y que pueden sernos de ayuda...

PageSpeed Online analiza el contenido de una página web y, a continuación, genera sugerencias para aumentar la velocidad de esa página. Disminuir los tiempos de carga de páginas puede reducir el número de abandonos de páginas y aumentar las tasas de conversión.

Google Swiffy del que ya hemos hablado en otro post, nos permite convertir vídeos Flash en formato HTML5.

Aardvark o lo que es lo mismo Cerdo hormiguero, se montó con gran éxito hace tiempo y nos permite realizar preguntas o responder a ellas sobre cualquier temática que queramos. El objetivo consiste en recibir una respuesta en menos de media hora. No siempre es así...

Firebug a fondo

Firebug es una impresionante extensión de Mozilla Firefox para el desarrollo de páginas web y que una vez que lo has usado se convierte en indispensable. Con la aparición de Chrome, que trae incluida una herramienta parecida, su uso (por lo menos en mi caso) ha empezado a ser menor principalmente por la velocidad del navegador de Google.

Hablando de Firebug, vamos a poder editar y depurar código además de monitorizar el sitio en el que trabajamos. Las principales funcionalidades son:

• Edición de HTML en caliente (en tiempo real)
• Edición de hojas de estilos (en tiempo real)
• Monitorización de la carga de las páginas
• Depuración del Javascript de nuestras páginas
• Gestión de errores Javascript, CSS y XML
• Explorador de DOM

La extensión Firebug tiene varias opciones en su menú principal: Consola, HTML, CSS, Script, DOM y Red. A su vez se pueden instalar extensiones como un gestor de cookies.

Activar modo DEBUG en JBoss AS

Hoy vamos a ver cómo poner en modo debug el servidor de aplicaciones JBoss en el que tenemos montadas nuestros aplicativos...
Lo primero que debemos hacer es parar el servidor jboss. Para ello, habitualmente según la instalación que hayamos realizado podremos parar el servidor a través de un servicio.

service jbossas stop

Si no tenemos un servicio ejecutaremos el shutdown.sh que se encuentra en el directorio bin del servidor JBoss. Para comprobar que está parado haremos

ps ax | grep java

Si no aparece ningún proceso relativo al servidor éste estará parado.

A continuación deberemos cambiar la configuración de arranque del JBoss. Para ello deberemos editar el fichero de configuración run.conf que se encuentra en el directorio bin donde tengamos instalado el servidor de aplicaciones.

Para activar/desactivar el modo debug mediante socket, sólamente tendremos que descomentar/comentar la siguiente línea del fichero:

 #JAVA_OPTS="$JAVA_OPTS –Xdebug -Xrunjdwp:transport=dt_socket,address=8787,server=y,suspend=y"

A continuación deberemos guardar los cambios.

Comenzando a usar Maven (V)

Seguimos con el tema Maven...

Integración con Eclipse
Bueno, todo esto está muy bien, pero si yo trabajo con un IDE como eclipse, ¿cómo encuentro ahora los jar en un sitio tan escondido?. Fácil. Maven es capaz de generar un proyecto de Eclipse.
Primero debemos definir dentro de Eclipse la variable M2_REPO apuntando a nuestro repositorio local de Maven. Esto puede hacerse desde una línea de comandos maven:

mvn -Declipse.workspace= eclipse:add-maven-repo

o bien desde dentro de Eclipse. En el menú seleccionamos Window > Preferences. Luego Java > Build Path > Classpath Variables y ahi definimos M2_REPO apuntando a C:\Documents and Settings\usuario\.m2
Una vez que tenemos creado un proyecto maven, generamos los ficheros necesarios para eclipse con

mvn eclipse:eclipse

Esto generará dos ficheros .project y .classpath en el directorio. Ahora desde Eclipse

• En el menú "File", "Import".
• En la ventana que sale, elegimos "Existing projects into workspace" y "Next".
• Elegimos "Select root directory" y le damos a "Browse". 
• Elegimos el directorio de maven donde está nuestro proyecto. Con esto debería compilarse el proyecto, cogiendo los jar necesarios del repositorio local y todo lo demás.

También hay plugins en nuestros IDE's que hacen más fácil el trabajo con maven, de forma que desde nuestro IDE podamos ejecutar las tareas maven.
En codehaus tienes los plugins para los cuatro IDEs más conocidos: Eclipse, NetBeans, IntelliJ y JBuilder.

Comenzando a usar Maven (IV)

En este nuevo capítulo continuamos con los repositorios...

Repositorios Maven
Una de las grandes ventajas de maven son los repositorios (almacenes) de ficheros jar que se crea.
En el siguiente enlace tienes el repositorio oficial de jars de maven. Ahí están los groupId de casi todos los jar de libre distribución que puedas encontrar en internet. Tienes el log4j, commons-logging, JFreeChart, mysql-connector, etc, etc. Maven es capaz de bajarse cualquiera de estos jar si tu proyecto lo necesita.
Todo lo que se baje maven de internet lo mete en un repositorio (almacen) local en tu pc, de forma que si lo necesita una segunda vez, no necesita descargárselo nuevamente de internet. Este directorio, habitualmente está en

• $HOME/.m2 en unix/linux
• C:\Documents and Settings\usuario\.m2 en windows

Adicionalmente podemos configurar maven para que use más repositorios, tanto de internet como otros que montemos internamente en nuestra red local si la tenemos. Por ejemplo, en internet tienes otro repositorio con jars independiente de maven.
El repositorio interno en la red local es particularmente útil si trabajamos en una empresa y hacemos proyectos que son dependientes unos de otros o tenemos nuestras propias librerías de jars. Poniendo jars en ese repositorio de empresa, todos los programadores podrán acceder o subir jars a ese repositorio y compartirlos.

Comenzando a usar Maven (III)

Ahora llega el momento duro. Debemos empezar a escribir el código, tanto de nuestro proyecto como de las clases de test de JUnit, si es que seguimos al pie de la letra las costumbres de buena programación. Desgraciadamente, todavía no hay herramientas que hagan este trabajo por nosotros, así que a ello.

Compilar
Una vez que tenemos todo, podemos compilar de forma sencilla. Basta ponerse en el directorio donde está el fichero pom.xml y escribir

mvn compile

Esto creará un directorio target justo debajo de EjemploMaven y ahí un subdirectorio classes donde meterá todos los .class de nuestro compilado: 

EjemploMaven
+---src
¦   +---main
¦   ¦   +---java
¦   ¦       +---
¦   ¦           +---ejemplos
¦   +---test
¦       +---java
¦           +---
¦               +---ejemplos
+---target
   +---classes
       +---
           +---ejemplos   //Aquí los .class

Comenzando a usar Maven (II)

Siguiendo con el hilo que dejamos el otro día vamos a empezar por cómo crear un proyecto Maven.

Crear un proyecto
El primer paso con maven es crear un proyecto desde cero. El comando de maven que tenemos que ejecutar es

mvn archetype:create -DgroupId=ejemplos -DartifactId=EjemploMaven

Veamos los parámetros:

• archetype:create es el comando de maven para crear un proyecto. Por defecto crea un proyecto de java normalito (mirar los arquetipos definidos en metodología)
• -DgroupId=ejemplos es el conjunto de proyectos al que pertenece nuestro proyecto. Por ejemplo, yo puedo meter todos mis programas de ejemplo en un grupo que llamaré "ejemplos". Este nombre que pongamos aquí va a servir de paquete inicial para todas las clases del proyecto. Todos los proyectos maven deben pertenecer a un grupo, aunque sea único para él, que se denominará groupId. 
• -DartifactId=EjemploMaven es el nombre que queramos dar al proyecto. Maven creará un directorio con este nombre y el jar que genere para el proyecto tendrá también este nombre. Todos los proyectos maven tienen un nombre para identificarlos, que se denomirá artifactId 

Comenzando a usar Maven (I)

El software de hoy ya no son creaciones monolíticas de un único equipo trabajando localmente en el proyecto. El cada vez mayor número de componentes de código abierto robusto de nivel empresarial hace que los proyectos de software modernos necesiten de una colaboración más dinámica entre los equipos de los proyectos y a menudo esto depende de una mezcla de componentes creados globalmente y otros creados localmente. Mientras que otras herramientas de construcción como Ant da un conjunto de herramientas para construir los bloques del proyecto, Maven cubre muchas de las necesidades normalmente inexistente en estas herramientas y que son requeridas en todos los proyectos.

Optimizar un blog para AdSense

En los siguientes ejemplos encontrarás dos tipos de recomendaciones de implementación, en función del diseño y de la estructura de la página principal.

Página de Inicio 1

• Sitúe un anuncio gráfico con formato skyscraper horizontal de 728x90 en la mitad superior de la página para la orientación por ubicación y para recibir un valor de marca y un porcentaje de clics (CTR) mayores.


• Sitúe un bloque de anuncios con formato skyscraper ancho de 160x600 debajo de la barra de navegación. Configúrelos para mostrar anuncios gráficos y de texto.


• En función de la longitud de la página, le sugerimos que sitúe un bloque de anuncios con formato skyscraper horizontal de 728x90 en la parte central o inferior de la página.


• Añada un skyscraper ancho de 160x600 adicional debajo de la barra de navegación lateral.

yotta: Optimizando tu web

Con yotta vas a poder optimizar, monitorizar y analizar tu página web.

Entra y sácale rendimiento http://www.yottaa.com.