{"id":2311,"date":"2014-10-06T09:45:19","date_gmt":"2014-10-06T07:45:19","guid":{"rendered":"http:\/\/cursos.hostinet.com\/?p=1790"},"modified":"2019-11-28T10:18:47","modified_gmt":"2019-11-28T08:18:47","slug":"herramientas-gratuitas-para-medir-la-velocidad-de-carga-de-tu-sitio-web","status":"publish","type":"post","link":"https:\/\/www.hostinet.com\/formacion\/diseno-web\/herramientas-gratuitas-para-medir-la-velocidad-de-carga-de-tu-sitio-web\/","title":{"rendered":"\u00bfC\u00f3mo medir y optimizar la velocidad de carga de nuestra web?"},"content":{"rendered":"
<\/div>

Quedaron atr\u00e1s los tiempos en los que naveg\u00e1bamos por la red<\/strong> con nuestro m\u00f3dem de 56k, con su particular y entra\u00f1able ruido de inicio y el no tan entra\u00f1able tiempo de carga de webs<\/strong> con gran cantidad de contenido de informaci\u00f3n. Hoy d\u00eda, nos aparece el site que cargamos milisegundos<\/strong> despu\u00e9s de hacer click en la pantalla. Esto se debe a varios factores<\/strong>, desde c\u00f3mo est\u00e9 dise\u00f1ada la web (cuan limpio sea el c\u00f3digo) hasta el peso de las im\u00e1genes que carguemos en nuestra web.<\/p>\n

\u00bfC\u00f3mo medir y optimizar la velocidad de carga de nuestra web?<\/h2>\n

En este tutorial comprobaremos c\u00f3mo comprobar la velocidad<\/strong> de carga de diversas maneras y realizar cambios para su mejora.<\/p>\n

Desde el navegador<\/h3>\n

Con Chrome<\/strong> podemos comprobar de una manera simple el tiempo de carga<\/strong> de los elementos de la web. Es importante que limpiemos primero la cach\u00e9 del navegador<\/a> para que nos aparezca una cifra real. Para comprobar este m\u00e9todo, hacemos click con el bot\u00f3n derecho<\/strong> en la p\u00e1gina y pinchamos en \u201cInspeccionar elemento\u201d<\/strong>.<\/p>\n

\"imagen<\/a><\/p>\n

Hacemos click en la pesta\u00f1a \u201cNetwork<\/strong>\u201d y actualizamos<\/strong> la p\u00e1gina. Nos aparecer\u00e1n una serie de datos de navegaci\u00f3n y el tiempo, normalmente en milisegundos, que tarda la p\u00e1gina en cargarse.<\/p>\n

\"imagen<\/a><\/p>\n

Con el navegador Firefox<\/strong>, podemos instalar el plugin<\/strong> Firebug<\/a> para comprobar datos sobre la carga del sitio<\/strong>. Con este plugin integramos una serie de herramientas para desarrolladores<\/strong> con las que podemos editar, debuguear y monitorizar el CSS, HTML y JavaScript en vivo<\/strong> de cualquier p\u00e1gina web.<\/p>\n

\"imagen<\/a><\/p>\n

Otro plugin que podemos instalar en Firefox es el Yslow<\/a>, que analiza la p\u00e1gina y nos sugiere distintas formas de mejorar el rendimiento<\/strong> basadas en una serie de<\/strong> reglas<\/strong> que establece la aplicaci\u00f3n.<\/p>\n

\"imagen<\/a><\/p>\n

Herramientas Online<\/h3>\n

V\u00eda online, podemos hacer una serie de tests<\/strong> que nos dar\u00e1n alguna pista de por d\u00f3nde empezar<\/strong> a la hora de mejorar la carga de nuestra web. Hablaremos de las m\u00e1s nombradas:<\/p>\n

Con Webpagetest<\/a> podemos introducir nuestra URL<\/strong> para que haga un an\u00e1lisis con los tiempos de carga. Adem\u00e1s, podemos configurar una serie de par\u00e1metros<\/strong> para que el an\u00e1lisis sea m\u00e1s eficiente.<\/p>\n

\"imagen<\/a><\/p>\n

Pingdom Tools<\/a> no tiene opciones configurables<\/strong>, pero a\u00fan as\u00ed nos dar\u00e1 un an\u00e1lisis bastante completo<\/strong> de los tiempos de carga de nuestra web, desglos\u00e1ndolo en varias pesta\u00f1as.<\/p>\n

\"imagen<\/a><\/p>\n

PageSpeed Insights<\/a> es una herramienta que Google<\/strong> pone a nuestro servicio y que nos ofrece informes detallados<\/strong> y consejos \u00fatiles con cambios que deber\u00edamos realizar bas\u00e1ndose en una serie de reglas preestablecidas<\/strong>. Recordemos que Google, a la hora de posicionar nuestra web, est\u00e1 teniendo en cuenta tambi\u00e9n el tiempo de carga de la misma.<\/p>\n

\"imagen<\/a><\/p>\n

Con aplicaciones de optimizaci\u00f3n<\/h3>\n

Existen varias herramientas de optimizaci\u00f3n para Gestores de Contenido como WordPress<\/strong> que diagnostican y dinamizan<\/strong> nuestra p\u00e1gina, reduciendo el tiempo de carga de la misma. Uno de los m\u00e1s laureados<\/strong> es W3 Total Cache<\/a>, un plugin muy avanzado para mejorar el rendimiento de nuestro sitio <\/strong>creado con WordPress, que requiere bastantes conocimientos para configurarlo de la forma que mejor rendimiento<\/strong> ofrezca.<\/p>\n

\"imagen<\/a><\/p>\n

Depurando nuestra web<\/h3>\n

Es la opci\u00f3n que depende de nosotros<\/strong>, de nuestros propios conocimientos<\/strong> y de la organizaci\u00f3n<\/strong> de nuestra p\u00e1gina. Es saber qu\u00e9 y d\u00f3nde se han producido cambios<\/strong> y de qu\u00e9 forma esos cambios pueden optimizarse. Hay una serie de factores<\/strong> que podemos tener en cuenta<\/strong> a la hora de realizar dichos cambios, como:<\/p>\n