How to give people with a slow Internet an easier site?

Question

css

Here is a page. A photo gallery is appropriate there, but you can do without it.
How to check - if everything is normal with a person - give him a photo gallery. If his Internet is not so hot - remove this photo gallery, video, etc. and give away a minimalistic and smart site.
Are there solutions for this?

Answer 1

From the server - nothing, from the client (javascript), there is a draft standard for window.navigator.connection , with which you can learn something, but it is only supported by firefox.
It's better to optimize it all. Gallery and video shouldn't be a problem.

Answer 2

All "large" objects (images, animations, CSS3 effects) are loaded by ajax after the main content is loaded.

Answer 3

Translate the gallery to ajax and, if the request time is exceeded, stop loading.

Answer 4

Look at bootstrap
, many issues with rubberiness, mobility, etc. are conveniently solved there.
After all, as a rule, a weak Internet is a mobile Internet. so it's enough to hide everything heavy for mobile devices.

Answer 5

on the server to have several images (for example - 3) to give the image according to the size of the device. generate different versions of pictures when saving. Compress css and js into separate infected files. reschedule js loading at the end, check if there are any extra unnecessary js libraries or duplicated js libraries. use cross-platform font sets whenever possible.
Rails + paperclip can do all this if the project is not big, move to it