Cómo optimizar el código de WordPress
El núcleo de la optimización del código de WordPress es: ¡el código puede ser lo más pequeño posible, con el objetivo principal de mejorar la velocidad de carga del sitio web! Optimice su código y no permita que su sitio web tarde más de 5 segundos o más en cargarse si está ubicado en un espacio virtual, o no deje que su sitio web tarde más de 3 segundos o más en cargarse si está ubicado en un VPS.
¿Por qué digo eso? Esto se debe a que Baidu tiene estrictos estándares de auditoría para la velocidad de apertura de sitios web, e incluso hay una herramienta de sugerencia de optimización de página dedicada en Baidu Webmaster Tools.
Esto significa que Baidu espera que los webmasters puedan optimizar la velocidad de apertura del sitio web. Si su sitio web se abre lentamente, lo más probable es que sea degradado.
Entonces, ¿cómo optimizar el código del tema?
No te preocupes, a continuación te daré una solución importante: optimizar el código de nuestro tema para que sea lo más ágil posible. Los más importantes son la optimización del anidamiento de tablas, la optimización de títulos, la combinación y separación de js y css.
1. Anidamiento de tablas: he visto muchos temas gratuitos de WordPress. En aras de la simplicidad, se utiliza mucho el anidamiento de tablas. Cuando el navegador carga la tabla, el programa debe cargarse por completo. para renderizarlo Sí, algunos temas incluso carecen de la etiqueta de cierre de la tabla, lo que hace que el navegador no pueda renderizarse correctamente y se quede atascado en la etiqueta de la tabla. Al crear un sitio web, debe utilizar la etiqueta de tabla lo menos posible. El uso de div+css para dibujar tablas puede mejorar la velocidad de apertura del sitio web.
2. Optimización del encabezado: puedes verificar las etiquetas del encabezado de tu sitio web. ¿Hay muchas metaetiquetas que no sabes qué usar? Como se muestra en la siguiente imagen (un sitio web que utiliza la plantilla predeterminada de WordPress):
Muchos enlaces y comentarios desordenados, incluso citando contenido de otros sitios web. Como todos sabemos, siempre que su código haga referencia a archivos. , luego navegando El navegador continuará ejecutando el código después de cargar estos archivos. Si faltan archivos de otros sitios web, el navegador pasará mucho tiempo esperando que el archivo responda. Si faltan archivos de otros sitios web, el navegador pasará mucho tiempo esperando a que respondan los archivos, lo que aumentará el tiempo que lleva abrir el sitio web. Mi sitio web se ha optimizado y conserva solo la metainformación y los enlaces de archivos necesarios que requieren los motores de búsqueda, lo que hace que el encabezado sea más conciso y eficiente, de la siguiente manera:
3. JS y CSS se fusionan y optimizan por separado: todos los js. y los códigos CSS de muchos sitios web están escritos en un solo archivo. Aunque esto es conveniente para la administración, provocará que se cargue una gran cantidad de código innecesario cuando se cargue la página.
Y mi solución es poner los js y css necesarios para cada página en un archivo separado, y otros js y css específicos de cada página se crean de forma independiente en sus propios archivos, citas que son relevantes. Por ejemplo, el mismo CSS usado por **** se coloca en style.css, y el CSS usado solo en la página de inicio está escrito en style-home.css. Solo se hace referencia en la página de inicio y no en otras páginas. puede mejorar enormemente la velocidad de carga del sitio web.
Después de leer los puntos de optimización anteriores, aún debes tener preguntas. Luego, les mostraré mi propio caso preparado. No es difícil encontrar a través del código fuente que mi código fuente se ha simplificado al nivel más simplificado. No hay tablas anidadas ni contenido redundante en el título. js y css solo son necesarios.
Sin código redundante, la velocidad de carga se puede optimizar naturalmente al máximo.
Resumen
Por supuesto, además del código, hay muchas cosas a las que se debe prestar atención al abrir un sitio web. Este es solo uno de los detalles, pero yo. Creo que también es algo a lo que los webmasters deben prestar atención.