Enchufar Organizador
Ocultación ¿O cargando?
Carga selectiva para dispositivos móviles
Aumente la velocidad de carga de su móvil
El organizador de complementos aumenta la velocidad de la página
Organizador de complementos es un complemento muy útil para WordPress. En términos de complementos, es muy antiguo ya que fue escrito en 2012 cuando el diseño responsivo estaba en su infancia. Sin embargo, el complemento ha resistido la prueba del tiempo y proporciona la base para un truco realmente bueno que ayuda a los sitios web creados con creadores de páginas como Elementor, DIVI o WP Bakery, etc.
Lo que hace el complemento es detener la carga de complementos en las páginas. Lo que hace que esto funcione tan bien es que también puede detener la carga de complementos por dispositivo. Dado que las velocidades de los dispositivos móviles son mucho más lentas que las de las computadoras de escritorio, esto puede resultar muy útil. También puede ser útil si un complemento no se adapta al diseño restringido de un dispositivo móvil, pero sí al diseño de escritorio.
Restringir la carga de complementos pesados de JS en dispositivos móviles puede marcar una gran diferencia en su puntuaciones de velocidad de página. Pero no es sólo restringir la carga lo que hace que este complemento sea tan especial. También tiene total flexibilidad cuando se combina con el Complemento de fragmentos de HTML. Usar los dos juntos le permite cargar selectivamente contenido en el escritorio, pero no lo incluya en el móvil.
Este es un momento de iluminación del contenido, ya que impide que Lighthouse informe sobre cualquier video cuando lo ha ocultado en el dispositivo móvil en el creador de páginas. Si has ocultado un vídeo en el móvil, consulta las puntuaciones de tu móvil. ¿El vídeo sigue apareciendo en tu informe móvil? Si es así, explicaré cómo solucionar este problema a continuación.
Ocultación ¿O cargando?
Carga selectiva para dispositivos móviles
Aumente la velocidad de carga de su móvil
Enchufar Organizador Aumenta la velocidad de la página
Organizador de complementos es un complemento muy útil para WordPress. En términos de complementos, es muy antiguo ya que fue escrito en 2012 cuando el diseño responsivo estaba en su infancia. Sin embargo, el complemento ha resistido la prueba del tiempo y proporciona la base para un truco realmente bueno que ayuda a los sitios web creados con creadores de páginas como Elementor, DIVI o WP Bakery, etc.
Lo que hace el complemento es detener la carga de complementos en las páginas. Lo que hace que esto funcione tan bien es que también puede detener la carga de complementos por dispositivo. Dado que las velocidades de los dispositivos móviles son mucho más lentas que las de las computadoras de escritorio, esto puede resultar muy útil. También puede ser útil si un complemento no se adapta al diseño restringido de un dispositivo móvil, pero sí al diseño de escritorio.
Restringir la carga de complementos pesados de JS en dispositivos móviles puede marcar una gran diferencia en las puntuaciones de velocidad de su página. Pero no es sólo restringir la carga lo que hace que este complemento sea tan especial. También tiene total flexibilidad cuando se combina con el Complemento de fragmentos de HTML. Usar los dos juntos le permite cargar contenido de forma selectiva en el escritorio, pero dejarlo fuera en el móvil.
Este es un momento de iluminación del contenido, ya que impide que Lighthouse informe sobre cualquier video cuando lo ha ocultado en el dispositivo móvil en el creador de páginas. Si has ocultado un vídeo en el móvil, consulta las puntuaciones de tu móvil. ¿El vídeo sigue apareciendo en tu informe móvil? Si es así, explicaré cómo solucionar este problema a continuación.
Organizador de complementos es un complemento muy útil para WordPress. En términos de complementos, es muy antiguo ya que fue escrito en 2012 cuando el diseño responsivo estaba en su infancia.
Sin embargo, el complemento ha resistido la prueba del tiempo y proporciona la base para un truco realmente bueno que ayuda a los sitios web creados con creadores de páginas como Elementor, DIVI o WP Bakery, etc.
Lo que hace el complemento es detener la carga de complementos en las páginas. Lo que hace que esto funcione tan bien es que también puede detener la carga de complementos por dispositivo. Dado que las velocidades de los dispositivos móviles son mucho más lentas que las de las computadoras de escritorio, esto puede resultar muy útil. También puede ser útil si un complemento no se adapta al diseño restringido de un dispositivo móvil, pero sí al diseño de escritorio.
Restringir la carga de complementos pesados de JS en dispositivos móviles puede marcar una gran diferencia en las puntuaciones de velocidad de su página. Pero no es sólo restringir la carga lo que hace que este complemento sea tan especial. También tiene total flexibilidad cuando se combina con el Complemento de fragmentos de HTML. Usar los dos juntos le permite cargar contenido de forma selectiva en el escritorio, pero dejarlo fuera en el móvil.
Este es un momento de iluminación del contenido, ya que impide que Lighthouse informe sobre cualquier video cuando lo ha ocultado en el dispositivo móvil en el creador de páginas. Si has ocultado un vídeo en el móvil, consulta las puntuaciones de tu móvil. ¿El vídeo sigue apareciendo en tu informe móvil? Si es así, explicaré cómo solucionar este problema a continuación.
selectivamente Cargar complementos
Esto es Cómo Acelerar la carga móvil
Usando el organizador de complementos
Lo primero que debe hacer es Instalar el organizador de complementos y actívalo. Después de haber hecho esto, vaya a la página de configuración del complemento en su WordPress Panel
El Lo más importante Cosa
En la configuración, asegúrese de que 'Carga selectiva' Y La 'Carga Móvil Selectiva' está activada. Esto le brinda control para cargar diferentes complementos en diferentes dispositivos. Si luego va a 'Configuración global' en la configuración del complemento, podrá ver qué complementos desea cargar/descargar en todo el sitio. Simplemente haga clic en cada uno para que se ponga verde para "activar" o rojo para "apagar".
Una cosa a tener en cuenta aquí es donde dice "Plataforma". Puede hacer clic aquí para elegir estándar (escritorio) o móvil. Haga clic en 'Móvil' y configure individualmente los complementos para desactivar la carga solo en dispositivos móviles.
Si luego va a editar cada página individualmente y se desplaza hacia la parte inferior, verá un montón de barras verdes. Ese es el organizador de complementos. Aquí puede configurar los complementos para que se carguen/descarguen solo en esa página. Los que previamente desactivaste globalmente estarán en rojo. Los que puedan cargar serán verdes. Simplemente haga clic en la barra verde para activarla o desactivarla en esa página, y recuerde modificar la plataforma a "Móvil" para desactivar el complemento en el móvil. Esto es perfecto para marcas/páginas de destino, donde es posible que tengas algunos complementos más grandes que desees cargar en esa página solo con fines visuales.
Es muy sencillo acostumbrarse a él y le permite un control total sobre qué complementos desea cargar, dónde y en qué dispositivos.
Combinando con fragmentos HTML
Los creadores de páginas son geniales porque te permiten diseñar páginas con facilidad. La mayoría de los sitios web están creados con Elementor, DIVI o WP Bakery. Sin embargo, hay un problema con todos ellos y esto realmente ralentiza la carga móvil. Tiene que ver con el contenido de la página y cargarlo en el móvil. Lo que sucede es que un diseñador puede hacer un video o tener una imagen grande destinada únicamente a dispositivos de escritorio. Todos los creadores de páginas tienen una opción para ocultar esto. Entonces lo escondes. Esto también evitará que aparezca en el móvil. Eso debería reducir el peso de la página móvil, ya que no contiene ningún vídeo. ¿Bien?
¡Equivocado!
Los creadores de páginas únicamente "ocultan" el contenido. Ocultar y cargar son cosas muy diferentes. Si tienes un vídeo cargándose en tu escritorio y lo has configurado para que se oculte en el móvil, haz una prueba de velocidad de página. En el informe de la página móvil, ¿aún aparece su vídeo en algún lugar de la página? Si es así, todavía se está cargando, lo que perjudica gravemente la velocidad de tu página y los tiempos de carga generales en dispositivos móviles.
Aquí es donde entran los fragmentos de HTML. Ocultarlos no detiene su carga. Pero el uso del Organizador de complementos con fragmentos HTML sí lo hace.
Cómo puedo Hacer esto?
Si tiene instalado el Organizador de complementos, vaya e instálelo Fragmentos HTML. Luego vaya a la configuración del complemento HTML Snippets y haga clic en "Agregar nuevo fragmento". Desde aquí, ingresa el código HTML de tu video o cualquier otro contenido que no quieras cargar en el móvil. Muchos creadores de páginas tienen un módulo de video en el que simplemente colocas el video, por lo que si deseas que el HTML sin formato muestre un video sin complementos, usa una variación del código siguiente:
Reproductor de vídeos de YouTube
<iframe width=”100%” height=”auto” src=”URL DE YOUTUBE”frameborder=”0″ permitida pantalla completa>
Reproductor de vídeo autohospedado
Recuerde cambiar las URL a su propia URL para su video. Las dimensiones de tamaño '100%' y 'auto' permitirán que su contenedor de video responda a su sitio web. Si tiene dimensiones específicas que necesita que tengan los videos, simplemente reemplace esos valores con los tamaños que necesita.
Guarde el fragmento. Luego, una vez que lo hayas guardado, simplemente toma el video existente. afuera de la página misma, y reemplazar con el código corto que HTML Snippets te ha proporcionado para tu nuevo vídeo. Ahora cárgalo. Si todo está bien, el vídeo se mostrará en el escritorio. y móvil.
El último paso ahora es en la página donde está el contenido, desplácese hacia abajo hasta la parte inferior de la página donde está el contenido y deshabilite el organizador de complementos. en movil. Ahora revisa tu móvil nuevamente. El vídeo no debería estar ahí. Ahora borre sus cachés y haga otra prueba de velocidad de página. Vea que el video se está cargando en la computadora de escritorio, pero ha desaparecido de su informe móvil, ¡con una página mucho más liviana y un tiempo de carga completa más rápido!
Yendo aún más lejos
HTML Snippets también tiene un complemento hermano llamado Fragmentos de PHP. Este complemento funciona exactamente de la misma manera que los fragmentos de HTML, por lo que también puede instalarlo y hacer que el contenido se muestre solo en dispositivos móviles y no en el escritorio.
Simplemente siga exactamente las mismas instrucciones explicadas anteriormente, excepto que esta vez para deshabilitar el contenido en el escritorio, simplemente desactívelo en la carga "Estándar" y habilítelo en "Móvil". Con ambos complementos instalados usted tiene total flexibilidad de diseño y rendimiento. Puede tener contenido específico para dispositivos móviles y de escritorio, sin que el creador de páginas cargue absolutamente todo y simplemente lo oculte.
¿Dónde más es útil?
Generalmente solo lo uso en contenido móvil, restringiendo la carga de grandes cantidades de contenido para aumentar las puntuaciones móviles.
Qué pasa Guiones?
¡Me alegra que hayas preguntado! Esta es la otra cosa con la que el Organizador de complementos realmente ayuda. Muchos complementos como Slider Revolution tienen una función de desactivación en dispositivos móviles, pero en realidad no desactivan todo, lo que resulta en la carga de scripts innecesarios. Slider Revolution no cargará el control deslizante. pero WordPress seguirá cargando los scripts. Esta es la única manera fácil de desactivar completamente esos scripts en dispositivos móviles, ahorrando una gran cantidad de tiempo de carga y aumentando la velocidad de su página.
Organizador de complementos: ¡completo!
Paso 7: carga de fuentes
Deshagámonos de esos errores de fuente
Acelerar Móvil
Uso del complemento
Lo primero que debe hacer es Instalar el organizador de complementos y actívalo. Después de haber hecho esto, vaya a la página de configuración del complemento en su Panel de WordPress
El Lo más importante Cosa
En la configuración, asegúrese de que 'Carga selectiva' Y La 'Carga Móvil Selectiva' está activada. Esto le brinda control para cargar diferentes complementos en diferentes dispositivos. Si luego va a 'Configuración global' en la configuración del complemento, podrá ver qué complementos desea cargar/descargar en todo el sitio. Simplemente haga clic en cada uno para que se ponga verde para "activar" o rojo para "apagar".
Una cosa a tener en cuenta aquí es donde dice "Plataforma". Puede hacer clic aquí para elegir estándar (escritorio) o móvil. Haga clic en 'Móvil' y configure individualmente los complementos para desactivar la carga solo en dispositivos móviles.
Si luego va a editar cada página individualmente y se desplaza hacia la parte inferior, verá un montón de barras verdes. Ese es el organizador de complementos. Aquí puede configurar los complementos para que se carguen/descarguen solo en esa página. Los que previamente desactivaste globalmente estarán en rojo. Los que puedan cargar serán verdes. Simplemente haga clic en la barra verde para activarla o desactivarla en esa página, y recuerde modificar la plataforma a "Móvil" para desactivar el complemento en el móvil. Esto es perfecto para marcas/páginas de destino, donde es posible que tengas algunos complementos más grandes que desees cargar en esa página solo con fines visuales.
Es muy sencillo acostumbrarse a él y le permite un control total sobre qué complementos desea cargar, dónde y en qué dispositivos.
Fragmentos HTML
Los creadores de páginas son geniales porque te permiten diseñar páginas con facilidad. La mayoría de los sitios web están creados con Elementor, DIVI o WP Bakery. Sin embargo, hay un problema con todos ellos y esto realmente ralentiza la carga móvil. Tiene que ver con el contenido de la página y cargarlo en el móvil. Lo que sucede es que un diseñador puede hacer un video o tener una imagen grande destinada únicamente a dispositivos de escritorio. Todos los creadores de páginas tienen una opción para ocultar esto. Entonces lo escondes. Esto también evitará que aparezca en el móvil. Eso debería reducir el peso de la página móvil, ya que no contiene ningún vídeo. ¿Bien?
¡Equivocado!
Los creadores de páginas únicamente "ocultan" el contenido. Ocultar y cargar son cosas muy diferentes. Si tienes un vídeo cargándose en tu escritorio y lo has configurado para que se oculte en el móvil, haz una prueba de velocidad de página. En el informe de la página móvil, ¿aún aparece su vídeo en algún lugar de la página? Si es así, todavía se está cargando, lo que perjudica gravemente la velocidad de tu página y los tiempos de carga generales en dispositivos móviles.
Aquí es donde entran los fragmentos de HTML. Ocultarlos no detiene su carga. Pero el uso del Organizador de complementos con fragmentos HTML sí lo hace.
Cómo puedo Hacer esto?
Si tiene instalado el Organizador de complementos, vaya e instálelo Fragmentos HTML. Luego vaya a la configuración del complemento HTML Snippets y haga clic en "Agregar nuevo fragmento". Desde aquí, ingresa el código HTML de tu video o cualquier otro contenido que no quieras cargar en el móvil. Muchos creadores de páginas tienen un módulo de video en el que simplemente colocas el video, por lo que si deseas que el HTML sin formato muestre un video sin complementos, usa una variación del código siguiente:
Reproductor de vídeos de YouTube
<iframe width=”100%” height=”auto” src=”URL DE YOUTUBE”frameborder=”0″ permitida pantalla completa>
Reproductor de vídeo autohospedado
Recuerde cambiar las URL a su propia URL para su video. Las dimensiones de tamaño '100%' y 'auto' permitirán que su contenedor de video responda a su sitio web. Si tiene dimensiones específicas que necesita que tengan los videos, simplemente reemplace esos valores con los tamaños que necesita.
Guarde el fragmento. Luego, una vez que lo hayas guardado, simplemente toma el video existente. afuera de la página misma, y reemplazar con el código corto que HTML Snippets te ha proporcionado para tu nuevo vídeo. Ahora cárgalo. Si todo está bien, el vídeo se mostrará en el escritorio. y móvil.
El último paso ahora es en la página donde está el contenido, desplácese hacia abajo hasta la parte inferior de la página donde está el contenido y deshabilite el organizador de complementos. en movil. Ahora revisa tu móvil nuevamente. El vídeo no debería estar ahí. Ahora borre sus cachés y haga otra prueba de velocidad de página. Vea que el video se está cargando en la computadora de escritorio, pero ha desaparecido de su informe móvil, ¡con una página mucho más liviana y un tiempo de carga completa más rápido!
Ir más lejos
HTML Snippets también tiene un complemento hermano llamado Fragmentos de PHP. Este complemento funciona exactamente de la misma manera que los fragmentos de HTML, por lo que también puede instalarlo y hacer que el contenido se muestre solo en dispositivos móviles y no en el escritorio.
Simplemente siga exactamente las mismas instrucciones explicadas anteriormente, excepto que esta vez para deshabilitar el contenido en el escritorio, simplemente desactívelo en la carga "Estándar" y habilítelo en "Móvil". Con ambos complementos instalados, tiene total flexibilidad de diseño y rendimiento. Puede tener contenido específico para dispositivos móviles y de escritorio, sin que el creador de páginas cargue absolutamente todo y simplemente lo oculte.
¿Algo más?
Generalmente solo lo uso en contenido móvil, restringiendo la carga de grandes cantidades de contenido para aumentar las puntuaciones móviles.
Qué pasa Guiones?
¡Me alegra que hayas preguntado! Esta es la otra cosa con la que el Organizador de complementos realmente ayuda. Muchos complementos como Slider Revolution tienen una función de desactivación en dispositivos móviles, pero en realidad no desactivan todo, lo que resulta en la carga de scripts innecesarios. Slider Revolution no cargará el control deslizante. pero WordPress seguirá cargando los scripts. Esta es la única manera fácil de desactivar completamente esos scripts en dispositivos móviles, ahorrando una gran cantidad de tiempo de carga y aumentando la velocidad de su página.
Organizador de complementos: ¡completo!
Paso 7: carga de fuentes
¡Problemas de fuentes resueltos!