Wordpress: consejos para optimizar los tiempos de carga de tu blog

Una herramienta muy útil para ver cuánto tiempo necesita tu sitio para cargar es la Inspección de Recursos de Google Chrome. Al abrir tu sitio en Chrome puedes hacer clic y elegir la opción “Inspeccionar elemento”.

Esto abrirá la ventana de información y puedes elegir la pestaña “Recursos” para ver cuánto tiempo tarda en cargar tu sitio y mucho más. Ahora vas a tener una visión exacta de todas las cosas que se están cargando en tu sitio - no te sorprendas, será mucho más de lo que pensabas.

Por supuesto, los tiempos de carga pueden variar mucho durante los períodos de alto tráfico y bajas, compruébalos en ambos momentos y obtendrás una idea de cuánto tiempo lleva la carga de tu blog en promedio.

Estas son las razones principales por las que un blog puede ser lento:

El documento HTML es demasiado grande

Si el documento tarda mucho en cargar, puede haber varias razones. Dos de las más importantes, que puedes comprobar son:

1. Cantidad de contenido: Si la página que se está inspeccionando tiene mucho contenido este tendrá evidentemente un alto tiempo de carga. Especialmente el índice de los blogs puede ser muy pesado a veces. Comprueba, cuántas previsualizaciones de artículos estás mostrando, asegúrate de que no sean demasiadas.

2. Tu servidor: Si tienes un plan de hosting compartido, también podría ser el caso de que estés  compartiendo el servidor con un montón de gente y, en tiempo de alto tráfico se observa que tu blog tarda más en cargar. Pregunta a tu compañía de alojamiento cuántas personas están en el mismo servidor y si está lleno, puede que quieras considerar cambiar a un servidor dedicado.

CSS sin comprimir

Seguramente te sorprenderá la cantidad de archivos CSS que se cargan. Porque no sólo se incluye tu archivo principal sino también todos los archivos de estilo asociados con tus plugins. Así que fíjate qué se carga y comprime todos los archivos CSS que se utilizan. No te olvides de realizar un backup de la versión no comprimida para después poder editarlo.

JavaScript innecesario y sin comprimir

Dependiendo de la cantidad de plugins de tu página y otros snippets que posees, te sorprenderá también la cantidad de scripts que se cargan (ej. Google Adsense, AddThis, BuyAndSellAds, Blog Directories, etc.).

Remueve todas las inclusiones innecesarias de los scripts.

Si encuentras archivos Javascript que poseen un buen formato, puedes ahorrar algo de espacio comprimiéndolos.

Imágenes no existentes

Muchas veces removemos imágenes a las que hacemos referencia en el CSS, pero el navegador tratará de cargar estas imágenes aumentando el tiempo de carga del sitio. Así que, fíjense si no tienen imágenes “muertas” en la página y remuevan el código necesario para mejorar la velocidad de carga del sitio.

Luego de cada compresión, remoción o arreglo que hagan, comprueben nuevamente en Chrome cuánto tiempo tarda en cargar la página.

¿Cuánto tardaba en cargar tu sitio antes de poner en práctica estos tips? ¿Y ahora?

Fuente: Codrops