Hello. Such a situation: I set up a slider on the site, took it from here . And I ran into the fact that it works well on all browsers when flipping through, but on Safari - it thinks for 3-4 seconds with every click. In the gallery now there are about 15 photos of 900kb on average. But the fact is that according to the specifics of this slider, the photos should be as good as possible. And of high resolution. I sinned on scripts, but then the slider would work crookedly or something else, but here if you can’t think of reducing the photo to quality worse (100kb each), then Safari flies.

Why does this happen with this browser? I rummaged through a bunch of articles and did not figure it out. Maybe something is missing ...

If that's the link to my slider

2 answers 2

  1. I understand that circumstances most likely require this, but I still ask: why this particular slider? After all, there are so many easy and convenient sliders that are easy to customize, which do not need heavy pictures.
  2. You yourself answered your question. 900 kb for a mobile browser ... I understand that "retina", but try to drive your pictures into any online optimizer. Yes, even the same image optimizer

3. All the same, there you have it. In chrome, it is very hard to snap your pictures. Almost to the end it is necessary to divert the mouse. While on the original site (slider) everything is fine.

  • 1. Here even the main function is not svayp. It is important to build Cowerflow. It’s in the center of the picture, on the sides of the thumbnail. 2. Photos are already compressed by the optimizer. There the resolution should remain within 4000px in width. 3.If there are thoughts or examples of such an adaptive slider, I will be grateful for the links. - Max Darkleviathan

Open google chrome. go to your slider. press ctrl-u and admire your close button.

  • Yes, I saw. Base64 formatting. In any case, I just replaced it with a regular icon, but the situation absolutely does not change, neither better nor worse. - Max Darkleviathan