La velocidad y el rendimiento de su sitio web son hoy más importantes que nunca. Las expectativas de los usuarios han crecido y su paciencia ha disminuido. Si un sitio web se carga demasiado lento, los usuarios pasarán rápidamente a otro sitio en lugar de esperar uno o dos segundos más. Incluso si los usuarios no huyen, un sitio lento los dejará decepcionados, frustrados y es probable que abandonen su sitio incluso en medio de las compras. Si te estás haciendo la vieja pregunta, cómo hacer que mi sitio de WordPress sea más rápido, ¡estamos aquí para responderla!
Además, Google ha declarado claramente que la velocidad de un sitio afectará la clasificación de un sitio en los resultados de búsqueda. Por lo tanto, para mantener contentos tanto a tus usuarios como a Google, es importante prestar atención a la velocidad del sitio.
5 formas fundamentales de mejorar la velocidad del sitio
1. Utiliza un buen plan de alojamiento web
Realmente todo comienza con la elección del plan de alojamiento de WordPress adecuado con la empresa de alojamiento adecuada. Incluso antes de hablar de velocidad, debes contar con una empresa confiable con hardware sólido y confiable para alojar tu sitio web. Si su sitio no es confiable, no importa qué tan rápido funcione. Los visitantes huirán y nunca volverán. Haz tu tarea y paga Opiniones de usuarios para empresas de alojamiento.
Volviendo a acelerar su sitio web, la mayoría de las empresas de alojamiento, como Bluehost, ofrecen una variedad de planes de alojamiento, comenzando con alojamiento compartido económico y pasando por servidores virtuales, servidores dedicados y servidores en la nube. Los precios aumentan a medida que avanzas por los diferentes tipos de alojamiento, pero la cantidad de recursos dedicados a tu sitio web también aumenta. Si bien está bien comenzar con el alojamiento compartido cuando recién está comenzando su sitio, asegúrese de realizar un seguimiento regular de su volumen de tráfico y uso de recursos para que pueda actualizar a un mejor plan de alojamiento antes de que los visitantes comiencen a notar que su sitio es lento.
2. Habilitar el almacenamiento en caché
En pocas palabras, almacenamiento en caché es el término técnico para almacenar datos en un área de almacenamiento temporal. Esto mejora el rendimiento de un sitio, ya que gran parte del contenido de una página ya está preparado y disponible, y no es necesario obtenerlo y procesarlo para que se muestre a un usuario. También reduce la carga de varios recursos del sistema en su servidor.
Le recomendamos que utilice los complementos de almacenamiento en caché proporcionados por Bluehost, que están diseñados para funcionar mejor en ese entorno. Puede encontrar esta configuración de caché en la página de rendimiento del complemento Bluehost o en la sección de WordPress del panel de control.
Si su sitio no es un sitio de WordPress, habilitar el almacenamiento en caché es más complejo y está más allá del alcance de este artículo. En cualquier caso, debe discutir las opciones de almacenamiento en caché con su proveedor de alojamiento, ya que a menudo tendrán recomendaciones basadas en las optimizaciones que han implementado por su parte.
3. Utiliza una red de entrega de contenidos
Probablemente la siguiente forma más efectiva de acelerar su sitio web es utilizar una red de entrega de contenido. Una CDN es una red mundial de servidores que te permite duplicar y almacenar los elementos/archivos estáticos de tu sitio (e.g. CSS, Javascript, imágenes, documentos, vídeos, etc.).
Estos elementos se entregan a los visitantes desde un servidor más cercano a su ubicación física. Por ejemplo, si su sitio web está alojado en un servidor en los EE. UU., los visitantes de otras partes del mundo tendrán que esperar un tiempo (relativamente) largo para que su contenido llegue a sus navegadores. Con una CDN, ese tiempo se reduce drásticamente, ya que el contenido estático se proporcionará desde un servidor local mucho más cercano a ellos en lugar de uno del otro lado del mundo.
Bluehost ofrece la CDN TrueSpeed dentro del panel de control.
4. Optimiza tus imágenes
Para que tus imágenes se carguen lo más rápido posible, es importante cambiar su tamaño antes de subirlas a tu sitio web. No subas imágenes más grandes de lo que realmente necesitas mostrar. El escalado de imágenes en el código HTML puede mostrarlas como se desee, pero no reducirá el tamaño del archivo original. Por ejemplo, una imagen JPG de 800×800 píxeles con un tamaño de archivo de 100 kb tardará tanto en cargarse cuando se codifique para mostrarse en un tamaño de 200×200 como lo haría si la mostrara en tamaño completo. Si optimiza el JPG a solo 200×200 antes de cargarlo, es posible que pueda reducirlo a 20 kb y reducir significativamente el tiempo de carga.
A medida que los usuarios esperan imágenes de mayor calidad en los sitios web, el tamaño de la imagen se convierte en un problema para la velocidad de la página. La mayoría de las imágenes se pueden reducir de tamaño utilizando herramientas de edición gráfica o complementos sin que un usuario de la web note ninguna reducción en la calidad.
Optimiza las imágenes de tu sitio web con estos plugins de WordPress
Estas son las cosas importantes que debe recordar:
- Google recomienda utilizar los tipos de imagen WebP o AVIF .
- Recorta tu imagen para eliminar elementos innecesarios y reducir el tamaño.
- Cambia el tamaño de tus imágenes. No tiene sentido cargar una imagen de 2000 píxeles de ancho si su página web tiene solo 600 píxeles de ancho.
5. Minifica HTML, JavaScript y CSS
Los sitios web y las aplicaciones web de hoy en día dependen cada vez más de CSS y JavaScript, por lo que es importante reducir el tamaño de estos archivos de texto. Minificarlos es una excelente manera de hacerlo. Básicamente, esto significa deshacerse de los comentarios, los espacios adicionales, los saltos de línea adicionales y los delimitadores de bloques en el código para hacer que su código sea más liviano y reducir la cantidad de datos que deben transferirse, reduciendo así el tiempo que se tarda en cargar una página.
Como es de esperar, hay una selección de complementos para sitios web de WordPress, como WP Optimize, LiteSpeed Cache, W3 Total Cache, Hummingbird, Fast Velocity Minify, WP Fastest Cache y muchos otros. Tenga en cuenta también que muchas CDN y herramientas de almacenamiento en caché ofrecen compatibilidad integrada con minificación.
Ideas adicionales para optimizar y acelerar su sitio web de WordPress
1. Aprovecha el almacenamiento en caché del navegador
Al especificar un período de almacenamiento en caché más largo para los componentes de la página web (HTML, imágenes, Javascripts, documentos CSS, etc.), los navegadores web almacenarán en caché estos elementos localmente para que no sea necesario descargarlos del servidor cada vez que se acceda a la página.
Para aprovechar el almacenamiento en caché del navegador, cree un archivo llamado .htaccess en la raíz de su blog (es decir: /public_html/ruta/a/blog).
Si ya existe un archivo .htaccess, agregue este código al final del mismo:
AddType image/x-icon .ico
# YEAR Conjunto de cabecera Cache-Control "max-age=29030400" # WEEKConjunto de cabecera Cache-Control "max-age=604800" # 24 HORASConjunto de cabecera Cache-Control "max-age=86400"
Otra opción es agregar un encabezado Expires agregando este código a su archivo .htaccess:
AddType image/x-icon .ico
ExpiresActivo Al ExpirarByType image/gif A29030400 ExpiresByType image/png A29030400 ExpiresByType image/jpeg A29030400 ExpiresByType image/x-icon A29030400 ExpiresByType application/pdf A29030400 ExpiresByType application/x-javascript A604800 ExpiresByType text/plain A86400 ExpiresByType text/css A604800
El uso de las directivas htaccess anteriores indicará a los navegadores web que almacenen archivos en caché durante un período basado en el tipo de archivo:
- Archivos de imagen: 1 año
- Archivos Javascript, CSS y SWF: 1 semana
- Archivos HTML y PHP: 24 horas
2. Habilitar la compresión GZip
Al habilitar GZip, el servidor web comprimirá los archivos sobre la marcha antes de enviarlos al navegador web. Esto reduce significativamente el tamaño total de una página web. En algunos casos, GZip está habilitado de forma predeterminada por el proveedor de alojamiento web. Pero si ese no es el caso, puedes agregar este código a tu archivo .htaccess:
AddOutputFilterByType DEFLATE imagen/imagen gif/imagen png/imagen jpeg/aplicación x-icon/aplicación pdf/aplicación javascript/texto x-javascript/texto sin formato/texto html/texto css/texto x-componente/aplicación xml/json
3. Limita el número de publicaciones y feeds por página
Limite el número de publicaciones presentadas por página y el número de feeds mostrados. Alrededor de 5 publicaciones suele ser una buena regla general, pero esto puede variar según la longitud típica de la publicación.
4. Limite el número de imágenes y archivos multimedia pesados
Limita el número total de imágenes y otros archivos multimedia de tu página. De los que utilices, asegúrate de que tengan el tamaño de archivo más pequeño posible. Si usas muchas imágenes, mantén algunas de las más importantes directamente visibles en tus publicaciones y mantén el resto como miniaturas en las que se pueda hacer clic.
5. Ajusta tus enlaces permanentes
Manténgase alejado de las configuraciones que «no se recomiendan por razones de rendimiento». Consulta las opciones posibles aquí: http://codex.wordpress.org/Using_Permalinks
6. Eliminar plugins antiguos
No guardes plugins o temas antiguos, adicionales. El acaparamiento de plugins ralentiza las cosas. Los plugins antiguos también pueden causar problemas de seguridad. Desecha todo lo que puedas deshacerte.
7. Habilitar FastCGI
Dependiendo de tu sitio web, esto puede ser de gran ayuda. Pruebe su sitio antes y después para notar la diferencia. Puede habilitar FastCGI en el icono de configuración de PHP en el cPanel. (Pruebe también el enlace ‘Optimizar sitio web’ en cPanel y habilite mod_deflate).
8. Pruebe y profundice
Realmente hay mucho más en la optimización del sitio de lo que hemos discutido aquí. Sin embargo, estos son cinco pasos que le darán el «mayor rendimiento por su dinero». Para aquellos de ustedes que quieran aprender más y / o optimizar aún más su sitio web, me gustaría dejarles con una lista de tres sitios populares de análisis de rendimiento (todos con versiones gratuitas muy útiles). Estas herramientas ejecutarán una serie de pruebas en su sitio para identificar problemas de rendimiento y orientarlo sobre cómo corregirlos.
Cada uno de estos sitios ejecutará diferentes pruebas y mostrará los resultados y la puntuación de diferentes maneras. Por lo general, son fáciles de entender y ofrecen explicaciones y sugerencias claras.
Escriba un comentario