WooCommerce + Jetpack: Excluir imagen de "Lazy Load"
Si no usa un complemento de "Image Lazy Load", es hora de que instale uno. Y si eliges el módulo Lazy Load gratuito de Jetpack, probablemente hayas hecho lo correcto.
Sin embargo, desde que instalé Jetpack Lazy Load, noté un pequeño "salto" en la sección de encabezado de mi tema Storefront, donde de hecho hay una imagen: mi logotipo Business Bloomer. Lo mismo podría aplicarse a cualquier imagen de WooCommerce: una miniatura de categoría, una imagen destacada de un solo producto, un ícono de carrito en el encabezado, una imagen de héroe en la página de inicio, etc.
Afortunadamente, Jetpack tiene un "filtro" útil que puede utilizar para excluir las clases de imágenes de la carga diferida (sí, descubrí esto hoy, ¡no es que lo sepa todo!). Entonces, aquí está la solución. Disfrutar
Fragmento de PHP: Excluir imagen, por ejemplo, logotipo de Jetpack Lazy Load
/** * @snippet Avoid Lazy Loading an Image - Jetpack * @how-to Get CustomizeWoo.com FREE * @author Rodolfo Melogli * @compatible WooCommerce 5 * @donate $9 https://businessbloomer.com/bloomer-armada/ */add_filter( 'jetpack_lazy_images_blacklisted_classes', 'bbloomer_exclude_custom_logo_class_from_lazy_load', 9999 );function bbloomer_exclude_custom_logo_class_from_lazy_load( $classes ) { $classes[] = 'custom-logo'; return $classes;} |
Deja una respuesta