Optimizar la velocidad de carga de WordPress (para tener contento a Google)

Josemaría | 20 de marzo de 2014 | 2 comentarios

icono de wordpress Desde hace ya algunos años, uno de los factores que Google valora a la hora de establecer el ranking de una web es la velocidad de carga de sus páginas. Este es el anuncio oficial que hicieron en el 2010 justificándo esta decisión y esta la página de información y recursos que proporcionan en la actualidad donde tenemos una herramienta que mide los tiempos de descarga de nuestra página y hace recomendaciones para mejorarlos

Existen multitud de buenos recursos en la web sobre este tema. A mi me gustaría destacar dos: las páginas de Exceptional Performance de Yahoo! (un clásico) y esta otra guía más reciente y mucho más centrada en satisfacer las exigencias de Google.

Yo, sinceramente, nunca me he preocupado mucho de estas cosas. Entendedme: me gusta que mis webs se carguen tan rápido como sea posible, pero no hasta el extremo de querer rebajar 100 milisegundos arañando tiempos de aquí y de allá. No obstante, hace unas semanas y más por “deporte” que por otra cosa me propuse jugar un poco con estas recomendaciones y pasé de una valoración de setenta y pocos puntos al 98/100 que veis bajo estas líneas. Os cuento como lo hice y os doy algunas recomendaciones por si os apetece jugar a lo mismo ;-)

Resultados obtenidos con Google Page Speed Insights

Lo primero que tienes que hacer es conocer bien como carga tu wordpress, ver como se distribuyen los tiempos y cuales son los principales cuellos de botella. En los enlaces anteriores ya hay referencias a algunas herramientas útiles para esto. Si queréis más, podéis probar con las siguientes:

Estas herramientas nos servirán, además, para verificar que lo estamos haciendo bien y que los cambios que hacemos no son contraproducentes.

El primer punto a vigilar es el tema y los plugins que usas en tu wordpress. Un tema limpio, sin errores y que no esté sobrecargado de estilos, imágenes y javascript mejora notablemente la velocidad de carga. Haz la prueba, si no, cambiando del tuyo a alguno de los más simples que WordPress trae por defecto. Idem con los plugins. Hay algunos que son verdaderos parásitos. Desactívalos todos, comprueba los tiempos que obtienes y, luego, ve activándolos uno a uno probando de nuevo para ver cuales son los más problemáticos. Valora si puedes vivir sin estos o busca sustituirlos por otros equivalentes pero más eficientes.

Piensa, además, que el contenido que incluyas también cuenta. Todos los objetos que incrustes (Youtube, Vimeo, etc.) van a ser valorados en la carga de tu página. En estos momentos, por ejemplo, la valoración que hace Google de mi portada baja del 98 que veis arriba a un 92 por culpa del objeto de Scribd que he incrustado un par de posts más abajo. Las imágenes también cuentan bastante. Usar miniaturas (thumbnails) que requieran de un click para verlas en alta calidad es una buena práctica. Si, como a mi, no te agrada, puedes usar alguna herramienta para optimizarlas antes de subirlas a tu servidor web. Mis favoritas son optipng y jpegoptim. Si, si, para Linux y en línea de comando. Si buscas otra cosa no se que haces por estas páginas ;-) Usa la opción --strip-all con jpegoptim.

Vamos ahora a cargar nuestro blog con una de las herramientas que hemos visto antes y a observar lo que ocurre. Por ejemplo usando Web Page Test:

Resultados obtenidos con Web Page Test

Como puedes ver, uno de los grandes devoradores de tiempo en las páginas de wordpress (y en general con todas las que usan PHP) es el llamado Time to First Byte o TTFB. Se trata del tiempo que transcurre entre que el servidor web recibe la petición de un cliente y el navegador de este recibe el primer byte y, básicamente, se consume sobre todo en procesar el código PHP. La mejor forma de reducirlo al máximo es usar alguna de las muchas cachés para wordpress que convierten tus páginas PHP a contenido estático. Yo uso W3TC habilitando sólo las opciones de caché de páginas y de objetos (para el resto de optimizaciones uso otros plugins) y sólo con esto podrás comprobar que los resultados mejoran sorprendentemente.

Resultados obtenidos con Web Page Test

Utilizar una caché para las consultas a la base de datos también ayuda un poco. W3TC incluye también esta característica, pero yo prefiero usar otro: DB Cache Reloaded Fix.

Incluye cabeceras de expiración para informar a los navegadores de por cuanto tiempo pueden cachear los contenidos estáticos de tu página (imágenes, css, etc.). Para ello lo primero que tienes que hacer es asegurarte que tu apache tiene activado el modulo mod_expires. Luego, en el fichero de definición del Virtual Host o, en su defecto, en el fichero .htaccess tienes que escribir las directivas correspondientes que pueden ser generales o específicas por tipo de archivo. En el anterior enlace a las páginas de apache tienes instrucciones de como hacerlo. Te copio aquí las mías:

ExpiresActive On
ExpiresByType image/gif "access plus 6 months"
ExpiresByType image/jpg "access plus 6 months"
ExpiresByType image/jpeg "access plus 6 months"
ExpiresByType image/png "access plus 6 months"
ExpiresByType image/x-icon "access plus 6 months"
ExpiresByType image/ico "access plus 6 months"
ExpiresByType application/javascript "now plus 1 month"
ExpiresByType application/x-javascript "now plus 1 month"
ExpiresByType text/javascript "now plus 1 month"
ExpiresByType text/css "now plus 1 month"
ExpiresDefault "access plus 1 month"

Optimiza y minimiza el tamaño de los archivos HTML, CSS y Javascript. De nuevo, si lo prefieres puedes activar estas características en el plugin de W3TC pero yo uso otro para esto: Autoptimize. El “truco” consiste en eliminar de estos ficheros cualquier espacio, salto de línea o comentario superfluo y combinarlos en un único archivo, de tal forma que reducimos el número de “requests” al servidor y el tamaño de las mismas.

Estos son los factores más generales a tener en cuenta, pero existen muchos otros particulares de cada caso que tendrás que estudiar usando las herramientas que te recomiendo por aquí y observando cuales son los cuellos de botella de tu instalación particular. Suerte con ello ;-)

Compártelo:
    emailPDFPrintBitacoras.comIdenti.caTwitterdel.icio.usDiigoFacebookMeneameBarraPuntoNetvibes
Categorías: google, wordpress
Etiquetas: , ,

Google Instant Preview

Josemaría | 10 de noviembre de 2010 | 2 comentarios

Google PreviewGoogle Definitivamente Google está perdiendo el norte. Su última “novedad” es ofrecer, junto con los resultados de las búsquedas, pequeñas imágenes de los resultados. Google Instant Preview, lo llaman, y puedes verlo a mayor resolución pulsando sobre la imagen de la derecha o probarlo directamente desde aquí. Hace 15 años, cuando la velocidad de acceso era otra y los navegadores menos funcionales, tal vez habría tenido sentido contar con pequeñas imágenes cacheadas de los resultados, pero “gastar” un click en ver una imagen desactualizada y a bajísima resolución en lugar de visitar la web directamente, pudiendo hacerlo en una pestaña diferente y sin perder los resultados de la búsqueda, me parece una funcionalidad absolutamente prescindible.

Compártelo:
    emailPDFPrintBitacoras.comIdenti.caTwitterdel.icio.usDiigoFacebookMeneameBarraPuntoNetvibes

Google Chrome OS. Instalación y primeras impresiones

Josemaría | 23 de noviembre de 2009 | 1 comentario

google El sistema operativo de Google se presentó la semana pasada y, como era de esperar, casi todo el mundo quiere echarle un vistazo por si mismo, así que antes de dejaros mis impresiones os pongo unas notas acerca de la forma más sencilla de instalación y arranque.

Los fuentes y las instrucciones para que lo compiles por ti mismo son bastante asequibles, pero la forma más fácil de probarlo es descargar una de las múltiples imágenes que ya circulan por ahí. El enlace al torrent que yo he usado finalmente es este. Se trata de una imagen creada en VMware pero que es perfectamente utilizable, como he hecho yo, desde VirtualBox. Yo estoy usando la beta de la versión 3.1 de este gestor de máquinas virtuales, pero me consta que también funciona con las versiones 3.0. El único problema se presenta en el arranque de la máquina: necesita reconocer la conexión de red y hacer login mediante una cuenta de google/gmail y esto no siempre funciona. El procedimiento que a mi me ha resultado para entrar ha sido este:

Por cierto: recuerda a la hora de introducir contraseñas que la configuración del teclado que espera encontrarse es americana, así que nada de “simbolejos” raros o, en todo caso, aprende a ubicarlos.

Google Chrome OS. Pantallazo

¿Mi impresión? Muy negativa, la verdad. No por el sistema en si, sino por el concepto. Chrome OS es un Linux “capado” que sólo cuenta con un navegador y que no sirve casi ni para jugar al buscaminas sin una conexión permanente a Internet. Bueno, vale, algo se podrá hacer sin conexión a través de Gears, pero estoy convencido de que los que realmente estarán frotándose las manos para que este proyecto salga adelante con éxito son los operadores de telefonía móvil. Y es que a mi toda esta historia de la nube me parece muy bien, pero siempre como complemento y no lo concibo como sistema único, la verdad. Las tarifas móviles de conexión siguen siendo abusivas y aún hay muchos rincones y situaciones donde te apetece llevarte el portátil para trabajar un poco y la conexión a Internet es pobre o inexistente. Además, GoogleDocs está bien, si, pero yo prefiero OpenOffice. No hay ninguna herramienta web que sustituya a Gimp o a Scribus. Prefiero trabajar con el interfaz de Thunderbird antes que con el de Gmail, quiero poder seguir usando Filezilla antes que ningún cliente web para hacer una transferencia por ftp y a veces me resulta del todo imprescindible abrir un terminal para hacer una conexión por ssh. Crome Os no es para mi, desde luego, pero hoy y en este país me resulta difícil pensar en un público objetivo para él.

Compártelo:
    emailPDFPrintBitacoras.comIdenti.caTwitterdel.icio.usDiigoFacebookMeneameBarraPuntoNetvibes

Herramientas de promoción en Google

Josemaría | 7 de mayo de 2009 | 2 comentarios

Herramientas de promoción en GoogleGoogle ¿Llevan ahí más tiempo y no me he enterado de ello? La cosa es que hasta esta mañana no me había percatado de que Google incluye ahora, a la derecha de cada uno de los resultados de sus búsquedas, un par de botones para promocionar los resultados de las mismas. Esto, añadido a la opción de dejar comentarios públicos que introdujo hace unos meses lo convierte, cada vez más, en un competidor de herramientas genuinas de promoción como meneame, bitácoras o digg. ¿Mejorará los resultados de las búsquedas o se convertirá en un nuevo instrumento de manipulación en mano de pérfidos SEO’s?

Compártelo:
    emailPDFPrintBitacoras.comIdenti.caTwitterdel.icio.usDiigoFacebookMeneameBarraPuntoNetvibes

Google Apps Status Dashboard

Josemaría | 26 de febrero de 2009 | 3 comentarios

google Google responde a las críticas sobre la falta de información durante la caída, de cerca de 4 horas de duración, de Gmail del pasado martes con Google Apps Status Dashboard, un panel informativo del estado de sus servicios y de las incidencias que afectan a los mismos. Se les pueden criticar muchas cosas a estos chicos (yo ya sabeis que lo hago a menudo), pero lo que es justo es justo y cintura no les falta.

Compártelo:
    emailPDFPrintBitacoras.comIdenti.caTwitterdel.icio.usDiigoFacebookMeneameBarraPuntoNetvibes
Categorías: google, herramientas, miniposts, novedades
Etiquetas:

De chiste…

Josemaría | 19 de enero de 2009 | Comentar

Humor Allá por los años 90 del siglo pasado, al Puente del Quinto Centenario de Sevilla se le comenzó a llamar “Paquito” por aquello de que era como el de San Francisco pero en pequeñito. Google Maps, no se si por error o por que el encargado de la cartografía en Sevilla tiene mucha guasa, recoge en sus mapas este hecho:


Ver mapa más grande

Visto hace tiempo y ya casi olvidado en apacir.

Compártelo:
    emailPDFPrintBitacoras.comIdenti.caTwitterdel.icio.usDiigoFacebookMeneameBarraPuntoNetvibes
Categorías: google, humor
Etiquetas: , ,

Google sigue siendo “lo más”

Josemaría | 2 de diciembre de 2008 | 2 comentarios

Google Tengo mis más y mis menos con los productos de Google, eso ya lo sabeís todos. Ahora bien, hay que reconocerles que nadie entiende el negocio de Internet como ellos. Mi última sorpresa ha sido leer que en el documento desde donde animan a la comunidad a desarrollar extensiones para Chrome, su navegador, uno de los ejemplos que enumeran como extensiones que desean para el mismo es el de filtros de contenido. Y, dentro de esta categoría, mencionan expresamente a Adblock, una extensión para Firefox que elimina la publicidad de Adsense de las páginas web. Lo dicho: me descubro.

Compártelo:
    emailPDFPrintBitacoras.comIdenti.caTwitterdel.icio.usDiigoFacebookMeneameBarraPuntoNetvibes
Categorías: google, miniposts, navegadores
Etiquetas:

WordPress 2.6 Gears

Josemaría | 1 de agosto de 2008 | Comentar

wordpress Una de las novedades de wordpress 2.6 que ha pasado más desapercibida es la integración con Google Gears, un proyecto open source dirigido por Google que pretende mejorar el uso del navegador como plataforma de ejecución de aplicaciones y que está disponible para Microsoft Explorer y Mozilla Firefox sobre Linux, Mac OSX y Windows (para versiones concretas ver los requisitos aquí).

Matt Mullenweg hace el anuncio en el blog oficial de wordpress e indica como habilitar su uso. Sólo hay que pulsar el indicador de Turbo que aparece en la parte superior derecha del tablero de administración de tu wordpress (a partir de la versión 2.6) y elegir la solapa de Install Now en la ventana resultante. Esto nos lleva a la página de Google que nos permitirá, o bien instalar el plugin directamente desde la web, o bajarnos un ejecutable para hacerlo localmente (dependiendo de la plataforma desde la que hagamos el proceso). Una vez instalado Gears se nos pedirá reiniciar el navegador y deberemos, de nuevo, volver a entrar en nuestro wordpress y pulsar el indicador de Turbo. Ahora la solapa de Install Now ha sido sustituida por Enable Gears. Pulsamos en ella y, tras aceptar la autorización, se nos descargaran a nuestro equipo los ficheros que a partir de ahora ya no tendrás que volver a ejecutar desde Internet sino localmente.

google gears Una vez que has instalado Gears en tu navegador, tendrás disponible la posibilidad de deshabilitar el uso del mismo en cualquier sitio previamente autorizado. En Firefox la ventana desde la que se hace esto está, como suele ser habitual con las opciones de configuración de todos los complementos, en el menú de Herramientas.

Y, ya que tienes el plugin de Gears instalado, no olvides que Google Reader, Google Documents y otras aplicaciones también pueden beneficiárse de su uso. En Google Readers y Google Documents se habilita pulsando el botón de Offline que aparece en la parte superior izquierda de cada uno de ellos.

Compártelo:
    emailPDFPrintBitacoras.comIdenti.caTwitterdel.icio.usDiigoFacebookMeneameBarraPuntoNetvibes
Categorías: google, novedades, wordpress
Etiquetas: ,

Problemas (de nuevo) con Google

Josemaría | 30 de abril de 2008 | Comentar

icono de Google El tráfico que proviene de Google supone entre el 50% y el 75% que reciben mis páginas y cuando hay algún problema con el buscador se nota. Vaya que se nota… La última vez fue en agosto del año pasado y por una manipulación bastante burda (y posiblemente malintencionada para “ahorrar” ancho de banda) del servicio técnico de Dreamhost.

icono de Google En esta ocasión la culpa ha sido sólo mía: al actualizar a la versión 2.5 de wordpress olvidé asignar correctamente los permisos necesarios para que se generara el archivo sitemap.xml y, al parecer, a Google no le ha gustado nada de nada… Inesperadamente y, una vez corregido el problema, Google me ha devuelto tras su baile de este mes el pagerank 5 que tenía antes de introducir penalizaciones por publicar enlaces patrocinados. No me hago ilusiones de que sea algo permanente porque Error500 sigue “castigado” con un Pagerank 3, pero al menos lo disfrutaré durante este mes :-)

Cómo en otras ocasiones, la mejor forma de ver que está pasando cuando Google comienza a, digamos, no tratarte tan bien es echar mano de las Google Webmaster Tools, un conjunto de utilidades que te permiten analizar que información tiene Google de tus páginas, si ha encontrado algún problema en su exploración, etc. En algunos casos también te permite manipular esta información (eliminar una página de sus índices, por ejemplo). Una de las novedades que he visto y que más me ha agradado es que permite integrar este conjunto de herramientas en una solapa de su iGoogle (las páginas de inicio personalizables de la casa). Las Google Webmaster Tools integradas en iGoogle

Con lo enfadado que estoy con Netvibes con la desastrosa migración que están realizando y si no fuese porque me he propuesto prescindir todo lo que pueda de los servicios de Google, este sería otro motivo para mudarme con ellos…

Compártelo:
    emailPDFPrintBitacoras.comIdenti.caTwitterdel.icio.usDiigoFacebookMeneameBarraPuntoNetvibes
Categorías: estadísticas, google, herramientas
Etiquetas:

¡Aguanta Yahoo!

Josemaría | 4 de febrero de 2008 | 1 comentario

YahooMicrosoft ha fracasado a la hora de posicionarse en Internet. Ha llegado tarde y mal y le ha faltado frescura y capacidad de innovación. Pero no creo que la compra de Yahoo! pueda ayudarle a estas alturas a solucionar su problema. Yahoo! está un poco mejor colocado en este entorno pero aún a años luz del todopoderoso Google. Ni siquiera ha sido capaz de lanzar su plataforma de publicidad fuera de los EE.UU. y tampoco destaca por ser demasiado original en sus planteamientos. Si obviamos Pipes, sus otras grandes bazas (del.icio.us y flickr) han sido comprados prácticamente tal cual están (no, no me olvido de Answers: siempre me ha parecido apenas un foro remozado). Pero lo que más me desagrada de esta operación es que rompe con esa pequeña esperanza de que en algún momento dieran un golpe de timón y plantearan una verdadera alternativa ante el monopolio de Google. Porque no hay más opciones: esperar que aparezca alguien nuevo a librar esa batalla es ridículo.

El panorama resultante se me antoja desalentador: un monopolio en el software de sobremesa y otro en el de los servicios en Internet, y ambos con intereses contrapuestos. Una alianza entre Yahoo! y Google nos llevaría al mismo sitio sólo que un poco más rápido. Miedo me da.

ACTUALIZACIÓN: Parece que por el momento no hay de que preocuparse

Compártelo:
    emailPDFPrintBitacoras.comIdenti.caTwitterdel.icio.usDiigoFacebookMeneameBarraPuntoNetvibes
Categorías: google, microsoft, yahoo!
Etiquetas: , ,