Aumentar velocidad de WordPress
Los principales pasos que he seguido para optimizar mi blog, són los siguientes, primero tenemos que comprobar lo que tarda en cagar nuestro blog en Pingdom, nos fijaremos en las dos ventanas de resultados que nos muestra.
Si prestamos atención a la primera ventana, descubriremos que tenemos que:
1.Buscar las lineas en rojo. 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.
2.Fijarnos en los archivos con el final de la barra azul. Suelen ser archivos muy grandes y tenemos que intentar reducir su peso, como normalmente son imágenes es muy fácil, hay muchos optimizadores de imágenes online, aunque si no nos gusta ninguno siempre podemos hacerlo nosotros con algún editor, o directamente usar este.
Ahora nos vamos a centrar en la segunda ventana, en la que nos dice el tiempo total de carga y la cantidad de llamadas a archivos de cada tipo que ha encontrado. Y mirando estos datos tendremos que:
1.Juntar todos los archivos CSS que tengamos por ahí sueltos en uno solo, el style.css de nuestro theme de WordPress (esto es muy fácil, sólo hay que copiar y pegar).
2.Juntar todos los scripts (archivos JS) en uno sólo. Para eso seguí uno de los magníficos post que tiene Andrés sobre el tema.
3.Usar CSS-Sprites. Podéis usar alguno de los que existen on-line, van bastante bien, 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.
Con todo esto ya reduciremos bastante la velocidad de carga de nuestro blog, pero todavía quedan muchas otras cosas que nos ayudarán a que nuestro blog sea el más rápido.
•Optimizar nuestro theme de Wordpress. Todas las consultas que tengamos dinámicas hay que ponerlas estáticas.Tendremos que reemplazar todas las lineas dinámicas del header.php y el footer.php principalmente, para hacer eso, nos dirigiremos a Ver código fuente en el navegador, y sólo tendremos que copiar las rutas estáticas de ahí.
Ejemplo, donde ponga:
pondremos:
•También podemos comprimir el CSS, hay muchas y diferentes formas para realizar esta compresión, eso ya es decisión vuestra optar por una u otra.
•Instalarnos el plugin de Wordpress, WP-super cache si no lo tienes, que he podido comprobar que va el doble de rápido que el WP-Cache.
•Y por supuesto tener un buen Hosting, que nos proporcione la velocidad de carga necesaria para nuestro blog.
Aparte de todo esto, supongo que ha estas alturas ya sabéis todos que Google se esta tomando cada vez la velocidad de carga más en serio y dentro de poco esta velocidad influirá en los resultados de búsqueda, por lo que este pequeño manual os va a ir muy bien para mejorar vuestro posicionamiento.
Y por último, podemos seguir optimizando nuestro blog para que cargue más rápido instalando 2 extensiones de Firefox que van de lujo para esto, Firebug y YSlow.
Si prestamos atención a la primera ventana, descubriremos que tenemos que:
1.Buscar las lineas en rojo. 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.
2.Fijarnos en los archivos con el final de la barra azul. Suelen ser archivos muy grandes y tenemos que intentar reducir su peso, como normalmente son imágenes es muy fácil, hay muchos optimizadores de imágenes online, aunque si no nos gusta ninguno siempre podemos hacerlo nosotros con algún editor, o directamente usar este.
Ahora nos vamos a centrar en la segunda ventana, en la que nos dice el tiempo total de carga y la cantidad de llamadas a archivos de cada tipo que ha encontrado. Y mirando estos datos tendremos que:
1.Juntar todos los archivos CSS que tengamos por ahí sueltos en uno solo, el style.css de nuestro theme de WordPress (esto es muy fácil, sólo hay que copiar y pegar).
2.Juntar todos los scripts (archivos JS) en uno sólo. Para eso seguí uno de los magníficos post que tiene Andrés sobre el tema.
3.Usar CSS-Sprites. Podéis usar alguno de los que existen on-line, van bastante bien, 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.
Con todo esto ya reduciremos bastante la velocidad de carga de nuestro blog, pero todavía quedan muchas otras cosas que nos ayudarán a que nuestro blog sea el más rápido.
•Optimizar nuestro theme de Wordpress. Todas las consultas que tengamos dinámicas hay que ponerlas estáticas.Tendremos que reemplazar todas las lineas dinámicas del header.php y el footer.php principalmente, para hacer eso, nos dirigiremos a Ver código fuente en el navegador, y sólo tendremos que copiar las rutas estáticas de ahí.
Ejemplo, donde ponga:
pondremos:
•También podemos comprimir el CSS, hay muchas y diferentes formas para realizar esta compresión, eso ya es decisión vuestra optar por una u otra.
•Instalarnos el plugin de Wordpress, WP-super cache si no lo tienes, que he podido comprobar que va el doble de rápido que el WP-Cache.
•Y por supuesto tener un buen Hosting, que nos proporcione la velocidad de carga necesaria para nuestro blog.
Aparte de todo esto, supongo que ha estas alturas ya sabéis todos que Google se esta tomando cada vez la velocidad de carga más en serio y dentro de poco esta velocidad influirá en los resultados de búsqueda, por lo que este pequeño manual os va a ir muy bien para mejorar vuestro posicionamiento.
Y por último, podemos seguir optimizando nuestro blog para que cargue más rápido instalando 2 extensiones de Firefox que van de lujo para esto, Firebug y YSlow.
bloque 336 x 280
Los principales pasos que he seguido para optimizar mi blog, són los siguientes, primero tenemos que comprobar lo que tarda en cagar nuestro blog en Pingdom, nos fijaremos en las dos ventanas de resultados que nos muestra.
Si prestamos atención a la primera ventana, descubriremos que tenemos que:
1.Buscar las lineas en rojo. 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.
2.Fijarnos en los archivos con el final de la barra azul. Suelen ser archivos muy grandes y tenemos que intentar reducir su peso, como normalmente son imágenes es muy fácil, hay muchos optimizadores de imágenes online, aunque si no nos gusta ninguno siempre podemos hacerlo nosotros con algún editor, o directamente usar este.
Ahora nos vamos a centrar en la segunda ventana, en la que nos dice el tiempo total de carga y la cantidad de llamadas a archivos de cada tipo que ha encontrado. Y mirando estos datos tendremos que:
1.Juntar todos los archivos CSS que tengamos por ahí sueltos en uno solo, el style.css de nuestro theme de WordPress (esto es muy fácil, sólo hay que copiar y pegar).
2.Juntar todos los scripts (archivos JS) en uno sólo. Para eso seguí uno de los magníficos post que tiene Andrés sobre el tema.
3.Usar CSS-Sprites. Podéis usar alguno de los que existen on-line, van bastante bien, 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.
Con todo esto ya reduciremos bastante la velocidad de carga de nuestro blog, pero todavía quedan muchas otras cosas que nos ayudarán a que nuestro blog sea el más rápido.
•Optimizar nuestro theme de Wordpress. Todas las consultas que tengamos dinámicas hay que ponerlas estáticas.Tendremos que reemplazar todas las lineas dinámicas del header.php y el footer.php principalmente, para hacer eso, nos dirigiremos a Ver código fuente en el navegador, y sólo tendremos que copiar las rutas estáticas de ahí.
Ejemplo, donde ponga:
pondremos:
•También podemos comprimir el CSS, hay muchas y diferentes formas para realizar esta compresión, eso ya es decisión vuestra optar por una u otra.
•Instalarnos el plugin de Wordpress, WP-super cache si no lo tienes, que he podido comprobar que va el doble de rápido que el WP-Cache.
•Y por supuesto tener un buen Hosting, que nos proporcione la velocidad de carga necesaria para nuestro blog.
Aparte de todo esto, supongo que ha estas alturas ya sabéis todos que Google se esta tomando cada vez la velocidad de carga más en serio y dentro de poco esta velocidad influirá en los resultados de búsqueda, por lo que este pequeño manual os va a ir muy bien para mejorar vuestro posicionamiento.
Y por último, podemos seguir optimizando nuestro blog para que cargue más rápido instalando 2 extensiones de Firefox que van de lujo para esto, Firebug y YSlow.
anuncio 2
Etiquetas:
Blogging
0 comentarios :