13 consejos sobre cómo acelerar el sitio de WordPress (amigable para principiantes)

Publicado: 2014-11-11

El tiempo de carga del sitio web es crucial. Su prioridad número uno con WordPress debería ser acelerar el sitio de WordPress . Cuando un visitante llega a su sitio web por primera vez, solo tiene un par de segundos para concentrarse y animarlo a que dedique tiempo a navegar por su sitio.

Muchos estudios de investigación han confirmado que tiene muy poco tiempo para cargar su sitio web antes de que los visitantes hagan clic, especialmente si han llegado a su sitio desde otro enlace.

Las causas de la velocidad lenta del sitio son varias . Tema mal codificado, demasiados complementos, imágenes mal optimizadas, numerosos widgets, etc. Podría ser cualquier cosa. Un sitio web de carga lenta puede dañar el negocio al rechazar a los visitantes que esperan tiempos de carga rápidos y una experiencia en línea fluida. Un punto débil con el que se ocupa WordPress es su tiempo de carga normalmente muy lento.

Sin tomar las mejores medidas, podría terminar con un sitio web de movimiento lento que ciertamente no solo será un inconveniente para los visitantes habituales del sitio, sino que le hará perder suscriptores y también clientes como resultado de la naturaleza impaciente de las personas .

Si su página es lenta, puede perder visitantes incluso antes de tener la oportunidad de convertirlos en clientes. Google incluso ha incluido la velocidad del sitio web en su fórmula de clasificación.

Eso indica que la velocidad de su sitio afecta al SEO. Si su sitio es lento, no está simplemente perdiendo visitantes; también los está perdiendo al tener posiciones más bajas en los motores de búsqueda.

Así que aceleremos el blog de WordPress en el que ha estado trabajando durante tanto tiempo. Recomiendo probar la velocidad de la página antes y después de estos consejos para ver si se realizaron cambios significativos en el tiempo de carga. Puede utilizar GTmetrix, Pingdom o Google PageSpeed ​​Insights.

Tabla de contenido

Consejos para acelerar el sitio web de WordPress

Estos son algunos consejos que puede aplicar para mejorar la velocidad de su sitio:

# 1 Conserve solo los complementos que necesita

Con muchos complementos que prometen hacer cosas increíbles para su sitio web, es fácil ponerse al día y contagiarse de la fiebre de los complementos. Pronto, tendrá complementos que controlan todas las funciones y características de su sitio.

Eso no esta bien. Más complementos, más problemas. Cuantos más complementos tenga, más trabajo tendrá que hacer su sitio web mientras se carga. Además, no todos los complementos están codificados correctamente. Algunos pueden estar desactualizados.

Conserve solo los que necesita. Deshágase de los múltiples complementos que realizan las mismas funciones, los complementos que ya no usa y los que se crearon hace más de dos años y nunca se actualizaron.

# 2 Elija cuidadosamente el proveedor de alojamiento

Al comenzar, un host compartido podría parecer un trato (uso ilimitado de espacio en disco, ancho de banda ilimitado). Pero tiene otro precio: velocidad increíblemente lenta del sitio, así como tiempo de inactividad constante a lo largo de duraciones de alto tráfico.

Se está matando al ejecutar su sitio web de WordPress en alojamiento compartido si planea hacer negocios serios. No seas una víctima; comprar el alojamiento adecuado. Puede consultar los mejores proveedores de alojamiento de WordPress baratos en mi publicación, donde los he comparado en función de las características que brindan.

# 3 Demasiados widgets en la página de inicio

En la mayoría de los casos, la página de inicio es la primera página que ven los visitantes. Es posible que lo haya diseñado para mostrar todo lo que tiene. Barra lateral aquí y allá, solo un widget más, lo prometo . Todo para impresionar a los visitantes.

Pero cuantos más widgets y contenido tenga en la página principal, más tiempo tardará en cargar su sitio. Tenga en cuenta que un diseño limpio es igual de impresionante. No se quede compartiendo widgets en todas partes de su página de inicio.

Guárdelos para el final de las publicaciones de su blog, donde tendrán el mayor impacto. También puede acelerar los tiempos de carga utilizando las opciones de WordPress para mostrar extractos en lugar de publicaciones completas y limitar el número de publicaciones por página a 12.

# 4 Buen tema de WordPress

Un tema de WordPress bien codificado y optimizado es esencial. Son como cimientos de tu casa. No habría nada sin él. Es cierto que no puede saber exactamente si un tema está bien codificado hasta que lo instala y lo activa. Vea lo que otros dicen y lea reseñas para averiguarlo.

Si no está seguro de optar por un tema de WordPress de pago o gratuito, tal vez la guía de publicación del tema de WordPress gratuito o de pago le ayude.

# 5 Optimización de imagen

Cuanto mayor sea el tamaño y la calidad de una imagen, más tardará en cargarse. Cuantas más imágenes tenga, más lento será el sitio. Hay soluciones para esto, así que no tema utilizar imágenes en su sitio.

Antes de subir imágenes a mis sitios, siempre las cambio de tamaño en Photoshop y al guardar la opción de selección "Guardar para WEB". Eso mantiene la calidad de la imagen pero la optimiza para su uso en el sitio web.

Después de cargar, ejecuto las imágenes a través del complemento de optimización de imágenes. He utilizado el complemento Optimizador de imágenes y PDF, pero ahora prefiero ShortPixel.

También puede tener instalado el complemento Lazy Load. Es un proceso que carga solo las imágenes que aparecen "arriba de la página" o en la parte del sitio que está viendo un visitante.

Puede hacer esto automáticamente con el complemento jQuery Image Lazy Load (este complemento ya no está actualizado ni es compatible. Sugiero encontrar un complemento alternativo).

# 6 Use el complemento de almacenamiento en caché

Los complementos de WordPress son bastante útiles. Los complementos de almacenamiento en caché mejoran drásticamente el tiempo de carga de la página y, lo mejor de todo, todos ellos en WP.org son gratuitos y fáciles de usar. Puede probar W3 Total Cache, WP Rocket o Super Cache. Esos son los más populares y deberían acelerar el sitio de WordPress.

Algunas funciones y configuraciones pueden ser abrumadoras y es posible que se pierda. Así que tenga cuidado con lo que habilitará. También hay muchos tutoriales disponibles para la mejor configuración del complemento de almacenamiento en caché, así que échales un vistazo también.

Para obtener más información, puede consultar la comparación WP Rocket vs WP Super Cache vs W3 Total Cache vs Hyper Cache.

# 7 Utilice la red de distribución de contenido

Todos los sitios grandes usan CDN. La red de entrega de contenido o CDN toma todos los archivos estáticos que tiene en su sitio (CSS, JavaScript e imágenes, etc.) y permite que los visitantes los descarguen lo más rápido posible sirviendo los archivos en servidores lo más cerca posible de ellos.

Si su sitio aún es pequeño, probablemente no necesite opciones pagas de una red de entrega de contenido como Max CDN para acelerar un sitio web de WordPress. En su lugar, para empezar, utilice el plan gratuito CloudFlare.

# 8 Optimizar la base de datos de WordPress

Esto se puede hacer de forma manual muy tediosa, extremadamente aburrida, o… Sí, con otro complemento. Simplemente puede usar el complemento WP-Optimize, que utilizo en todos los sitios que administro.

Aunque no se actualizó durante 1 año, sigue funcionando sin problemas ni conflictos con otros complementos. Puede probar WP-Sweep como alternativa.

Este complemento le permite hacer una simple tarea: optimizar la base de datos (spam, revisiones de publicaciones, borradores, tablas, etc.) para reducir su sobrecarga.

# 9 Deshabilitar hotlinking

Hotlinking es una forma de "robo" de ancho de banda. Ocurre cuando otros sitios enlazan directamente a las imágenes de su sitio desde sus artículos, lo que hace que su servidor se cargue cada vez más. Esto puede sumarse rápidamente si muchas personas "raspan" las publicaciones de su sitio a medida que se vuelve más popular.

Coloque este código en su archivo raíz .htaccess:

deshabilitar el enlace directo de imágenes con la opción de imagen personalizada o prohibida
RewriteEngine encendido
RewriteCond% {HTTP_REFERER}! ^ $
RewriteCond% {HTTP_REFERER}! ^ Http (s)?: // (www \.)? Sparringmind.com [NC]
RewriteCond% {HTTP_REFERER}! ^ Http (s)?: // (www \.)? Google.com [NC]
RewriteCond% {HTTP_REFERER}! ^ Http (s)?: // (www \.)? Feeds2.feedburner.com/su nombre de feedburner [NC]
RewriteRule \. (Jpg | jpeg | png | gif) $ - [NC, F, L]

Deberá poner el nombre de su feed en "su nombre de Feedburner", de lo contrario sus imágenes no aparecerán correctamente allí.

# 10. Agregar encabezado expira a recursos estáticos

Un encabezado Expires es una forma de especificar un tiempo lo suficientemente lejano en el futuro para que los clientes (navegadores) no tengan que volver a buscar ningún contenido estático (como un archivo css, javascript, imágenes, etc.). De esta manera, puede reducir significativamente el tiempo de carga para sus usuarios habituales.

Necesita copiar y pegar el siguiente código en su archivo raíz .htaccess :

Caduca Activo en
ExpiresByType imagen / gif A2592000
ExpiresByType image / png A2592000
ExpiresByType imagen / jpg A2592000
ExpiresByType imagen / jpeg A2592000

Los números anteriores están configurados para un mes (en segundos). Cámbielos como desee.

# 11 Habilite la compresión HTML

La compresión HTML ayuda a disminuir el tamaño de cada archivo en el sitio web. Reduce el tamaño del archivo acortando las URL de forma segura, eliminando todos los comentarios estándar y los espacios en blanco desordenados de un archivo de documento HTML.

Por lo general, en WordPress, cada publicación está formateada en un documento HTML, por lo que, obviamente, si habilitamos la compresión HTML, tendremos la mejor oportunidad de ahorrar ancho de banda y garantizar la entrega de contenido casi inmediata a nuestros lectores mientras mejoramos la clasificación de Google.

Si tiene algún complemento de almacenamiento en caché activado, debería tener la opción de habilitar la compresión HTML.

# 12 Habilite la compresión HTTP

Es muy similar a la compresión HTML, pero la compresión HTTP apunta a todos los archivos, incluidos JavaScripts, CSS, HTML, XML, Plain, Favicon, etc. Es el método más popular para cargar sitios web más rápido mediante Gzip del resto del contenido en los sitios de WordPress.

Reduce más del 60% al 80% del tamaño de la página. Para habilitar la compresión HTTP, use la siguiente línea de códigos en su archivo .htaccess :

 # compress text, html, javascript, css, xml: AddOutputFilterByType DEFLATE text/plain AddOutputFilterByType DEFLATE text/html AddOutputFilterByType DEFLATE text/xml AddOutputFilterByType DEFLATE text/css AddOutputFilterByType DEFLATE application/xml AddOutputFilterByType DEFLATE application/xhtml+xml AddOutputFilterByType DEFLATE application/rss+xml AddOutputFilterByType DEFLATE application/javascript AddOutputFilterByType DEFLATE application/x-javascript AddType x-font/otf .otf AddType x-font/ttf .ttf AddType x-font/eot .eot AddType x-font/woff .woff AddType image/x-icon .ico

# 13 Minifica CSS y JS

Los archivos JavaScript y CSS suelen contener espacios y comentarios no utilizados. Para eliminar esos espacios y comentarios no utilizados, es bueno habilitar minificar en lugar de editar cada archivo a la vez. Si tiene el complemento de almacenamiento en caché activado o CDN (Cloudflare), debería haber una opción para habilitar CSS y js minify.

Acelere el resumen de WordPress

Espero que estos consejos te ayuden a acelerar el sitio de WordPress. Me gustaría señalar que, si bien la velocidad es extremadamente importante, no lo es todo. Siempre tenga en cuenta cuál es el objetivo de su sitio web.

Las técnicas que mencioné van desde mejoras básicas a intermedias que puede implementar para optimizar su sitio de WordPress.

Esta combinación de herramientas y complementos debería ayudar a crear un sitio más rápido sin gastar dinero. Otra cosa que debe saber es que demasiados complementos no necesariamente ralentizan su sitio siempre que sean complementos de calidad.

Ahora te toca a ti. ¿Qué me he perdido? Si tiene sus consejos, hágamelo saber en los comentarios a continuación.