Red de conocimientos sobre prescripción popular - Conocimiento del confinamiento - ¿Cómo lidiar con la cabeza y la cola cuando se utiliza el complemento de página completa? El propio WordPress, así como los temas y complementos, normalmente necesitan cargar algo de JavaScript para implementar algunas funciones especiales. Para garantizar la compatibilidad al máximo y evitar fallas de JavaScript, los archivos JavaScript generalmente se cargan en el encabezado de la página. Sin embargo, de acuerdo con las recomendaciones del Foro de desarrolladores de Yahoo, JavaScript debe cargarse al final de la página tanto como sea posible para mejorar la velocidad de visualización (respuesta, representación) de la página. Este artículo presenta varios complementos relacionados según la experiencia del autor y explica cómo cargar JavaScript en el encabezado de algunas páginas especiales. Primero, presentamos brevemente varios complementos de WordPress que optimizan JavaScript y sus características, y luego demostramos cómo manejar algunas situaciones especiales. 1. Optimice el complemento JavaScript de WordPress. He utilizado tres complementos, WP Minify, Autoptimize y JavaScript para pie de página. Sus características se presentan una a una a continuación. 1.WP Minify es un complemento que integra el motor Minify en WordPress. Cuando está habilitado, el complemento puede fusionar y comprimir sus archivos JS y CSS para mejorar la velocidad de carga de la página. WP Minify puede rastrear los archivos JS/CSS en las páginas de WordPress generadas y pasar la lista de archivos al motor Minify. Después del procesamiento, el motor Minify devuelve un archivo JavaScript o de hoja de estilo (CSS) mejorado, simplificado y comprimido que se reemplaza por WP Minify en el encabezado de WordPress. Sus características principales son: fácil de usar; eficaz para JavaScript, CSS y HTML; capaz de procesar archivos JS y CSS externos; capaz de excluir archivos JS y CSS específicos; Archivos CSS (encabezado o pie de página, o incluso en otros lugares), puede agregar tiempos de vencimiento para los archivos JS y CSS procesados. Cuando salió la versión beta de WordPress 3.1, descubrí que WP Minify era incompatible, lo que provocaba que el sitio web se cargara incorrectamente. 2.Autoptimize puede resolver el problema de incompatibilidad después de la actualización de WP Minify en el futuro, pero no puedo esperar. Más tarde, encontré el complemento Autoptimize con funciones similares, y el funcionamiento de este complemento fue más simple. Autoptimize integra, minimiza y comprime todos los archivos JS y CSS y agrega un indicador de caducidad de caché. Luego coloque el archivo de la hoja de estilo en el encabezado (también para mejorar la eficiencia de la carga de la página) y el archivo JS en el pie de página. También simplifica el código HTML y hace que sus páginas sean más delgadas. Sin embargo, creo que el efecto de adelgazar las páginas HTML no es obvio. Mientras su servidor tenga activada la compresión Gzip, no es necesario hacer esto. De forma predeterminada, la optimización automática optimiza todo HTML/CSS/JavaScript, como se mencionó anteriormente. Personalmente, creo que Autoptimize es un mejor complemento de optimización de WordPress que WP Minify. 3.JavaScript to Footer es un complemento muy simple. Revisé el código fuente y el código para completar la tarea solo tiene 6 funciones de WordPress (ver la imagen a continuación), que son 6 líneas. Por eso, este complemento se ha actualizado desde su creación. Al principio lo ignoré porque vi que se modificó por última vez el 22 de septiembre de 2009. Pero solo optimiza la posición de carga de JavaScript, es decir, todos los archivos Javascript declarados correctamente en WordPress se mueven al final de la página para su carga. No maneja código HTML ni archivos de hojas de estilo CSS.
¿Cómo lidiar con la cabeza y la cola cuando se utiliza el complemento de página completa? El propio WordPress, así como los temas y complementos, normalmente necesitan cargar algo de JavaScript para implementar algunas funciones especiales. Para garantizar la compatibilidad al máximo y evitar fallas de JavaScript, los archivos JavaScript generalmente se cargan en el encabezado de la página. Sin embargo, de acuerdo con las recomendaciones del Foro de desarrolladores de Yahoo, JavaScript debe cargarse al final de la página tanto como sea posible para mejorar la velocidad de visualización (respuesta, representación) de la página. Este artículo presenta varios complementos relacionados según la experiencia del autor y explica cómo cargar JavaScript en el encabezado de algunas páginas especiales. Primero, presentamos brevemente varios complementos de WordPress que optimizan JavaScript y sus características, y luego demostramos cómo manejar algunas situaciones especiales. 1. Optimice el complemento JavaScript de WordPress. He utilizado tres complementos, WP Minify, Autoptimize y JavaScript para pie de página. Sus características se presentan una a una a continuación. 1.WP Minify es un complemento que integra el motor Minify en WordPress. Cuando está habilitado, el complemento puede fusionar y comprimir sus archivos JS y CSS para mejorar la velocidad de carga de la página. WP Minify puede rastrear los archivos JS/CSS en las páginas de WordPress generadas y pasar la lista de archivos al motor Minify. Después del procesamiento, el motor Minify devuelve un archivo JavaScript o de hoja de estilo (CSS) mejorado, simplificado y comprimido que se reemplaza por WP Minify en el encabezado de WordPress. Sus características principales son: fácil de usar; eficaz para JavaScript, CSS y HTML; capaz de procesar archivos JS y CSS externos; capaz de excluir archivos JS y CSS específicos; Archivos CSS (encabezado o pie de página, o incluso en otros lugares), puede agregar tiempos de vencimiento para los archivos JS y CSS procesados. Cuando salió la versión beta de WordPress 3.1, descubrí que WP Minify era incompatible, lo que provocaba que el sitio web se cargara incorrectamente. 2.Autoptimize puede resolver el problema de incompatibilidad después de la actualización de WP Minify en el futuro, pero no puedo esperar. Más tarde, encontré el complemento Autoptimize con funciones similares, y el funcionamiento de este complemento fue más simple. Autoptimize integra, minimiza y comprime todos los archivos JS y CSS y agrega un indicador de caducidad de caché. Luego coloque el archivo de la hoja de estilo en el encabezado (también para mejorar la eficiencia de la carga de la página) y el archivo JS en el pie de página. También simplifica el código HTML y hace que sus páginas sean más delgadas. Sin embargo, creo que el efecto de adelgazar las páginas HTML no es obvio. Mientras su servidor tenga activada la compresión Gzip, no es necesario hacer esto. De forma predeterminada, la optimización automática optimiza todo HTML/CSS/JavaScript, como se mencionó anteriormente. Personalmente, creo que Autoptimize es un mejor complemento de optimización de WordPress que WP Minify. 3.JavaScript to Footer es un complemento muy simple. Revisé el código fuente y el código para completar la tarea solo tiene 6 funciones de WordPress (ver la imagen a continuación), que son 6 líneas. Por eso, este complemento se ha actualizado desde su creación. Al principio lo ignoré porque vi que se modificó por última vez el 22 de septiembre de 2009. Pero solo optimiza la posición de carga de JavaScript, es decir, todos los archivos Javascript declarados correctamente en WordPress se mueven al final de la página para su carga. No maneja código HTML ni archivos de hojas de estilo CSS.
Según el código fuente de JavaScript al pie de página, utiliza las siguientes seis líneas de código para realizar el trabajo: remove_action('WP_head', 'WP_print_scripts'); remove_action('wp_head', 'wp_print_head_scripts', 9) ;remove_action('wp_head ','wp_enqueue_scripts',1);add_action('wp_footer','wp_print_scripts',5);add_action('wp_footer','wp_enqueue_scripts',5);add_action('wp_footer','wp_print_head_scripts', 5); , puede agregar el siguiente código antes de la función wp_head() de una plantilla de WordPress específica para revertir el proceso anterior, incluso si no es válido, y restaurar a la posición de carga original: remove _ action ('WP _ footer ',' WP_print_scripts ', 5); remove_action('wp_footer', 'wp_enqueue_scripts', 5); remove_action('wp_footer', 'wp_print_head_scripts', 5); add_action('wp_head', 'WP_print_scripts'); ', 9); add_action( 'wp_head ', ' wp_enqueue_scripts ', 1); por supuesto, solo sobre ciertas plantillas de página. Si todas son páginas, simplemente desactive el complemento: d. Creo que para la mayoría de los WPers, después de leer la introducción anterior, sabrán cómo elegir los complementos de optimización que necesitan y utilizarlos de manera razonable. Se basa en los siguientes tres aspectos: ¿La plantilla de su página utiliza una gran cantidad de comentarios HTML, espacios, líneas en blanco y otras etiquetas? De lo contrario, para ahorrar un pequeño ancho de banda (generalmente menos del 1 % con la compresión Gzip activada), no es necesario utilizar la minificación de HTML. ¿Tiene varios archivos de hojas de estilo CSS cargados en su página? De lo contrario, no hay necesidad de complementos para optimizar e integrar hojas de estilo CSS. Minimizar e integrar hojas de estilo CSS manualmente es más simple y eficiente que usar complementos. Basado en WordPress, JavaScript se carga en el encabezado de forma predeterminada. Generalmente, los sitios web de WordPress necesitan optimizar la posición de carga de JS. Pero si la mayoría de sus páginas aún necesitan cargar JS en el encabezado de la página para garantizar que JS no falle, entonces no puede realizar dicha optimización. En mi opinión, WP Minify no es necesario por las razones expuestas anteriormente. Luego, el resto de Autoptimize y JavaScript to Footer se pueden usar juntos (si se usan juntos, por supuesto, use la función de simplificación/integración HTML y CSS del primero, y la función de control de posición JS del segundo, porque el segundo solo tiene una función). Solo necesito controlar la posición de carga de JS, así que elegí JavaScript para pie de página. Dado que solo hay cuatro o cinco archivos JS en mi página y se cargan al final de la página, no creo que sea necesario integrarlos. 3. Manejar situaciones especiales Aunque cargar todos los archivos JavaScript al final de la página es útil para la velocidad de carga de la página, tenga en cuenta que el llamado final de la página se refiere a la llamada en la función wp_footer() de WordPress, que generalmente se encuentra en