WordPress es uno de los CMS más extendidos y fácilmente personalizables. Sin embargo, es bastante lento en la configuración predeterminada, especialmente si el sitio tiene muchos visitantes y mucho contenido, o utiliza un tema complejo. Además, desde 2010 Google ha utilizado los tiempos de carga de las páginas como un factor en sus algoritmos de clasificación de búsqueda.
Afortunadamente, la flexibilidad de este CMS permite muchos métodos para acelerarlo y reducir el tiempo de carga de un sitio web. Puede consultar su sitio web utilizando herramientas en línea como las siguientes para realizar un seguimiento de los resultados de velocidad del sitio web después de cada paso:
Todas estas herramientas le brindarán información sobre cómo se carga su sitio web y qué partes del sitio web tardan más en cargarse que otras (es decir, cuáles deben optimizarse). Las herramientas Google Page Speed y GTmetrix son mejores para los principiantes, ya que muestran consejos útiles sobre cómo se puede optimizar el sitio web, mientras que Pingdom y WebPagetest tienen un enfoque más técnico y necesitarán más experiencia en desarrollo de sitios web para comprenderlos.
A continuación veremos algunas formas de optimizar un archivo . Le recomendamos seguir estos consejos al crear su sitio web.
NOTA: asegúrese de crear una versión de su sitio web antes de realizar cualquier cambio. Si el sitio web se instaló utilizando el instalador del script Softaculous, no dude en consultarlo también (paso 4: software de copia de seguridad).
Consejos para acelerar un sitio web:
Consejos para optimizar un sitio web:
Un tema juega un papel clave en la velocidad de carga de un sitio web. Si planeas crear un blog ocupado, te recomendamos investigar y probar para encontrar el tema más ligero y optimizado.
La regla principal y más importante a la hora de elegir un tema para el sitio web de WordPress es que el tema de WordPress debe corresponder al contenido de su sitio web. Primero debe definir el tema de su sitio web y el contenido, y solo luego elegir un tema que se adapte a sus necesidades.
Muchos temas de WordPress son personalizables y permiten a los usuarios de WordPress modificar múltiples opciones de temas para crear el aspecto deseado para sus sitios web. Sin embargo, estas opciones, si están codificadas incorrectamente, pueden crear problemas al cambiar el tema a otro.
Algunos temas de WordPress que son bastante atractivos a primera vista pueden hacer que su sitio web se cargue más lentamente de lo que debería. A continuación se presentan varios consejos útiles que le ayudarán a seleccionar el mejor tema para su sitio web de WordPress:
1. Cuanto más sencillo, mejor.
2. Elija un tema con un diseño responsivo.
3. Intente elegir solo complementos altamente calificados y compatibles con su versión de WordPress.
4. Preste atención a la presencia de creadores de páginas que vienen con el tema.
5. Considere la compatibilidad SEO del tema.
Los hilos especializados en los foros de WordPress son los mejores lugares para comprobarlo. Aquí hay dos ejemplos:
Además, la mayoría de los desarrolladores de temas proporcionan sitios web de muestra que muestran cómo funciona y se muestra el tema. Asegúrese de probar estos sitios web utilizando herramientas como y cuando sea posible.
En la web existen varios complementos para reducir el tamaño de la imagen, por ejemplo, EWWW Image Optimizer, WP Smush.it, etc. Todos tienen características diferentes y te permiten encontrar la configuración que necesitas. Recomendamos utilizar el complemento EWWW Image Optimizer.
NOTA: Requiere la función exec(), siga las instrucciones para activarla.
Una vez que el complemento esté instalado y activado, debe ir a Medios >> Optimización masiva para optimizar sus imágenes:
Tendrá la opción de escanear y optimizar todas las imágenes de la biblioteca multimedia de forma masiva utilizando la opción Escanear en busca de imágenes no optimizadas:
Seleccione Iniciar optimización después de que se complete el escaneo:
NOTA 1: El procedimiento de optimización requiere recursos considerables, por lo que es posible que alcance temporalmente el límite de recursos de la CPU.
NOTA 2: El complemento le permite determinar el grado de compresión de la imagen que desea utilizar. Por ejemplo, si tienes un blog de fotografía, ten en cuenta que las imágenes bien comprimidas perderán calidad.
También puede configurar el complemento para realizar una optimización programada en Configuración avanzada. La optimización programada no incluye las imágenes de la biblioteca multimedia porque ya están optimizadas o se optimizarán al cargarlas.
Usar un complemento para optimizar las imágenes sería la solución más rápida pero, lamentablemente, los complementos no proporcionan la mejor compresión de imágenes. Para obtener los mejores resultados, nos gustaría recomendarle que utilice herramientas de terceros como o . Este método requeriría algo de tiempo para comprimir las imágenes manualmente, pero proporcionará los mejores resultados.
cPanel incluye la función Optimizar sitio web. Utiliza mod_deflate de Apache para comprimir el contenido antes de enviarlo al navegador del visitante.
Gzip es el método de compresión más popular y eficaz en la actualidad. Si la compresión gzip está habilitada para el contenido del sitio web, generalmente reduce el tamaño de la respuesta en aproximadamente un 70%. Para comprimir los componentes de su sitio web, inicie sesión en su cPanel >> vaya a la sección Software >> el menú Optimizar sitio web.
Aquí debe seleccionar Comprimir todo el contenido y hacer clic en Actualizar configuración.
Se utilizan varios complementos de WP y la gran mayoría de ellos mejoran drásticamente el tiempo de carga de la página.
W3TC utiliza múltiples técnicas para mejorar el rendimiento, que incluyen:
- almacenamiento en caché de páginas
- Minimización de HTML, CSS y javascript
- compresión gzip
- Soporte (Red de distribución de contenido)
- almacenamiento en caché del navegador a través de ETags
A continuación se detallan las pautas para su configuración y ajustes iniciales.
Para configurar el complemento, vaya a Complementos >> Complementos instalados >> busque W3 Total Cache >> Configuración:
NOTA: Si es un usuario, recuerde que no todos los cachés disponibles deben habilitarse al mismo tiempo; evite elegir Activar o desactivar todos los tipos de almacenamiento en caché (a la vez). La razón de esto es que si el almacenamiento en caché de objetos y el almacenamiento en caché de bases de datos están activados, provocarán picos en el uso de recursos sin ninguna mejora en la velocidad de la página. Estos cachés solo se pueden habilitar si su sitio web de WordPress está alojado en un VPS o un servidor dedicado.
Desplácese hacia abajo en la página y marque Habilitar junto a las siguientes opciones:
1. Caché de página
2. Minimizar
3. Caché del navegador (en el siguiente párrafo se pueden encontrar más detalles sobre la configuración de la caché del navegador en W3 Total Cache)
Luego haga clic en el botón Guardar todas las configuraciones.
Si desea familiarizarse con todas las opciones de configuración del complemento W3 Total Cache, puede encontrarlas enumeradas en .
WP OPcache restablece todo el caché después de la actualización. Reduce la carga del sitio web al almacenar el código PHP compilado en la memoria. OPCache se incluye con PHP a partir de 5.5 y admite memoria caché y almacenamiento de archivos. El complemento mejora el rendimiento de PHP al almacenar el código de bytes del script en la memoria compartida.
Para vaciar OPcache, haga clic en el botón Vaciar PHP OPcache. Aparecerá la notificación sobre el caché vaciado:
Navegue hasta Configuración >> WP OPcache para verificar las opciones adicionales que proporciona el complemento, como Configuración general y Estadísticas.
En el menú Estadísticas, puede verificar el estado de la memoria, los scripts y la configuración.
La Configuración general le brinda la opción de vaciar el caché automáticamente, precompilar archivos PHP o eliminar el botón OPcache de la barra de menú de navegación superior.
También puedes vaciar la caché de PHP desde este menú.
Después de elegir una opción necesaria, haga clic en el botón Guardar cambios para aplicar los cambios:
El complemento Autoptimize concatena todos los scripts y estilos, los minimiza y comprime, agrega encabezados de caducidad, los almacena en caché y mueve estilos al encabezado de la página y scripts (opcionalmente) al pie de página.
Para borrar el caché, pase el mouse sobre la opción Optimizar automáticamente en el menú superior y haga clic en el botón Eliminar caché:
El encabezado Expires es una forma de especificar un período de almacenamiento/mantenimiento/almacenamiento en caché del contenido estático del sitio web (CSS, Javascript, imágenes, etc.) en los navegadores de los visitantes. Esto reducirá significativamente el tiempo de carga del sitio web para sus visitantes habituales.
Una forma conveniente de habilitar el almacenamiento en caché del navegador es instalar el complemento WordPress Total Cache y habilitar el caché del navegador dentro del panel de administración de WordPress >> menú Rendimiento >> Configuración general:
Luego podrá realizar un ajuste fino de la caché del navegador para el contenido estático de su sitio web en el panel de administración de WordPress >> menú Rendimiento >> sección Caché del navegador:
Si no tiene W3 Total Cache instalado en su sitio web, puede habilitar el caché del navegador con la ayuda del complemento.
Alternativamente, puedes simplemente copiar y pegar el siguiente código en tu archivo raíz .htaccess:
ExpiraActivo el
ExpiresByType image/jpg “acceso más 60 días”
ExpiresByType image/png “acceso más 60 días”
ExpiresByType imagen/gif “acceso más 60 días”
ExpiresByType image/jpeg “acceso más 60 días”
ExpiresByType text/css “acceso más 2 semanas”
ExpiresByType image/x-icon “acceso más 2 semanas”
Solicitud ExpiresByType/pdf “acceso más 1 mes”
ExpiresByType audio/x-wav “acceso más 1 mes”
ExpiresByType audio/mpeg “acceso más 1 mes”
ExpiresByType video/mpeg “acceso más 1 mes”
ExpiresByType video/mp4 “acceso más 1 mes”
ExpiresByType video/quicktime “acceso más 1 mes”
ExpiresByType video/x-ms-wmv “acceso más 1 mes”
Aplicación ExpiresByType/x-shockwave-flash “acceso 1 mes”
ExpiresByType text/javascript “acceso más 2 semanas”
Aplicación ExpiresByType/x-javascript “acceso más 2 semanas”
Aplicación ExpiresByType/javascript “acceso más 2 semanas”
Los valores se pueden cambiar según sus requisitos específicos.
Lo primero que la gente ve en el sitio web es la página de inicio. Es muy importante prestar atención a su adecuada optimización.
Cuantas menos solicitudes HTTP realice el navegador para cargar el contenido de su sitio web, más rápido se cargarán sus páginas para los visitantes. En otras palabras, el navegador de los visitantes debe recuperar el contenido multimedia de la página, el tema de WordPress y los complementos mediante la menor cantidad de solicitudes posible.
El complemento para WordPress puede ayudarlo a reducir la cantidad de solicitudes HTTP para su sitio web, haciendo que las páginas de su sitio web se carguen sin problemas y rápidamente. El complemento WP Asset Clean Up evita que se carguen estilos y scripts innecesarios en sus páginas. Obliga a los activos a cargarse sólo en las páginas donde realmente se necesitan. También minimiza el código HTML de la página real.
El complemento también se puede utilizar para mover el código JavaScript al pie de página, de modo que los scripts no aumenten el tiempo de carga inicial de la página.
Recomendaciones generales:
1. No sobrecargues la página con widgets como
Mientras revisa sitios web usando , puede encontrar una o más notificaciones con un signo de exclamación rojo que dice “Elimine Javascript y CSS que bloquean el procesamiento en el contenido de la mitad superior de la página”. Esto significa que ninguno de los contenidos de la mitad superior de la página se podría representar sin esperar a que se carguen los recursos.
Esto se puede resolver habilitando configuraciones adicionales de Minify del complemento W3 Total Cache.
Para hacerlo, deberá acceder a la pestaña Configuración general del complemento y configurar el modo Minificar en Manual, así:
Antes de continuar, asegúrese de que los campos de configuración de minificación de JS en el menú Minificar estén configurados para usar las siguientes configuraciones:
Una vez hecho esto, deberá agregar las URL de JavaScript correspondientes proporcionadas por Google PageSpeed en el campo de administración de archivos JS, así:
Realice los mismos pasos para el campo de administración de archivos CSS completando las URL de CSS en la misma página:
¡Eso debería ser! El aviso “Eliminar Javascript y CSS que bloquean la representación en el contenido de la mitad superior de la página” no debería aparecer si los pasos anteriores se completaron en orden.
El complemento Autoptimize minimiza el código HTML en sí, haciendo que su página sea liviana.
El complemento se utiliza para la optimización JS/CSS. También,…
Facebook Comments
Disqus