El rendimiento de un sitio web se ha convertido en un factor importante para la experiencia del usuario y la clasificación en los motores de búsqueda. Esto es especialmente cierto para los sitios web que utilizan WordPress La optimización del rendimiento no sólo tiene que ver con la experiencia del usuario, sino también con la mejora de la competitividad de tu sitio web. En este artículo, empezaremos desde cero y explicaremos en detalle cómo optimizar al máximo tu sitio de WordPress en una serie de pasos que te ayudarán a ser más competitivo en el Velocidad de página de Google Consigue puntuaciones altas en herramientas como.

I. Instalar el tema y rellenar el contenido

En una nueva instalación de WordPress, primero tendrá que seleccionar unajustedel tema. Aquí tomamos WoodMart temáticaPor ejemplo, no sólo presenta un gran dise?o, sino que también pone mucho esfuerzo en la optimización del rendimiento. Tras instalar el tema, sueleImportar contenidos virtualespara hacerse una idea rápida de la estructura y funcionalidad del sitio. Pero el contenido virtual no está optimizado para un rendimiento óptimo, por lo que tendrá que utilizar imágenes, productos, entradas y páginas reales en el sitio web.Después de rellenar el sitioy, a continuación, centrarse en la optimización del rendimiento.

￥19.99Tutorial sobre el uso del tema WoodMart

15 de octubre 16:31

0215W+13.6W+

Antes de rellenar el contenido, he aquí algunas sugerencias a tener en cuenta:

1. Certificado SSLAsegúrese de que su sitio web sea eficaz Certificado SSLEsta es la base para asegurar su sitio web.
2. Optimización de imágenesOptimice todas las imágenes antes de subirlas y utilice los tama?os de imagen correctos (los pasos exactos se explicarán en detalle más adelante).
3. Imágenes de sustitución: Sustituye todas las imágenes del contenido virtual por las tuyas propias para evitar cargar imágenes de servidores de terceros que afectan a la velocidad.
4. página limpia: evite crear páginas demasiado complejas.Demasiados controles deslizantes, animaciones, rotaciones y productospuede aumentar la complejidad de la página y el tama?o del DOM, lo que puede afectar al rendimiento.

II. Comprobación del tiempo de respuesta del servidor y optimización

El tiempo de respuesta del servidor es fundamental para el rendimiento del sitio web. Un servidor rápido y fiableservidor de alojamientopuede mejorar significativamente la experiencia del usuario. Aquí tienes algunas sugerencias para comprobar y optimizar los tiempos de respuesta del servidor:

1. Elegir un proveedor de servicios gestionadosElija una plataforma que ofrezca servicios de alojamiento de alto rendimiento.
2. Tiempo de respuesta de la pruebaPrueba los tiempos de respuesta del servidor con herramientas como WebPageTest o Google Chrome Inspector. Normalmente.página del carrito de la compraes un buen objeto de prueba porque normalmente no tiene elementos adicionales y el plugin de caché no afecta a sus resultados de prueba.

3. Activar la compresión GZIPLa compresión GZIP optimiza el tama?o y el tiempo de carga de los recursos. Si esta función no está activada en su servidor, póngase en contacto con su proveedor de alojamiento para obtener ayuda.

III. Configuración de los ajustes de rendimiento del tema

WoodMart El tema está configurado por defecto para tener un buen rendimiento y soportar la mayoría de las características. Sin embargo, si no utiliza determinadas funciones, puede utilizarlas a través de la opciónprohibir el uso de algopara obtener un mejor rendimiento. A continuación se sugieren algunas opciones de configuración:

1. Desactivar estilos GutenbergSi utiliza principalmente Elementor o el constructor de páginas WPBakery, puedeDesactiva los archivos CSS y JS de Gutenberg para aligerar la carga.

2. Configuración de fuentes e iconosEn la configuración del temaadapte Fuentes e iconos de Google para "fuente-display", se recomienda establecerlo en "Intercambiar"Para un mejor rendimiento.
3. carga retardadaPara las páginas que contienen un gran número de imágenes, la activación de la carga diferida reduce el tama?o de la página.
4. Optimizar el constructor de páginas WPBakerydesactivando los widgets innecesariosReducción de CSS Tama?o.
5. Inicializar la rotación al desplazarse: Al activar esta opción se reduce el tiempo de ejecución de la JS inicial para los elementos giratorios que no están en la pantalla inicial.
6. Menú desplegable AJAXHabilite esta opción para todos los menús desplegables con bloques HTML para reducir el tama?o del DOM en la carga inicial de la página y mejorar el rendimiento.

IV. Optimización de imágenes

Las imágenes son uno de los elementos de un sitio web que consumen más recursos. EnOptimización de imágenesque pueden mejorar significativamente la velocidad de carga de la página. Estas son algunas sugerencias para la optimización de imágenes:

1. imagen comprimida: Uso TinyPNG y otras herramientas para comprimir las imágenes antes de subirlas, asegurándose de que el tama?o de la imagen no supera los 100-200KB (el tama?o medio de las imágenes de productos y posts debería ser de 50-150KB, y las imágenes más grandes para las secciones hero y sliders pueden ser de 150-200KB).
2. Plugin de optimización automática de imágenes: Instalación Imagify y otros plug-ins de optimización automática de imágenes paraCrear WEBP para reducir aún más el peso de la imagen.
3. Ajuste del tama?o de la imagen: Establezca tama?os de imagen adecuados en función del dise?o del sitio y de los elementos de la página para evitar la carga lenta causada por imágenes demasiado grandes.

V. Instalación Plugin de caché WP Rocket

Los plugins de caché son herramientas clave para mejorar el rendimiento de su sitio web WordPress.Cohete WP es un plugin avanzado y fácil de usar para el almacenamiento en caché y la optimización del rendimiento. Estas son algunas sugerencias de configuración:

1. Optimización de archivosHabilite la opción Minimizar CSS y, si es necesario, las opciones Minimizar JS y Carga retardada de archivos JS. Ten en cuenta, no obstante, que la carga retardada puede afectar a la experiencia del usuario, por lo que deberás ajustarla en consecuencia.
2. Configuración de la cachéConfigurar archivos de caché separados para dispositivos móviles para mejorar la velocidad de carga en dispositivos móviles. Además, a?ade las listas de deseos y las páginas de comparación a la lista URL que no se deben almacenar en caché.
3. Reglas avanzadasActive otras opciones de reglas avanzadas según sea necesario para optimizar aún más el rendimiento del sitio.

Seis,Configuración de la CDN

Las redes de distribución de contenidos (CDN) pueden mejorar considerablemente la velocidad de carga de los sitios web en todo el mundo. Aquí tienes algunas sugerencias para configurar una CDN:

1. Selección de un proveedor de servicios CDNComo KeyCDN tal vez RocketCDN Las CDN son rápidas y fáciles de configurar.
2. Registrar y a?adir regionesRegistre una cuenta en el sitio web del proveedor de CDN y a?ada una nueva región. En la sección "URL de origen" en la URL raíz de su sitio web.
3. Configuración de la CDNCopia la URL de la zona e insértala en la configuración de la CDN de WP Rocket. Después de guardar y borrar la caché, verifica que la CDN está correctamente activada.

Siete,Arreglar la advertencia de velocidad de página de Google

Velocidad de página de Google Las advertencias del informe son una referencia importante para optimizar el rendimiento de su sitio web. He aquí algunas advertencias comunes y sus soluciones:

1. Elimine los recursos que bloquean la renderizaciónReduce el número de recursos en la cabecera de tu sitio web, como archivos CSS, JS y fuentes. Desactiva las bibliotecas de iconos innecesarios de Google Fonts y Font Awesome o sustitúyelas por fuentes personalizadas e iconos SVG.
2. Reducción del JavaScript no utilizadoCompruebe todos los archivos de script, especialmente los cargados por plugins de terceros. Desactive los plugins innecesarios o los archivos JS cargados globalmente. Para plugins como Slider Revolution, desinstala o desactiva su carga global si no es necesario.
3. Reducir el tiempo de respuesta inicial del servidorOptimiza los tiempos de respuesta del servidor instalando plugins de caché. Si los tiempos de respuesta siguen siendo demasiado largos, desactiva los plugins uno a uno para averiguar cuál es el problema o ponte en contacto con tu proveedor de alojamiento para que te ayude.

Contacte con nosotros
?No puede leer el tutorial? Póngase en contacto con nosotros para obtener una respuesta gratuita. Ayuda gratuita para sitios personales y de peque?as empresas	Servicio de atención al cliente WeChat
① Tel: 020-2206-9892
② QQ咨詢：1025174874
(iii) Correo electrónico: info@361sale.com
④ Horario de trabajo: de lunes a viernes, de 9:30 a 18:30, días festivos libres