Advertisement
  1. Code
  2. Scaling

10 consejos rápidos: Optimizar y acelerar tu sitio de WordPress

by
Read Time:8 minsLanguages:

Spanish (Español) translation by Eva Collados Pascual (you can also view the original English article)

Recientemente hemos visto 11 consejos rápidos para proteger tu sitio de WordPress, que incluía algunos sencillos consejos, pero esenciales para la seguridad de tu blog de WordPress. Hoy, veremos cómo optimizar tu sitio para que se ejecute lo más rápido posible. Por lo tanto, sin más preámbulos, ¡aquí tienes 10 consejos rápidos para optimizar tu sitio de WordPress!

Desde la perspectiva de los desarrolladores de código, WordPress es bastante rápido en comparación con otras plataformas... pero aún podemos optimizar más los sitios de WordPress usando prácticas comunes de optimización web y usando algunos buenos plugins de WordPress.


Consejo de optimización 1: Servir contenido estático desde un dominio libre de cookies

Alrededor de un 80 o 90% del tiempo de respuesta del usuario final se dedica a descargar todos los componentes de la página: imágenes, hojas de estilo, scripts, Flash, etc. Por tanto, servir el contenido estático desde el dominio libre de cookies es una buena práctica para todos los sitios web, donde hasta un poco de tiempo extra ocasionado por la carga de algo puede significar finalmente largos tiempos de retraso. WordPress tiene una disposición para habilitar esta función.

Debes establecer las dos siguientes constantes en tu archivo wp-config.php.

Asegúrate de que has utilizado "bloginfo ('template_directory')" para cargar tu contenido estático en los archivos del tema.

Después de esto, por favor, asegúrate de que has utilizado la función "bloginfo('template_directory')" para cargar tu contenido estático en los archivos de tema.

Para obtener más información sobre cómo configurar el dominio libre de cookies para WordPress, consulta aquí.


Consejo de optimización 2: Establece una cabecera de expiración para el contenido estático

Establecer una fecha futura para la expiración de la cabecera le indicará a tu navegador web que almacene en caché y sirva esos contenidos almacenados en caché hasta dicha fecha de expiración. Puedes establecer la expiración de la cabecera mediante algunas ediciones sencillas en el archivo .htaccess. Recomiendo utilizar el código proporcionado por el Boilerplate HTML 5, Puedes revisar su código a continuación:


Consejo de optimización 3: Declara una constante para los valores más utilizados de la base de datos de WordPress (¡actualizado!)

Esto puede ser útil para el desarrollador del tema de manera que se reduzca el número de consultas a la base de datos. Como desarrollador de temas de WordPress, habitualmente necesitamos usar alguna función de WordPress que tenemos que usar con más frecuencia y más de una vez en una página.

Por ejemplo, para obtener la url de la página de inicio generalmente usamos get_option('home');. Esta función realmente realiza la consulta en la base de datos y obtiene el valor que queremos. Como sabemos, esto será igual en todos los casos y podríamos necesitar este valor en varios lugares.

Entonces, ¿qué hacer en esta situación?

Yo solía crear una nueva variable constante en wp-config.php tal y como se muestra a continuación:

Después de declarar esta constante, debes utilizar esta constante en lugar de la función get_option('home') o similares. De esta manera se reducirá el número de consultas en la página. También puedes definir constantes para el directorio de plantillas.

Nota de los editores: ¡Este consejo ha sido totalmente desacreditado por Stephen Cronin! Actualizaremos esto en uno o dos días con nueva información. Por el momento, lee el impresionante artículo de seguimiento de Stephen Cronin para obtener más notas sobre por qué este no es necesariamente el caso. ¡¡¡Gracias Stephen Cronin por señalar esto!!!


Consejo de optimización 4: Optimiza tu base de datos

Hay algunos plugins disponibles que pueden asumir la responsabilidad de optimizar y mantener la base de datos de WordPress. Voy a enumerar solo unos pocos a continuación, pero si buscas en el directorio de plugins de WordPress, podrás encontrar unos cuantos más:

Ten en cuenta que muchos de los "Plugins de optimización/almacenamiento en caché" más conocidos que ayudan con el almacenamiento en caché y otras cosas también hacen su propia optimización, por lo que si tienes un plugin de almacenamiento en caché, es posible que ya estes cubierto en este sentido. Los usuarios avanzados también pueden usar simplemente PHPMyAdmin para optimizar su base de datos de WordPress.


Consejo de optimización 5: El almacenamiento en caché es la clave del éxito

El almacenamiento en caché es el factor más importante para optimizar un sitio de alto tráfico. WordPress tiene varios buenos plugins disponibles que sirven para este propósito. Estos plugins generalmente crearán archivos .html para cada entrada y página, y servirá estos archivos html en lugar de hacer las consultas cada vez a la base de datos.

Tenemos algunos buenos plugins para almacenar en caché en WordPress.

Los plugins anteriores generan los archivos HTML para cada entrada y página y los sirven, pero tenemos un plugin que almacena en caché el resultado de la consulta a la base de datos.


Consejo de optimización 6: Utiliza una red CDN para sitios web de alto tráfico

El uso de una red CDN (red de entrega de contenido) es la mejor opción para un sitio de alto tráfico. CDN una red de distribución de contenido a través de servidores optimizados ubicados en todo el mundo. Estos servidores funcionan en combinación para servidor tu contenido a través de un cierto número de servidores.

La mayoría de los CDN que existen por ahí en la actualidad son de pago y pueden ser muy costosos. Solo tenemos una CDN gratuita :)


Consejo de optimización 7: Comprimir y combinar archivos JS y CSS

Comprimir el JS y CSS te proporcionará una excelente mejora en el tiempo de carga del sitio. Ya que comprimir los archivos JS y CSS disminuirá el tamaño general de la página. Otro buen punto a tener en cuenta es combinar archivos CSS y JS. La combinación de varios archivos en uno solo reducirá el número de solicitudes HTTP a tu servidor web.

Compresores JS:

Compresores CSS:

Alternativamente, puedes utilizar el plugin de WordPress wp minify para combinar varios archivos JS y CSS en un único archivo.


Consejo de optimización 8: Comprimir imágenes

Del mismo modo que la compresión de archivos CSS y JS, también es buena dea comprimir las imágenes de tu sitio WordPress. Tenemos un plugin que utiliza la API de smush.it y que proporciona las imágenes comprimidas para tu sitio de WordPress.

El uso de CSS Sprite también resulta beneficioso para reducir el número de solicitudes HTTP.


Consejo de optimización 9: Comprime tu contenido estático con gZip

Comprimir el contenido estático con compresión gZip cambiará drásticamente el tiempo de carga del sitio. También es una buena práctica para el desarrollo web en general. Una vez más, voy usar el Boilerplate HTML 5 para implementar este truco.

Solo tienes que colocar el siguiente código en tu archivo htaccess:


Consejo de optimización 10: Administrar eTags

Las eTags también se usan con fines de almacenamiento en caché, pero si has establecido una fecha de expiración de cabecera para el contenido estático, es bueno deshabilitar la funcionalidad eTags. Veamos cómo deshabilitar el eTag mediante el archivo .htaccess.

Debes colocar una línea en el archivo .htaccess para deshabilitar el eTag.

Para saber más sobre el eTag, puedes visitar este enlace.


Conclusión

Hay muchos más consejos y trucos para optimizar WordPress, no obstante he hecho todo lo posible para mostrarte los mejores consejos para que cualquiera que sencillamente desee iniciarse en aspectos relativos a la seguridad de WordPress obtenga los máximos beneficios. Asegúrate de echar un vistazo a nuestros otros artículos sobre el almacenamiento en caché y el escalado de WordPress para obtener más información. ¡Comparte a continuación tus opiniones sobre todo esto!

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.