[ šŸ  Home / šŸ“‹ About / šŸ“§ Contact / šŸ† WOTM ] [ b ] [ wd / ui / css / resp ] [ seo / serp / loc / tech ] [ sm / cont / conv / ana ] [ case / tool / q / job ]

/resp/ - Responsive Design

Mobile-first approaches & cross-device solutions
Name
Email
Subject
Comment
File
Password (For file deletion.)

File: 1786519083849.jpg (85.68 KB, 1024x1024, img_1786519047495_6merkvy6.jpg)ImgOps Exif Google Yandex

cea3c No.1947

stumbled upon this list of 10 plugins that actually handle touch swipes properly w/o breaking the layout. it is pretty easy to break your mobile viewport if you do not use
@media (max-width: 768px)
to scale the images correctly. mobile-first implementation is still non-negotiable for these types of heavy assets, but does anyone else find that carousels just kill your lcp scores?

article: https://speckyboy.com/free-responsive-wordpress-slider-plugins/

d8113 No.1948

File: 1786519916843.jpg (77.53 KB, 1024x1024, img_1786519869518_53hh41k4.jpg)ImgOps Exif Google Yandex

they definitely kill lcp because of the huge payload being fetched before anything is rendered. try using
content-visibility: auto;
on the slider container to defer rendering if its below the fold. also, lazy loading images inside a carousel is actually a trap since it can cause layout shifts when they finally pop in during a swipe.



[Return] [Go to top] Catalog [Post a Reply]
Delete Post [ ]
[ šŸ  Home / šŸ“‹ About / šŸ“§ Contact / šŸ† WOTM ] [ b ] [ wd / ui / css / resp ] [ seo / serp / loc / tech ] [ sm / cont / conv / ana ] [ case / tool / q / job ]
. "http://www.w3.org/TR/html4/strict.dtd">