extras » e-books       -       Multisite » Blogpocket | Acordes modernos | Mariposas en la maleta
Icono Twitter  Icono Facebook  Blogpocket Multisite en Google+  Icono Google+  Icono RSS


Cómo detectar recursos no encontrados en la carga de tu blog

Por  | 05.05.2010  | BloggingHerramientastips
Ejemplo de carga de página

Este tip me lo sugirió Inkilino a raiz del post Optimizando el tiempo de cara de tu blog y es muy útil si quieres reducir dicho parámetro.

Una de las cosas que más tiempo consume cuando se está cargando una página es la espera por un recurso que no existe pero que, sin embargo, se referencia en algún lugar de la página. En el gráfico que acompaña a este post, obtenido con la herramienta Full page test de PIngdom, se puede observar la secuencia de carga de distintos objetos, donde cada línea corresponde a un proceso. Cada barra horizontal consta de tres partes coloreadas. La inicial, en naranja, es el tiempo que se tarda hasta que comienza la conexión con el servidor en el que reside el recurso. La segunda, en verde, es el tiempo consumido hasta que se recibe el primer byte y, por último, la azul es el tiempo de descarga. En el ejemplo, hay un archivo css (señalado en rojo) que no existe, por lo que la parte verde es excesiva y no tenemos parte azul (no hay descarga lógicamente).

De esa forma, el test de Pingdom es especialmente útil para detectar los archivos que no existen.

También se pueden detectar los archivos pesados (con excesivo número de bytes), fijándonos en las barras de color azul. Si son imágenes siempre podemos reducirlas, perdiendo calidad pero haciendo más ligera la carga de la página.

Posts relacionados

Un comentario a “Cómo detectar recursos no encontrados en la carga de tu blog”

  1. de la red – 5/05/2010 « Tecnologías y su contexto Dice:

    [...] Cómo detectar recursos no encontrados en la carga de tu blog [...]


Haz un comentario:

Los comentarios están moderados y puede trasncurrir un tiempo hasta que se publiquen.

Puedes participar en la conversación utilizando tu cuenta de Facebook (opción recomendada) o el sistema clásico de WordPress.

Facebook

Si eliges "publicar en Facebook" tu mensaje se verá en tu biografía de Facebook inmediatamente. Aquí no aparecerá hasta que se apruebe.


WordPress

Si lo prefieres puedes comentar con el sistema clásico de WordPress.

XHTML: Se pueden utilizar las siguientes etiquetas: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>