El rendimiento de un sitio web WordPress afecta directamente la experiencia del usuario, la tasa de conversión y la posición en los motores de búsqueda. Un sitio que carga lentamente desanimará rápidamente a los visitantes y perjudicará los esfuerzos de optimización de SEO. Esta guía proporciona un conjunto completo de soluciones prácticas para mejorar el rendimiento, desde los aspectos más fundamentales del sistema hasta la selección de plugins, listas para ser aplicadas de inmediato.
Optimización de sistemas centrales y servidores
El trabajo de optimización debe comenzar desde los fundamentos: un servidor estable y una configuración adecuada son la piedra angular de todas las optimizaciones avanzadas.
Elegir una solución de servidor de alto rendimiento
虚拟主机、VPS、云服务器和专用服务器的性能差异巨大。对于流量中等及以上的网站，建议至少选择配置了SSD硬盘、PHP 7.4或更高版本、并支持HTTP/2和Let‘s Encrypt SSL证书的VPS或云服务器方案。许多托管服务商提供专为WordPress优化的托管服务，它们通常预装了对象缓存、CDN集成和更安全的服务器配置。
Lecturas recomendadas Optimización del rendimiento de sitios web WordPress: Pasos esenciales y técnicas avanzadas para mejorar significativamente la velocidad de carga。
Optimizar la configuración de PHP y la base de datos
Asegúrese de que su servidor esté ejecutando una versión más reciente de PHP (como PHP 8.0 o superior), ya que su rendimiento es significativamente mejor en comparación con las versiones anteriores. Además, ajuste los límites de memoria y el tiempo máximo de ejecución de PHP. Puede crear o modificar los archivos correspondientes en el directorio raíz de su sitio web.php.iniEl archivo puede ser modificado directamente o a través del panel de administración del servidor.
memory_limit = 256M
max_execution_time = 300
upload_max_filesize = 64M
post_max_size = 128MEn cuanto a las bases de datos, es recomendable utilizarlas de manera regular.phpMyAdminO herramientas similares para optimizar las tablas de la base de datos.OPTIMIZE TABLESe deben eliminar datos innecesarios, como versiones revisadas, borradores y comentarios irrelevantes. Para ello, se puede utilizar…wp_postmetaYwp_optionsOptimización de las tablas para reducir el costo de las consultas.
Configurar un mecanismo de caché eficiente
Activar el caché a nivel de servidor es la forma más eficiente. Si estás utilizando Nginx, puedes configurar el caché FastCGI. Agrega una regla similar a la siguiente en el archivo de configuración de Nginx:
fastcgi_cache_path /path/to/cache levels=1:2 keys_zone=WORDPRESS:100m inactive=60m;
fastcgi_cache_key "$scheme$request_method$host$request_uri";Luego, en el bloque del servidor (server block), active el caché para las solicitudes PHP. Para los usuarios de Apache, se puede considerar la opción de habilitarlo.mod_expiresYmod_headersUn módulo para configurar la caché del navegador.
Optimizaciones a nivel de temas y código
Un tema excesivamente complejo y un código ineficiente son los asesinos ocultos del rendimiento de un sitio web. Incluso si el servidor es muy potente, un código front-end de baja calidad ralentizará la velocidad de renderización de las páginas.
Lecturas recomendadas Guía definitiva para la optimización de WordPress: soluciones integrales que van desde la mejora de la velocidad hasta el refuerzo de la seguridad.。
Elección y optimización de temas
Es esencial elegir un tema de peso ligero que cumpla con las normas de codificación, que cargue los recursos de manera eficiente y que haya sido optimizado para mejorar la velocidad de carga de la página. Evite utilizar temas multifuncionales que incluyan demasiados constructores de páginas integrados o funciones sofisticadas pero que consuman muchos recursos del sistema. Utilice herramientas como Google PageSpeed Insights o GTmetrix para analizar los puntos débiles en el rendimiento del lado frontal del tema.
Para los temas que se están utilizando, es posible eliminar los estilos y scripts que no se utilizan de forma manual o mediante plugins. Por ejemplo, si un tema ha registrado estilos para varios plugins de deslizadores, pero solo se está utilizando uno de ellos, los demás deberían ser desactivados.
Optimizar la carga de scripts y hojas de estilo
Coloca el CSS en la parte superior del documento (en la cabecera) y el JavaScript en la parte inferior de la página.“Antes de los etiquetas…” es un principio fundamental. Para el CSS que no es esencial (no crítico para el funcionamiento del sitio), se puede considerar la carga asincrónica. Para ello, se puede utilizar WordPress.wp_enqueue_scriptAl utilizar una función, es posible establecer ciertos parámetros o configuraciones.in_footerLos parámetros son:true。
function my_theme_scripts() {
// 将jQuery和主题主JS文件放在页脚加载
wp_enqueue_script('jquery');
wp_enqueue_script('my-theme-script', get_template_directory_uri() . '/js/script.js', array('jquery'), '1.0.0', true);
}
add_action('wp_enqueue_scripts', 'my_theme_scripts');Al mismo tiempo, la combinación y compresión de archivos CSS/JS puede reducir efectivamente el número de solicitudes HTTP. Esto se puede lograr durante la fase de desarrollo utilizando plugins como Autoptimize, o herramientas de construcción como Webpack y Gulp.
Implementar la carga diferida y la optimización de imágenes
Activa la carga diferida para todas las imágenes, iframes y videos. WordPress 5.5+ ya incluye soporte nativo para la carga diferida de imágenes; simplemente debes agregar los correspondientes códigos a las imágenes para habilitar esta función.loading="lazy"Basta con los atributos. Para una solución más completa, se puede considerar el uso de plugins.
Es esencial comprimir las imágenes utilizando herramientas como Tinify o ShortPixel, o software local, antes de subirlas. Además, se recomienda utilizar formatos de imagen modernos como WebP, ya que ofrecen una mejor tasa de compresión en comparación con JPEG y PNG. La conversión de formato puede realizarse de manera automática mediante plugins (como WebP Express) o servicios de CDN (Content Delivery Network).
Lecturas recomendadas La guía definitiva para acelerar sitios web con WordPress: de cero a la perfección。
Selección y configuración de plugins eficientes
Los plugins son la fuente de las potentes funcionalidades de WordPress, pero también son la principal causa de la disminución de su rendimiento. Es necesario elegirlos y gestionarlos con cuidado.
Selección de plugins de rendimiento esenciales
A continuación se presentan algunos plugins de rendimiento esenciales y de probada eficacia, cada uno de los cuales se dirige a un área clave:
* 缓存插件：如WP Rocket（付费）、W3 Total Cache或WP Super Cache。它们能生成静态HTML文件，避免每次访问都执行复杂的PHP和数据库查询。
* 数据库优化插件：如WP-Optimize，它可以定期清理和优化数据库表。
* 图片优化插件：如Imagify、ShortPixel，它们可以自动压缩上传的图片并生成WebP版本。
* 代码优化插件：如Autoptimize，用于合并、压缩CSS/JS文件，并优化加载方式。
Nota: Evite instalar plugins que tengan funciones duplicadas. Por ejemplo, no active dos plugins de caché de página completa al mismo tiempo.
Impacto de los plugins de monitoreo y diagnóstico
Utiliza regularmente plugins de monitoreo de consultas para evaluar el costo de rendimiento de cada uno de ellos.Query MonitorEs una herramienta de desarrollo muy potente que permite ver la hora en que se generó la página, el número de consultas a la base de datos, los hooks (funciones automatizadas) que se activan en cada plugin y tema, así como los scripts y estilos que están en cola para ser ejecutados. Gracias a ella, puedes identificar con precisión qué plugin es el responsable de los problemas de rendimiento en una página específica.
Para los recursos frontales, utiliza las herramientas de desarrollo del navegador (los paneles Network y Performance) para ver qué archivos carga cada extensión, así como su tamaño y el tiempo que tarda en cargarse.
Mejores prácticas para la configuración de plugins
Incluso los mejores plugins pueden tener el efecto contrario si se configuran incorrectamente. Tomando como ejemplo los plugins de caché, algunas de las configuraciones de optimización más comunes incluyen:
* 启用页面缓存和浏览器缓存。
* 为登录用户和购物车页面禁用缓存（针对电商网站）。
* 谨慎使用“缩小”功能，并始终在启用后测试网站功能是否正常。
* 设置合理的缓存生命周期，对于内容不常变的页面可以设置较长时间。
* 集成对象缓存（如Redis或Memcached），如果服务器环境支持的话。
Integración de caché avanzado con CDN
Una vez que se completan las optimizaciones básicas, el uso de la caché de objetos y de la red de distribución de contenido (CDN) puede elevar el rendimiento del sitio web a un nivel superior, especialmente para un público a nivel mundial.
Implementación de caché de objetos
El caché de objetos almacena los resultados de las consultas a la base de datos en la memoria, lo que permite que consultas similares posteriores se lean directamente de la memoria, lo que resulta en una velocidad extremadamente rápida. Redis y Memcached son dos soluciones populares en este ámbito.
En primer lugar, asegúrate de que tu servidor tenga instaladas las extensiones para Redis o Memcached, así como el cliente correspondiente para PHP (por ejemplo, PhpRedis). Luego, puedes modificar los configuraciones necesarias para utilizar estas herramientas.wp-config.phpEl archivo se utiliza para habilitar la función correspondiente.
// 对于 Redis
define('WP_REDIS_HOST', '127.0.0.1');
define('WP_REDIS_PORT', 6379);
define('WP_REDIS_TIMEOUT', 1);
define('WP_REDIS_READ_TIMEOUT', 1);
// 可选：指定数据库索引，避免冲突
define('WP_REDIS_DATABASE', 0);Luego, se pueden utilizar plugins como “Redis Object Cache” para conectar y administrar el estado de la caché.
Red de distribución de contenido integrada.
CDN (Content Delivery Network) almacena tus recursos estáticos (imágenes, CSS, JS, fuentes) en servidores distribuidos por todo el mundo. Cuando un usuario los solicita, estos recursos son obtenidos desde el servidor más cercano en términos de ubicación geográfica, lo que reduce significativamente el tiempo de respuesta (la demora en la carga de la página).
La integración de un CDN (Content Delivery Network) generalmente se divide en dos pasos:
1. Regístrese en un proveedor de servicios CDN (como Cloudflare, KeyCDN o BunnyCDN).
2. Configuración en WordPress: Muchos plugins de caché (como WP Rocket) incluyen una sección para la configuración de integración con CDN; simplemente necesitas introducir la URL de tu servicio CDN. Otra opción es utilizar plugins específicos para CDN.functions.phpEn este proceso, las URL de los recursos se reescriben mediante filtros.
function my_cdn_url($url) {
if (is_admin()) return $url; // 后台不处理
$cdn_domain = 'cdn.yourdomain.com';
$home_domain = parse_url(home_url(), PHP_URL_HOST);
return str_replace($home_domain, $cdn_domain, $url);
}
add_filter('wp_get_attachment_url', 'my_cdn_url');
add_filter('stylesheet_directory_uri', 'my_cdn_url');
add_filter('template_directory_uri', 'my_cdn_url');Optimizar la carga de fuentes e iconos
Los tipos de letra de las páginas web son recursos que a menudo causan retrasos en la renderización. Es esencial utilizarlos de manera adecuada.font-display: swap; Propiedades CSS: de esta manera, el texto se mostrará primero con el fuente predeterminado por el sistema y luego se reemplazará una vez que se haya cargado el fuente de la página web. Además, los archivos de fuentes se alojan en un CDN (Content Delivery Network) y solo se cargan los pesos de fuente y los subconjuntos de caracteres necesarios.
En cuanto a los iconos, se recomienda utilizar iconos SVG incrustados en lugar de fuentes de iconos. Esto se debe a que los SVG son gráficos vectoriales, lo que los hace más pequeños en tamaño y evita problemas relacionados con la carga de fuentes.
resúmenes
La optimización del rendimiento de WordPress es un proceso sistemático que requiere el trabajo conjunto en varios aspectos, como las características del servidor, la calidad del código, la ecología de plugins y las tecnologías de caché avanzadas. El principio fundamental es reducir la cantidad de solicitudes HTTP, comprimir los recursos que se transfieren, retrasar el carga de elementos no esenciales y almacenar en caché todo lo que sea posible. Siguiendo los pasos de esta guía y utilizando herramientas de análisis de manera regular para monitorizar los resultados, podrás crear un sitio web de WordPress rápido, fluido y con una experiencia de usuario excepcional, lo que te dará una ventaja significativa en la competencia por el posicionamiento en los motores de búsqueda (SEO) y en la retención de usuarios.
FAQ Preguntas más frecuentes
¿Cuántos plugins de caché debo usar?
Por lo general, un plugin de caché completo (como WP Rocket) es más que suficiente. Este debe incluir funciones para cachear páginas, caché del navegador, optimización de la base de datos (o integración con ella), así como configuraciones para CDN y carga diferida de contenido. Instalar múltiples plugins de caché puede provocar conflictos entre sus reglas, lo que reducirá el rendimiento del sitio web e incluso puede causar errores. Es recomendable elegir un plugin con buenas críticas y actualizaciones frecuentes, y configurarlo detalladamente según tus necesidades.
¿Por qué veo la página antigua después de habilitar la caché?
Esto es una muestra de que el caché funciona correctamente. Cuando actualizas un artículo o una página, es necesario borrar (o actualizar) el caché de esa página para que el nuevo contenido sea visible para los visitantes. Casi todos los plugins de caché ofrecen un botón de “Borrar caché” en la barra de administración en segundo plano. Para sitios web que se actualizan con frecuencia, se puede configurar un tiempo de expiración automática para el caché, o utilizar la función de “Borrar caché automático de páginas específicas” del plugin.
¿Cómo determinar si un plugin está ralentizando un sitio web?
El método más efectivo es utilizar…Query MonitorPlugins: Desactiva todos los plugins y, a continuación, activa cada uno de ellos uno por uno, utilizando una herramienta para observar los cambios en el tiempo de carga de la página y en el número de consultas a la base de datos. También puedes medir un puntaje de rendimiento de referencia después de desactivar todos los plugins, y luego realizar pruebas cada vez que actives uno de ellos, para identificar el plugin que causa problemas. El panel “Network” de las herramientas de desarrollo del navegador también muestra los recursos que carga cada plugin.
A pesar de las optimizaciones realizadas, la velocidad del sitio web sigue no siendo satisfactoria. ¿Cuáles podrían ser las razones?
Si, a pesar de haber realizado todas las optimizaciones mencionadas, la velocidad sigue siendo lenta, el problema podría radicar en lo siguiente: 1) El rendimiento del servidor es demasiado bajo o la sala de servidores en la que se encuentra está demasiado lejos de los usuarios; en este caso, considera actualizar la configuración o cambiar al proveedor de servicios de hosting. 2) El tema utilizado presenta problemas de código profundos que no pueden ser resueltos con optimizaciones convencionales; prueba entonces cambiar al tema predeterminado (por ejemplo, Twenty Twenty-Four) para comparar los resultados. 3) Alguna función esencial (como consultas complejas o llamadas a API de terceros) es inherentemente lenta, lo que requerirá un análisis detallado y una reescritura del código. En este caso, contratar a un desarrollador profesional para realizar una auditoría de rendimiento podría ser la opción más eficiente.
¿Qué sigue, qué sigue?
Lectura ampliada y conocimientos prácticos
Los siguientes están relacionados con el tema de este artículo y son adecuados para una lectura más profunda. A menudo es mejor priorizar empezando por el artículo que más se acerque a su problema actual y ampliando gradualmente a los temas circundantes.
- Principios técnicos y guía práctica de CDN: Cómo acelerar la distribución de contenido a nivel mundial y mejorar el rendimiento de los sitios web
- Cómo elegir y personalizar tu tema para WordPress: Una guía completa desde los principios hasta la experticia
- Guía completa para la optimización del rendimiento de WordPress: desde el núcleo del sistema hasta la interfaz de usuario, para mejorar la velocidad de funcionamiento en todos los aspectos.
- ¿Cómo elegir un servidor VPS? Desde los principios hasta la perfección, te guiaré paso a paso para configurar el servidor de tu sitio web personal.
- Cómo elegir un tema profesional para WordPress: una guía completa desde la seguridad hasta la velocidad
Español