مرضیه
1 سال پیش توسط مرضیه مطرح شد
1 پاسخ

بهینه سازی تصاویر و بارگذاری تنبل در لایت اسپید

سلام. من یه سایت وردپرسی دارم که افزونه کش لایت اسپید و المنتور داره. همچنین اسماش هم نصب هست. برای بحث بهینه سازی تصاویر و بارگذاری تنبل هر سه افزونه تنظیماتی دارند. برای بارگذاری بهبود یافته css هم لایت اسپید و المنتور این گزینه رودارند. الان برای هر سه افزونه فعاله. وقتی با لایت هاوس گوگل تست میکنم. برای دسکتاپ مشکلی نداره اما برای موبایل خطای deffer offscreenimage میده. آیا ممکنه برای این باشه که این افزونه‌ها با هم تداخل دارند و درست عمل نمیکنند؟ ممنون میشم راهنمایی کنید.


ثبت پرسش جدید
رایموند
تخصص : مختصص وردپرس - برنامه نویس لار...
@Raymond 1 سال پیش مطرح شد
0

درود خوبی...
این تیک بارگزاری تنبل این دو افزونه غیر فعال کن و از کد زیر برای فعال سازی بارگزاری تنبل تصاویر وردپرس استفاده کنید:

add_filter( 'the_content', 'roka_lazy_load_images' );
function roka_lazy_load_images( $content ) {

    if ( is_singular() && in_the_loop() && is_main_query() ) {
        $content = preg_replace_callback( '/<img[^>]+>/', function( $matches ) {

            if( false === strpos( $matches[ 0 ], 'loading=' ) ) {
                $matches[ 0 ] = str_replace( '<img', '<img loading="lazy"', $matches[ 0 ] );
            }

            return $matches[ 0 ];

        }, $content );
    }

    return $content;
}

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام