Load your page faster: high performance image carousels

preview_player
Показать описание
Image carousels are one of the biggest performance problems on the web today. Fortunately, it's simple to make your image carousel much faster. Learn how!

  1. Chrome for Developers
  2. Chrome
  3. Developers
  4. Google
  5. Web
  6. GDS: Yes;
Рекомендации по теме
Load your page 0:03:01

Load your page faster: high performance image carousels

Load your page 0:02:22

Load your page faster: remove unused code

How to Fix 0:01:45

How to Fix Websites Loading Slow with Fast Internet (2023)

Boost Page Speed 0:01:28

Boost Page Speed and Make Your Site Load Faster - Page Speed Optimization | Website Speedy

How to quickly 0:01:29

How to quickly compress images for faster page load speed

How to Make 0:00:14

How to Make Your Website Load FASTER! | SEO Page Load Hack | Marketing Tips

I want faster 0:00:58

I want faster loading pages! How to TOTALLY avoid having to store images.

From fast loading 0:34:08

From fast loading to instant loading

Why Use Sub-Domains 0:08:35

Why Use Sub-Domains For Hosting Landing Pages?

How To Speed 0:07:18

How To Speed Up Your WordPress Site To Load Fast (2019)

How to make 0:00:20

How to make a website load faster

Make Your Website 0:10:04

Make Your Website Load Faster With 9 Simple Tricks

Your Internet Connection 0:03:33

Your Internet Connection is Fast, But Web-sites load slowly, why?

How To Make 0:03:04

How To Make Website Load Faster | How To Make Website Faster - 2021

How Fast Should 0:01:14

How Fast Should A Website Load? Three Seconds or Less for SEO

How to Optimize 0:07:31

How to Optimize Images for Web and Faster Page Load Speeds

2 Ways To 0:08:26

2 Ways To Optimize Images For Web And Faster Page Load Speeds

Make YouTube videos 0:03:48

Make YouTube videos load faster; Improve YouTube Buffering, Performance & Speed

Google Chrome could 0:04:15

Google Chrome could soon load web pages faster

How fast should 0:02:28

How fast should a website load/Website Load Super Fast/Cache Plugins/Reduce Website page load time

Make your web 0:01:00

Make your web page loading speed faster

Speed Up Edge 0:03:33

Speed Up Edge | Make it Load Faster | INCREASE DOWNLOADING SPEED of EDGE (2021)

Boost Your Website 0:00:35

Boost Your Website Traffic with Lightning Fast Page Load Speed

Fix Youtube Slow 0:01:41

Fix Youtube Slow Loading & Lagging / Make Google Chrome Run Faster - 2 Easy Step

Комментарии
Автор

The video is nice and some kind useful but I would expect from this video more info based on JS or CSS native approaches instead of showing how to enable it in the carousel libraries.

HenriqueRamosLimas
Автор

Great, but Slick and co all fall over when using Picture to deliver curated images dependant on browser size. How do we do this when we are using Picture to dynamically adjust whether to show a Webp or Jpeg? When there are five different crops of each of those?

mattwilcoxuk
Автор

This video needs updating... like 3 years ago.

robot.robert
Автор

Why lazy load is not the default settings of current browsers ???

rogernevez
Автор

Thank you so much! It really helped me🤩

ankitbrijwasi
Автор

dude I'm sorry. but, jquery
use vanilla

wepranaga
Автор

Any idea of how to implement with different image formats? like webp and jpg 2000? Come on guys why are we still playing the Beta vs VHS game...

RickBeacham
Автор

If it's easy using plain JavaScript or CSS you shouldn't have used JQuery/libraries/plugins in the video. Nice illustrations/explanation of the problem though.

adasjdaksjdlkasldjas
Автор

because i am looking for a slick alternative:

slick: 920 Issues on github - seems to be dead
Owl Carusel 2: github says dead


Unfortunately, no well-researched recommendations / examples :-(

pagestyles
Автор

We need a lazy load attribute in the HTML spec. Its essential at this point.

trappedcat
Автор

great but that is nothing new 😉 - maybe would be great add to title "beginners"

bgbrunocom