Como combinar y comprimir CSS y Javascript con zbugs

zbugs es una aplicación Web que permite combinar, minimizar y comprimir—mediante gzip—tanto los archivos Javascript como los CSS también.

Esta aplicación Web trabaja en forma satisfactoria ante cualquiera de las 3 siguentes modalidades:

• informar la URL del dominio que nos ocupa
• subir los archivos
• indicar la URL de cada archivo

En el promedio de pruebas que he llevado a cabo, se ahorra—en promedio—hasta un 80% del tamaño de archivos y se reducen las peticiones HTTP entre 20 y 25, según los casos.

A los efectos de optimizar la velocidad de carga de cualquier sitio Web,  considero el uso de esta aplicación (o similar)  como un excelente recurso; en especial atención que esta variable SEO incide en los resultados de búsquedas orgánicos (Google dixit)

Sitio Web | zbugs

Leer más

Como medir el desempeño de tu sitio Web con Yottaa

Yottaa es una aplicación Web que lleva a cabo varias comprobaciones para conseguir evaluar el desempeño y la eficiencia de cualquier sitio Web.

Sólo es necesario llevar a cabo la consulta informando la URL del sitio Web que nos ocupa para que la aplicación compruebe:

• tiempo de carga de la página
• comportamiento de la página en la Red y en los servidores
• test YSlow de Yahoo!
• complejidad de la página para que la info sea renderizada por el browser

Cada comprobación genera una única URL lo cual hace muy sencillo el compartir resultados con colaboradores, clientes y proveedores.

Sitio Web | Yottaa

Leer más

Qué sitio Web carga más rápido?

Which loads faster? es una aplicación online que te permite comparar el tiempo de carga—medido en milisegundos—entre 2 sitios Web.

Ryan Witt es la persona detrás de este ingenioso recurso; quien lo ha concebido y escrito y lo comparte como un open source, escrito en HTML y JavaScript; lo cual lo coloca como una aplicación que corre totalmente del lado del cliente.

Cualquiera puede alojar estos archivos en su propio sitio y permitir y ofrecer llevar a cabo las pruebas. Ryan promete—con mucha gracia—no contarle nada a nadie ;-)

Cuál carga más rápido? Apple o Adobe?

Existen varias opciones disponibles como llevar a cabo la carga en paralelo o en modo serial; de otra manera se pueden hacer cargas en lotes para hacer carreras :-)

Sitio Web | Which loads faster?

Leer más

Como simular velocidades de descarga en Firefox

Firefox Throttle es una extensión para Firefox que permite adjudicar límites de velocidad (descarga y subida) a las ventanas de Firefox.

Como simular velocidades de descarga en Firefox

En cualquier momento esta extensión ofrece las estadísticas relacionadas tanto para las descargas (downloads) como para las subidas (uploads).

Es una extensión recomendada para cualquier Webmaster que se preocupe por la respuesta y comportamiento de cualquier sitio Web ante diferentes escenarios.


Instalar extensión | Firefox Throttle
Vía | dzign.us

Leer más

Sobre la calidad de tu conexión a Internet

Pingtest resulta ser una aplicación online—extremadamente útil ya—que determina la calidad de tu conexión a Intertet.



Para quienes la imagen, les traiga algo así como "un aire de familia"; es cierto, esta herramienta es del mismo grupo que Speedtest

Sitio Web | Pingtest

Leer más

Como analizar el tiempo de carga de una página Web

GTmetrix es una interesante aplicación online que comprueba la velocidad de carga de una página Web utilizando para tal análisis tanto YSlow de Yahoo! como Page Speed de Google.



Sólo es necesario informar la URL sobre la cual se desea llevar a cabo el análisis. No es necesario registrarse (lo cual es gratis) pero de hacerlo se puede llevar a cabo registro históricos de cada comprobación.

En cada caso, existen recomendaciones sobre el curso de acción a seguir.

Lo interesante de esta aplicación es que no es necesario instalar los scripts mencionados. Especialmente práctico cuando llevamos a cabo una reunión en casa del cliente ¡je je!

Sitio Web | GTmetrix

Leer más

Test de carga | Load Impact

Load Impact desde su versión gratuita y sin registro, nos permite llevar a cabo un test de respuesta del sitio Web ante la concurrencia simultánea de decenas de usuarios.
La prueba es agresiva desde el punto de vista que se comprueban tiempos de respuesta desde 10 hasta 50 usuarios en forma simultánea.
Mostrando de esta forma y de modo gráfico:

• Tiempo de espera promedio por usuario
• Tiempo total de acceso
• Ancho de banda requerido

Como se trató, en mi caso, de una prueba sin registro; el tiempo de espera para el inicio de la misma estuvo alrededor de los 3 minutos.

En forma complementaria, puede verse también el impacto en la performance de archivos externos; como imágenes u hojas de estilo.

Sitio Web | Load Impact

Leer más

Como hacer una prueba de eficacia del sitio Web

La prueba que se puede llevar a cabo en el sitio GOMEZ es sencilla, pero no por menos eficaz.

Se trata de una prueba de eficacia en tiempo real, para una página Web en particular (no el sitio entero).
La prueba arroja resultados para los siguientes tópicos.

• Tiempo de respuesta del DNS: esta prueba arroja el tiempo de respuesta desde el sitio del autor a una IP en particular.
• Tiempo de conexión: el resultado de conectar al servidor a través de la Red.
• Primer byte: El intervalo de tiempo entre el requerimiento desde el server y el tiempo trancurrido hasta la recepción
• Contenido descargado: el tiempo requerido para descargar los objetos desde la carpeta raiz desde el inicio hasta la totalidad de los componentes soportados.
• Tiempo de redirecionamiento: la cantidad entre la notificación hasta que el browser lo recibe. Si no existen redirecciones este tiempo es cero.
• Muestra todos los objetos que componen el documento en la URL especificada.

Sólo es necesario para completar la prueba, informar la URL que nos ocupa y elegir el nodo sobre el cual se realiza la prueba.

Leer más

Cuanto tarda en cargar la página

Si bien al momento de calcular cuanto tiempo tarda en cargar una página Web, suelo utilizar la extensión Firebug de Firefox.
Algunos no utilizan este navegador.
El siguiente recurso es un aplicación que corre de lado del cliente mediante JavaScript.
Stopwatch se encarga de medir la carga del HTML, y todo lo que haya en él contenido.
Con precisión de hasta 1 milisegundo.

Enlace | Stopwatch
Visto en | Bloke Elemental

Leer más

Como reducir el tamaño de las imágenes

smush.it! es un servicio gratuito que disponemos a la hora de optimizar y reducir el tamaño de las imágenes antes de publicarlas en la Web.
No hablamos acá de aumentar el grado de compresión de un archivo JPG para reducir su tamaño a expensas de pérdida de calidad.
Esta aplicación trabaja sobre la optimización y eliminación de bytes innecesarios sin pérdida de datos; de modo de mantener la calidad y el aspecto visual de los originales.

El método de carga de imagen, puede ser:

• selección de imágenes desde la PC
• lista de URLs
• extensión firefox
• instalación de bookmarklet

Finalmente, el resultado puede ser descargado en formato ZIP.



Para una de las tantas pruebas que he llevado a cabo, la imagen de muestra superior muestra la optimización de una imagen PNG de 450 × 788 px de 148 Kb.
El resultado final fue de 107 Kb, representando una reducción del tamaño de la imagen de casi un 28%.

Los formatos de imágenes soportados son:

• JPG
• PNG
• GIF
• GIF animado

Extensión Firefox | Instalar
Enlace | smush.it!

Leer más

Finch: donde lo importante son los contenidos

De cara a usuarios con conexiones lentas. La experiencia con Finch, un proyecto de Adam Brenecki; es proveer a través de su sitio el acceso a cualquier lugar de la web, dejando de lado

• CSS
• Flash
• JavaScript
• Metadatos
• IFrames
• Imágenes

Muy similar a navegar con Firefox y, mediante la Web Developer Toolbar, deshabilitar CSS, imágenes, JavaScript o, de otra manera, a la de acceder al web mediante Google Mobile


En las palabras de Adam Brenecki, él comenta que, por ejemplo, la página de inicio del New York Times ronda los 110 Kb. Que sumado a los recurosos externos que el sitio web carga, se llega a poco más de 1.4 Mb.
Con Finch el volumen de datos que se carga es sensiblemente cercano a los 84 Kb.

Leer más

El tiempo de carga de tu sitio es más lento que el de tu competencia

Aún hoy día, cuando el acceso a conexiones más rápidas es cada día más común, cada fracción de segundo que el usuario debe esperar para ver el contenido de un sitio; sigue siendo un factor determinante en la instancia que permanezca o abandone la navegación.
Si tu competencia muestra sus contenidos en forma más rápida y eficiente, ofreciendo al usuario lo que está buscando; posiblemente sea hora que revises tu diseño.
El sitio Webslug te ofrece una comparación en tiempo real entre 2 URLs que quieras consultar.


En mi test, para publicar aquí, he sometido al análisis el desempeño de Google. com vs Google.com.ar:Por cierto, Google hoy (como es común de un tiempo a esta parte) nos hace llegar su homenaje por el Día de la Independencia:



Finalmente, y en línea con el tópico, se pude llevar a cabo un análisis (libre de comparaciones) en Test a Site
O, de otra manera, consultar los sitios testeados más rápidos de carga y los más lentos

Entradas relacionadas:
Cuánto tarda en cargar tu página web?
Full Page Test

Leer más

Como generar miniaturas on-line

Quick Thumbnail es una aplicación que redimensiona las imágenes con el propósito de obtener miniaturas (thumbnails) de las mismas.
Las modificaciones pueden llevarse a cabo por proporción (porcentaje), por anchos fijos o estándares.

Soporta además la aplicación de cerca de media docena de efectos (escala de grises, sepia, blur, etc).
Verdaderamente útil, si se piensa ejecutar Photoshop o Fireworks sólo para hacer un par de thumbsnails.

Leer más

Cuánto tarda en cargar tu página web?

WebWait es una herramienta de consulta que determina, el tiempo de carga de una página Web.
El sitio ofrece la instalación de un favelet en la barra de herramientas del navegador a los efectos de tener la info necesaria de cualquier sitio que se visite; con milésimas de segundo.
Firefox agrega esta funcionabilidad, incluyendo la cantidad de imágenes leídas, tamaño de la página (Kb), tasa de transferencia (Kb/s) y el timer (también con milésimas de segundo) mediante la instalación de la extensión Extended Statusbar. Opera, por supuesto, trae en forma nativa esta función.
Entrada relacionada: Full Page Test

Leer más

Cómo medir la velocidad de mi conexión en Internet?

En el uso cotidiano de los servicios que utilizo en Internet, muchas veces me he encontrado con altibajos en el flujo de información que va y que viene por la Red.

No todos los servidores tienen el mismo nivel de respuesta y no todos los servicios de ADSL son brindados con las mejores prestaciones, o por lo menos las que publicitan, venden o utilizamos.

Speedtest es, a mi paracer una excelente herramienta. Sólo hay que elegir el server contra el cual se va a realizar la operación de test.

Los resultados, tanto de download como upload, pueden ser visualizados y se ofrece código para poder embeberlo en HTML: foros, blogs. etc.

Existe un apartado apropiado para ver los test ya realizados: My Past Results
Y otro, Global Stats, donde se muestran resultados globales o si se lo prefiere, se pueden realizar comparaciones dentro el páis o la región y ver los resultados que obtienen otros usuarios con otras compañías.

Leer más

Full Page Test

El propósito de este utilitario es que el webmaster pueda evaluar los tiempos de carga de cada documento.

Full Page Test lee el HTML; incluyendo en la carga y el análisis las imágenes, los archivos CSS y las imágenes que este declara, código JavaScript, RSS y archivos Flash.

La presentación es gráfica, mediante barras y muy completa.

El orden de lectura puede elegirse de entre esta lista:

• Load order (orden de carga)
  
• Load time (tiempo de carga)
  
• File type (tipo de archivo)
  
• URL (URI)
  
• File size (tamaño de archivo)

Leer más