Câu chuyện về slider – kẻ “ăn cắp” performance Slider (hay carousel) xuất hiện ở khắp mọi nơi trên web ngày nay. Dù bạn có thích hay không, thì slider vẫn là cách hay ho để trình bày nội dung, nhất là khi màn hình nhỏ. Với các web bán hàng, slider được dùng để […]
Code slider thuần CSS, Javascript không cần thư viện
Đây là code slider mình hay dùng cho các dự án code từ đầu bằng starter theme mà không cần phải tích hợp slider bên thứ 3 như Slick slider, Tiny Slider, Owl slider hay Swiper slide… Tất nhiên tuỳ vào dự án mà có sự lựa chọn cho phù hợp nhưng các dự án […]
Tìm hiểu chi tiết về Tiny Slider – Vanilla javascript slider
Tiny Slider 2 là một thư viện JavaScript nhẹ, mạnh mẽ được phát triển bởi William Lin lấy cảm hứng từ Owl Carousel để tạo ra các slider/carousel responsive cho website. Thư viện này cung cấp nhiều tính năng hữu ích và dễ dàng tùy chỉnh. Ưu điểm nổi bật Tiny Slider 2 có nhiều […]
Hướng dẫn sử dụng Slick slider cho website
Slick slider là một plugin jQuery mạnh mẽ và linh hoạt, chúng được phát triển bởi Ken Wheeler. Plugin này cho phép bạn tạo ra các slider/carousel đẹp mắt, responsive và tối ưu hiệu suất. Slick hỗ trợ đầy đủ các tính năng như: slide đơn/nhiều item, lazy loading, autoplay, navigation, dots và nhiều tùy […]
Slider Revolution và LiteSpeed gặp lỗi khi sử dụng lazy loading
Slider Revolution là plugin tạo slider vô cùng ấn tượng mà rất nhiều website sử dụng, plugin này cung cấp rất nhiều tùy biến và hầu như không có giới hạn trong việc trình diễn slider trên website. Còn plugin LiteSpeed Cache là plugin giành riêng cho các website chạy trên máy chủ sử dụng […]
Sửa lỗi Swiper CLS (Cumulative Layout Shift)
Qua công việc tối ưu core web vitals mình hay gặp các slider load gây nên tình trạng dịch chuyển bố cục tích luỹ (nói ngắn gọn là khi load trang nó không ổn định làm sai lệch lúc load và lúc hoàn thành tải trang) Trong bài viết này mình note lại bài viết […]
Chat ngay
Telegram