6 pasos para acelerar el sitio web de WordPress
Todo el mundo sabe que la velocidad del sitio juega un papel importante en términos del éxito del sitio web. Cuanto más rápido se cargue su sitio, más usuarios interactúan con su contenido. En este artículo, le mostramos 6 pasos para acelerar el sitio web de WordPress.
El tiempo estándar que debe cargar su sitio es menos de 2 segundos. Si su sitio tarda más de 2 segundos en cargarse, está haciendo algo mal.
Hay varias herramientas en línea disponibles para verificar la velocidad de su sitio web, como pingdom, etc. Pero le recomendaría que revise su sitio web en Google Page Insights. Desde mi experiencia, esta herramienta da un mejor resultado. Google Page Insights le muestra las distracciones que hacen que su sitio se cargue lentamente.
Veamos el proceso paso a paso para mejorar el rendimiento y la velocidad de un sitio. A continuación se muestra la captura de pantalla de la puntuación de mi sitio web en Google Page Insight.
Paso 1- Incluya CSS y JS de forma estándar
¿Alguna vez notó el mensaje Render bloqueando JavaScript y CSS en el contenido de la mitad superior de la página? Si no ha incluido CSS y JS de forma estándar, puede ralentizar su sitio. Como regla general, CSS debe incluirse en un encabezado y JS debe incluirlo en un pie de página. Debe cuidar de que su sitio web siga esta práctica estándar.
Paso 2- Optimiza las imágenes antes de usarlas
Las imágenes juegan un papel importante en la mejora de la experiencia del usuario. Las imágenes llamativas mantienen a los usuarios interesados en el contenido. Pero el uso de imágenes pesadas casi mata la velocidad de su sitio web. Por ejemplo, ha subido una imagen con un tamaño de 2 MB en el sitio, luego, mientras carga la página, estos 2 MB toman un tiempo adicional para cargar la imagen antes de presentar su página a la audiencia.
Aquí viene el concepto de optimizar imágenes antes de su uso. Hay varios complementos disponibles que realizan esta tarea de comprimir imágenes de su biblioteca de medios. Algunos complementos populares son
- Comprimir imágenes JPEG y PNG ByTinyPNG
- Optimizador de imagen ShortPixel
- Optimización y compresión de imágenes Smush
- Optimizador de imagen EWWW
Todos estos complementos funcionan bien. Recomendaría usar el complemento TinyPNG. Estoy usando este complemento para mi sitio web y estoy bastante contento con él.
En algunos casos, necesitamos mostrar imágenes fuera de la biblioteca de medios. Creamos un directorio personalizado y cargamos imágenes en él, luego usamos estas imágenes en el sitio web. He escrito artículos sobre Optimizar imagen al cargar y Comprimir imágenes de TinyPNG. Consulte estos artículos si no está utilizando la biblioteca multimedia para imágenes.
Consejo: recorta las imágenes del tamaño que quieras mostrar. Digamos que tiene un contenedor de tamaño 300 * 250. En ese caso, debe recortar la imagen según el tamaño del contenedor. No utilice la imagen de mayor tamaño en un recipiente pequeño. Esto también afecta el rendimiento del sitio.
Paso 3- Imágenes de carga diferida
Lazy Load Images ayuda a acelerar su sitio web. Con el complemento de carga diferida, sus imágenes no se cargan hasta que el usuario se desplaza hacia ellas. Ayuda a reducir el tamaño de su página en el momento de la carga.
Si desea implementar imágenes de carga diferida sin utilizar un complemento, lea nuestro artículo sobre Mejora del rendimiento del sitio web mediante imágenes de carga diferida .
Paso 4- Optimizar la base de datos
En la medida en que el tamaño de su base de datos sea pequeño, su servidor responde rápidamente a la solicitud de la base de datos proveniente del sitio web. Una vez que su base de datos comienza a aumentar, su servidor tarda más en responder.
En WordPress, a medida que pasa el tiempo, varios datos huérfanos se almacenan en su base de datos. Por ejemplo, cuando actualiza una publicación o una página, cada vez que WordPress almacena la revisión en la base de datos. Preferiría mantener solo las últimas 3 revisiones que son suficientes. Para mantener las revisiones hasta 3 veces, debe colocar el siguiente código en su archivo wp-config.php.
define('WP_POST_REVISIONS', 3);El código anterior limita el número de revisiones. Hay algunas otras tablas que también deberían optimizarse. Recomiendo utilizar los complementos WP-DBManager o WP-Sweep para optimizar su base de datos.
Paso 5- Uso de la caché
Gracias a los ingenieros que introdujeron el concepto de caché del navegador. Cuando un usuario visita su sitio web, el navegador del usuario almacena su página en la ubicación de almacenamiento temporal del navegador. Cuando el usuario visita el sitio web la próxima vez, el navegador presenta la página a los usuarios desde la última caché almacenada en lugar de cargar la página completa nuevamente. Esto reduce el uso de ancho de banda tanto en el lado del usuario como en el del servidor. El uso de la caché de su sitio web acelera drásticamente el sitio web de WordPress. Algunos de los complementos de caché más populares son los siguientes.
Cuando aproveche el almacenamiento en caché del navegador, los archivos de su página web se almacenarán en el caché del navegador. Sus páginas se cargarán mucho más rápido para los visitantes habituales. Agregue el siguiente código en el archivo htaccess de su sitio y le permitirá el almacenamiento en caché del navegador.
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access plus 1 year"
ExpiresByType image/jpeg "access plus 1 year"
ExpiresByType image/gif "access plus 1 year"
ExpiresByType image/png "access plus 1 year"
ExpiresByType text/css "access plus 1 month"
ExpiresByType application/pdf "access plus 1 month"
ExpiresByType text/x-javascript "access plus 1 month"
ExpiresByType application/x-shockwave-flash "access plus 1 month"
ExpiresByType image/x-icon "access plus 1 year"
ExpiresDefault "access plus 2 days"
</IfModule>Nota: En WordPress, algunos complementos utilizan recursos externos. No podemos establecer encabezados de caducidad en estos recursos externos. Una forma es almacenar estos archivos externos en su servidor y luego incluirlos en su sitio web.
Espero que comprenda cómo acelerar el sitio web de WordPress. Si me perdí algo o si está utilizando otras técnicas, por favor comparta los comentarios a continuación.