Planeta WordPress

pSois muchos los que después del a href=”http://twitter.com/InKiLiNo/status/6054092972″ target=”blank” twitt /aque puse el otro día me habéis enviado mails y habéis compartido emalgún wave/em conmigo para que os ayude a strongreducir el tiempo de carga de vuestro blog/strong, es por eso que para no seguir repitiendo lo mismo a todos, voy a explicaros como he conseguido bajar del segundo en el a href=”http://tools.pingdom.com” target=”blank” medidor de velocidad de Pingdom/a./p
pComo en strongPingdom/strong se guardan los registros de las consultas, podéis comprobar que hace un mes cuando comprobe a href=”http://tools.pingdom.com/default.asp?url=http%3a%2f%2fwww.inkilino.com%2f&id=1307283″ target=”blank” la carga de mi blog/a, estaba en 8,7 segundos xD/p
pLos principales pasos que he seguido para strongoptimizar mi blog/strong, són los siguientes, primero tenemos que comprobar stronglo que tarda en cagar nuestro blog en Pingdom/strong, nos fijaremos en las dos ventanas de resultados que nos muestra./p
pa title=”Pingdom Tools” href=”http://www.inkilino.com/wp-content/uploads/2009/11/pingdom-tools.jpg” rel=”lightbox”img src=”http://www.inkilino.com/wp-content/uploads/2009/11/pingdom-tools-450×196.jpg” alt=”pingdom tools” title=”pingdom tools” width=”450″ height=”196″ class=”centroborde” //a/p
pSi prestamos atención a la primera ventana, descubriremos que tenemos que:/p
ol
listrongBuscar las lineas en rojo/strong. Esas lineas son llamadas a archivos o normalmente imágenes que no se encuentran, bien porque las hemos cambiado de sitio o las hemos borrado, por lo que tendremos que buscar esa línea en nuestro código y borrarla./li
listrongFijarnos en los archivos con el final de la barra azul/strong. Suelen ser archivos muy grandes y tenemos que intentar reducir su peso, como normalmente son imágenes es muy fácil, hay muchos a href=”http://www.google.es/search?hl=es&q=optimizador+de+imagenes+online” target=”blank” optimizadores de imágenes online/a, aunque si no nos gusta ninguno siempre podemos hacerlo nosotros con algún editor, o directamente a href=”http://tools.dynamicdrive.com/imageoptimizer/index.php” target=”blank” usar este/a./li
/ol
pspan id=”more-4052″/spanbr /
img src=”http://www.inkilino.com/wp-content/uploads/2009/11/pingdom_tools.jpg” alt=”pingdom tools” title=”pingdom tools” width=”303″ height=”395″ class=”centroborde” //p
pAhora nos vamos a centrar en la segunda ventana, en la que nos dice el strongtiempo total de carga/strong y la cantidad de llamadas a archivos de cada tipo que ha encontrado. Y mirando estos datos tendremos que:/p
ol
listrongJuntar todos los emarchivos CSS/em/strong que tengamos por ahí sueltos en uno solo, el strongstyle.css/strong de nuestro a href=”http://wordpress.inkilino.com/#themes” target=”blank” theme de WordPress/a (esto es muy fácil, sólo hay que copiar y pegar)./li
listrongJuntar todos los scripts/strong (emarchivos JS/em) en uno sólo. Para eso seguí uno de los a href=”http://www.anieto2k.com/2009/07/31/la-mejora-manera-de-cargar-javascript/” target=”blank” magníficos post que tiene Andrés/a sobre el tema./li
listrongUsar CSS-Sprites/strong. Podéis usar alguno de los que a href=”http://csssprites.org” target=”blank” existen on-line/a, a href=”http://csssprites.com/” target=”blank” van bastante bien/a, y os cargará todas las imágenes de fondo de una sola vez, con lo que el número total de objetos lo reduciremos muchísimo./li
/ol
pCon todo esto ya reduciremos bastante la strongvelocidad de carga de nuestro blog/strong, pero todavía quedan muchas otras cosas que nos ayudarán a que emnuestro blog sea el más rápido/em./p
ul
listrongOptimizar nuestro theme de WordPress/strong. Todas las consultas que tengamos dinámicas hay que ponerlas estáticas.Tendremos que reemplazar todas las lineas dinámicas del emheader.php/em y el emfooter.php /emprincipalmente, para hacer eso, nos dirigiremos a emVer código fuente/em en el navegador, y sólo tendremos que copiar las rutas estáticas de ahí./li
pEjemplo, donde ponga:
/ul
precodemeta http-equiv=”Content-Type” content=”?php bloginfo(‘html_type’); ?; charset=?php bloginfo(‘charset’); ?” //code/pre
ppondremos:/p
precodemeta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ //code/pre
ul
liTambién podemos a href=”http://www.cssdrive.com/index.php/main/csscompressor/” target=”blank” comprimir el CSS/a, a href=”http://www.google.es/search?hl=es&q=comprimir+css” target=”blank” hay muchas y diferentes formas/a para realizar esta compresión, eso ya es decisión vuestra optar por una u otra./li
liInstalarnos el a href=”http://wordpress.inkilino.com/#plugins” target=”blank” plugin de WordPress/a, a href=”http://wordpress.org/extend/plugins/wp-super-cache/” target=”blank” WP-super cache/a si no lo tienes, que he podido comprobar que va el doble de rápido que el WP-Cache./li
liY por supuesto tener un a href=”http://www.blogsting.com” title=”Hosting para WordPress” target=”blank” buen Hosting/a, que nos proporcione la strongvelocidad de carga/strong necesaria para nuestro blog./li
/ul
pAparte de todo esto, supongo que ha estas alturas ya sabéis todos que a href=”http://www.fayerwayer.com/2009/11/spdy-el-protocolo-de-google-para-acelerar-la-web/” target=”blank” Google se esta tomando cada vez la velocidad de carga más en serio/a y dentro de poco a href=”http://www.chicaseo.com/nuevos-factores-posicionamiento/” target=”blank” esta velocidad influirá en los resultados de búsqueda/a, por lo que este pequeño a href=”http://www.inkilino.com/velocidad-blog-wordpress.html” target=”blank” manual/a os va a ir muy bien para mejorar vuestro a href=”http://www.inkilino.com/tag/posicionamiento” target=”blank” posicionamiento/a./p
pY por último, podemos seguir strongoptimizando nuestro blog/strong para que cargue más rápido instalando 2 strongextensiones de Firefox/strong que van de lujo para esto, a href=”https://addons.mozilla.org/es-ES/firefox/addon/1843″ target=”blank” Firebug/a y a href=”https://addons.mozilla.org/es-ES/firefox/addon/5369″ target=”blank” YSlow/a. Yo ahora mismo estoy trabajando con ellos y haciendo pruebas de como puedo strongreducir más el tiempo de carga/strong, si descubro algo nuevo, ya os lo contaré en el próximo post, así que a href=”http://www.inkilino.com/feed/” rel=”nofollorw” title=”"Sindicate” target=”blank” sindicaros a mi blog/a para no perder detalle img src=’http://www.inkilino.com/wp-includes/images/smilies/icon_wink.gif’ alt=’;)’ class=’wp-smiley’ / /p
pa href=”http://www.inkilino.com”img src=”http://www.inkilino.com/favicon.gif” //a Gracias por suscribirte a a href=”http://www.inkilino.com” target=”blank” mi blog/a, espero tus comentarios y si quieres leer algo realmente interesante, lee esto:/pullih2a href=”http://www.inkilino.com/test-de-velocidad.html” rel=”bookmark” title=”Permanent Link: Test de velocidad”Test de velocidad/a/h2/lilih2a href=”http://www.inkilino.com/wordpress-209-y-211.html” rel=”bookmark” title=”Permanent Link: WordPress 2.0.9 y 2.1.1″Wordpress 2.0.9 y 2.1.1/a/h2/lilih2a href=”http://www.inkilino.com/wordpress-para-el-iphone.html” rel=”bookmark” title=”Permanent Link: WordPress para el iPhone”Wordpress para el iPhone/a/h2/lilih2a href=”http://www.inkilino.com/wordpress-213-rc2.html” rel=”bookmark” title=”Permanent Link: WordPress 2.1.3 RC2″Wordpress 2.1.3 RC2/a/h2/lilih2a href=”http://www.inkilino.com/todo-sobre-wordpress.html” rel=”bookmark” title=”Permanent Link: Todo sobre WordPress”Todo sobre WordPress/a/h2/lilih2a href=”http://www.inkilino.com/actualizate-a-wordpress-232-por-seguridad.html” rel=”bookmark” title=”Permanent Link: Actualizate a WordPress 2.3.2 por seguridad”Actualizate a WordPress 2.3.2 por seguridad/a/h2/lilih2a href=”http://www.inkilino.com/wordpress-mu-27.html” rel=”bookmark” title=”Permanent Link: WordPress MU 2.7″Wordpress MU 2.7/a/h2/lilih2a href=”http://www.inkilino.com/inkilino-bajo-wordpress-23.html” rel=”bookmark” title=”Permanent Link: InKiLiNo bajo WordPress 2.3″InKiLiNo bajo WordPress 2.3/a/h2/li/ul span a href=’http://meneame.net/submit.php?url=http%3A%2F%2Fwww.inkilino.com%2Fvelocidad-blog-wordpress.html’ target=’_blank’ rel=’nofollow’ title=’Meneame’ img src=’http://www.inkilino.com/wp-content/plugins/eams/i//meneame.gif’ alt=’Meneame’ class=’eams_hovers’ //a a href=’http://tec.fresqui.com/post?url=http%3A%2F%2Fwww.inkilino.com%2Fvelocidad-blog-wordpress.htmltitle=Reducir+tiempos+de+carga+en+Wordpress’ target=’_blank’ rel=’nofollow’ title=’Fresqui’img src=’http://www.inkilino.com/wp-content/plugins/eams/i//fresqui.png’ alt=’Enviar a’ class=’eams_hovers’ //a a href=’http://barrapunto.com/submit.pl?story=http%3A%2F%2Fwww.inkilino.com%2Fvelocidad-blog-wordpress.htmlt=Reducir+tiempos+de+carga+en+Wordpress’ target=’_blank’ rel=’nofollow’ title=’Barrapunto’img src=’http://www.inkilino.com/wp-content/plugins/eams/i//barrapunto.png’ alt=’Enviar a’ class=’eams_hovers’ //a a href=’http://digg.com/submit?url=http%3A%2F%2Fwww.inkilino.com%2Fvelocidad-blog-wordpress.htmltitle=Reducir+tiempos+de+carga+en+Wordpress’ target=’_blank’ rel=’nofollow’ title=’Digg’img src=’http://www.inkilino.com/wp-content/plugins/eams/i//digg.png’ alt=’Enviar a’ class=’eams_hovers’ //a a href=’http://delicious.com/post?url=http%3A%2F%2Fwww.inkilino.com%2Fvelocidad-blog-wordpress.htmltitle=Reducir+tiempos+de+carga+en+Wordpress’ target=’_blank’ rel=’nofollow’ title=’Delicious’img src=’http://www.inkilino.com/wp-content/plugins/eams/i//delicious.png’ alt=’Enviar a Delicious’ class=’eams_hovers’ //a a href=’http://www.mister-wong.es/addurl/?bm_url=http%3A%2F%2Fwww.inkilino.com%2Fvelocidad-blog-wordpress.htmltitle=Reducir+tiempos+de+carga+en+Wordpress’ target=’_blank’ rel=’nofollow’ title=’MisterWong’img src=’http://www.inkilino.com/wp-content/plugins/eams/i//misterwong.gif’ alt=’Enviar a’ class=’eams_hovers’ //a a href=’http://www.google.com/bookmarks/mark?op=editbkmk=http%3A%2F%2Fwww.inkilino.com%2Fvelocidad-blog-wordpress.htmltitle=Reducir+tiempos+de+carga+en+Wordpress’ target=’_blank’ rel=’nofollow’ title=’Google’img src=’http://www.inkilino.com/wp-content/plugins/eams/i//google.png’ alt=’Enviar a’ class=’eams_hovers’ //a a href=’http://myweb2.search.yahoo.com/myresults/bookmarklet?u=http%3A%2F%2Fwww.inkilino.com%2Fvelocidad-blog-wordpress.htmlt=Reducir+tiempos+de+carga+en+Wordpress’ target=’_blank’ rel=’nofollow’ title=’Yahoo’img src=’http://www.inkilino.com/wp-content/plugins/eams/i//yahoo.gif’ alt=’Enviar a’ class=’eams_hovers’ //a a href=’http://twitthis.com/twit?url=http%3A%2F%2Fwww.inkilino.com%2Fvelocidad-blog-wordpress.htmltitle=Reducir+tiempos+de+carga+en+Wordpress’ target=’_blank’ rel=’nofollow’ title=’Twitter’img src=’http://www.inkilino.com/wp-content/plugins/eams/i//twitter.png’ alt=’Enviar a’ class=’eams_hovers’ //a a href=’http://co.mments.com/track?url=http%3A%2F%2Fwww.inkilino.com%2Fvelocidad-blog-wordpress.htmltitle=Reducir+tiempos+de+carga+en+Wordpress’ target=’_blank’ rel=’nofollow’ title=’Co.mments’img src=’http://www.inkilino.com/wp-content/plugins/eams/i//co.mments.gif’ alt=’Enviar a’ class=’eams_hovers’ //a a href=’javascript:window.print();http%3A%2F%2Fwww.inkilino.com%2Fvelocidad-blog-wordpress.htmltitle=Reducir+tiempos+de+carga+en+Wordpress’ target=’_blank’ rel=’nofollow’ title=’Imprimir’img src=’http://www.inkilino.com/wp-content/plugins/eams/i//printer.png’ alt=’Enviar a’ class=’eams_hovers’ //a a href=’mailto:?subject=InKiLiNobody=http%3A%2F%2Fwww.inkilino.com%2Fvelocidad-blog-wordpress.htmltitle=Reducir+tiempos+de+carga+en+Wordpress’ target=’_blank’ rel=’nofollow’ title=’Enviar por mail’ img src=’http://www.inkilino.com/wp-content/plugins/eams/i//email.png’ alt=’Enviar a’ class=’eams_hovers’ //a /span