بهینه سازی تصاویر و بارگذاری تنبل در لایت اسپید
سلام. من یه سایت وردپرسی دارم که افزونه کش لایت اسپید و المنتور داره. همچنین اسماش هم نصب هست. برای بحث بهینه سازی تصاویر و بارگذاری تنبل هر سه افزونه تنظیماتی دارند. برای بارگذاری بهبود یافته css هم لایت اسپید و المنتور این گزینه رودارند. الان برای هر سه افزونه فعاله. وقتی با لایت هاوس گوگل تست میکنم. برای دسکتاپ مشکلی نداره اما برای موبایل خطای deffer offscreenimage میده. آیا ممکنه برای این باشه که این افزونه‌ها با هم تداخل دارند و درست عمل نمیکنند؟ ممنون میشم راهنمایی کنید.
گزینش سوالات
گفت و گو های مرتبط
دسته بندی سوالات
تگ‌های محبوب
ثبت پرسش جدید
![user-avatar]()
گزارش تخلف
کپی کردن
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;
}