{"id":227827,"date":"2022-10-05T15:28:00","date_gmt":"2022-10-05T12:28:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=227827"},"modified":"2022-11-08T23:39:54","modified_gmt":"2022-11-08T20:39:54","slug":"carga-diferida-de-wordpress-elegir-el-mejor-complemento-para-el-trabajo","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/es\/carga-diferida-de-wordpress-elegir-el-mejor-complemento-para-el-trabajo\/","title":{"rendered":"Carga diferida de WordPress: elegir el mejor complemento para el trabajo"},"content":{"rendered":"\n

No hay nada m\u00e1s frustrante para los usuarios que esperar a que se cargue un sitio web. M\u00e1s sitios se est\u00e1n llenando de videos e im\u00e1genes, y cada imagen requiere una nueva solicitud HTTP. La carga diferida de WordPress es la soluci\u00f3n f\u00e1cil de instalar para acelerar cualquier sitio web repleto de im\u00e1genes<\/a>.<\/p>\n

Al dise\u00f1ar nuestro sitio web wpDataTables<\/a><\/strong>, tambi\u00e9n consideramos la posibilidad de esta complicaci\u00f3n, ya que usamos muchas im\u00e1genes y videos.<\/p>\n

\u00bfQu\u00e9 es la carga perezosa? Lazyload significa que el video, las im\u00e1genes o los iframes se cargan solo cuando ingresan a la ventana gr\u00e1fica y las im\u00e1genes restantes se cargar\u00e1n a medida que los espectadores se desplazan hacia abajo en la p\u00e1gina de su sitio web. Eso mejorar\u00e1 significativamente los tiempos de carga de su sitio y evitar\u00e1 que los usuarios abandonen su sitio web.<\/p>\n

Beneficios de la carga diferida<\/strong><\/h3>\n

La ventaja evidente de WordPress Lazy Load son los tiempos de carga m\u00e1s r\u00e1pidos. Dado que solo est\u00e1 cargando una parte de su p\u00e1gina, su contenido se mostrar\u00e1 m\u00e1s r\u00e1pido en el navegador. Posteriormente, los visitantes usan menos ancho de banda, lo que es un gran beneficio para quienes tienen una conexi\u00f3n de datos m\u00f3viles.<\/p>\n

Por lo tanto, tus visitantes no solo podr\u00e1n acceder r\u00e1pidamente a tu sitio web, sino que tambi\u00e9n ahorrar\u00e1n en su plan de datos m\u00f3viles: \u00bfpor qu\u00e9 gastar su tr\u00e1fico de datos en cargar im\u00e1genes que no necesitan o no quieren ver? Un complemento de carga diferida es una t\u00e9cnica doblemente beneficiosa que necesitan todos los sitios con muchas im\u00e1genes.<\/p>\n

Desventajas de Lazy Load<\/strong><\/h3>\n

Lazyloading no es una t\u00e9cnica amigable para los motores de b\u00fasqueda todo el tiempo porque no solo est\u00e1 retrasando la carga de contenido para sus usuarios, tambi\u00e9n est\u00e1 retrasando la carga de contenido para los rastreadores de motores de b\u00fasqueda, es decir, los motores de b\u00fasqueda no indexar\u00e1n parte o la totalidad de ese contenido. \u00a1No es bueno para el SEO!<\/p>\n

Cuando se usa la carga diferida de WordPress para retrasar la carga de publicaciones, no solo im\u00e1genes, es un gran problema.<\/p>\n

Otro inconveniente de las im\u00e1genes perezosas es que reducen la calidad de la experiencia de los usuarios. Todo el mundo ha experimentado el efecto secundario de carga diferida al desplazarse hacia abajo en una p\u00e1gina muy r\u00e1pidamente. En el proceso, las im\u00e1genes reales reemplazan las im\u00e1genes de marcador de posici\u00f3n y el contenido de la p\u00e1gina a menudo salta.<\/p>\n

Siempre que use la carga diferida de WordPress de manera inteligente y controle el SEO y la experiencia del usuario, solo obtendr\u00e1 los beneficios de la carga diferida. Lea m\u00e1s sobre c\u00f3mo cargar im\u00e1genes de forma diferida, el mejor complemento de carga diferida de WordPress para su sitio web e im\u00e1genes de carga diferida de WordPress.<\/p>\n

\u00abEstoy en contra de la carga diferida. Para m\u00ed, resulta en una mala experiencia de usuario", dice Jerry Low en Web Hosting Secrets Revealed<\/a>, "Mi soluci\u00f3n siempre ha sido usar un simple truco de JavaScript para diferir la carga de im\u00e1genes.<\/p>\n

Esto es especialmente importante si tiene una p\u00e1gina con muchas im\u00e1genes. Lo \u00faltimo que desea es que los usuarios que se desplazan hacia abajo r\u00e1pidamente se encuentren frente a una pantalla en blanco".<\/p>\n

Habilitaci\u00f3n de LazyLoad en WordPress<\/strong><\/h3>\n

La t\u00e9cnica de carga diferida es f\u00e1cil de habilitar en cualquier sitio web de WordPress utilizando un complemento de carga diferida de WordPress. Hay muchos complementos de WordPress de carga diferida entre los que puede elegir y estos son algunos de los m\u00e1s populares:<\/p>\n

    \n
  1. \n

    Acelerar \u2013 Carga diferida<\/a><\/h3>\n<\/li>\n<\/ol>\n

    \"Carga<\/a><\/p>\n

    Este complemento, que implementa la t\u00e9cnica "Lazy Load", evita la descarga de im\u00e1genes e iframe que no se muestran en la pantalla (por ejemplo, im\u00e1genes en la parte inferior de la p\u00e1gina) hasta que el usuario las muestre. Esto mejora la velocidad de carga de la p\u00e1gina y ahorra ancho de banda.<\/p>\n

      \n
    1. \n

      bj perezoso carga<\/a><\/h3>\n<\/li>\n<\/ol>\n

      \"Carga<\/a><\/p>\n

      BJLazy Load, o BJLoad, es el mejor complemento de Lazy Load si desea cargar im\u00e1genes de forma diferida y reemplazarlas con marcadores de posici\u00f3n. Las im\u00e1genes seleccionadas pueden ser im\u00e1genes de Gravatar, im\u00e1genes de publicaciones, miniaturas o iFrames. Tambi\u00e9n puede personalizar algunas configuraciones, incluida la selecci\u00f3n de marcadores de posici\u00f3n.<\/p>\n

      BJLazy es un complemento de WordPress Lazy Load que se adapta a im\u00e1genes de tama\u00f1o optimizado<\/a>, es decir, ofrece autom\u00e1ticamente im\u00e1genes de tama\u00f1o reducido en dise\u00f1os receptivos y proporciona im\u00e1genes hiDPI para la pantalla retina de Apple y otras pantallas hiDPI.<\/p>\n

        \n
      1. \n

        Imagen de Zedna WP Lazy Load<\/a><\/h3>\n<\/li>\n<\/ol>\n

        \"Carga<\/a><\/p>\n

        Disminuci\u00f3n del tiempo de carga de la p\u00e1gina mediante la carga progresiva de im\u00e1genes y otros elementos. Se cargar\u00e1n justo cuando lleguen a la parte visible de la pantalla.<\/p>\n

        El complemento afecta a estos elementos:<\/p>\n

          \n
        1. <img><\/code>\u00a0elemento<\/li>\n
        2. propiedad CSS\u00a0background-image<\/code><\/li>\n
        3. im\u00e1genes sensibles con srcset<\/code>\u00a0atributo<\/li>\n
        4. <iframe><\/code>\u00a0elemento<\/li>\n
        5. <video><\/code>\u00a0elemento<\/li>\n<\/ol>\n

          Caracter\u00edsticas:<\/p>\n