Посмотрите сайт, что можно оптимизировать?

Question

[nugmani]

Вот сайт
Самая большая проблема это картинки. Для реализации картинок плитками был использован masonry, а для их просмотра blueimg gallery. Картинки долго загружаются и при пролистывании страницы вверх- вниз отображаются как будто не загрузились. На компьютере еще нормально смотрится, а вот на телефоне беда.
Что можно сделать с блоком картинок?

Comments

[IIIu6ko]

баг со скроллом у секции "about me". Походу из-за блока "персональная информация"

[nugmani]

Александр Шибков: есть такое. Конфликт в использовании animate.css. Убрала анимацию и все стало хорошо.

[IIIu6ko]

nugmani: Можно было сделать её одноразовой и всё. Она ведь только при сворачивании багала.

[Дмитрий]

nugmani, можете всей секции задать overflow-x: hidden, чтобы не было скролла.

Answer 1

[Андрей Буров]

https://developers.google.com/speed/pagespeed/insi...

Answer 2

[Нурлан]

Там где портфолио грузите уменьшенные версии картинок, а не фуллсайз. Это ж ужас. Картинка 333х250, а по факту 2048х1056. Поэтому долго и грузится. Сделайте для них тумбы.

Comments

[nugmani]

Спасибо! Вы правы! Так и сделаю.

Answer 3

[Игорь]

Картинки и так на предельно допустимом размере можно сказать. Для разных устройств подгружать другие картинки. Скорость скачки ты не увеличишь. Для мобильника картинки 2000х1500 не нужны. на 1920x1080 экране картинка 472x590.
Можно даже без разных устройств показывать превью картинку, которая будет 2-3 меньше в размере, при клике все равно аяксом подгружается.

Answer 4

[Дмитрий]

Почитай о srcset для тэга img. Если кратко, атрибут позволяет грузить картинки в зависимости от разрешения экрана (т.е. на мобилках можно грузить картинки поменьше). Также есть такая штука, как lazy-load – загрузка изображений только тогда, когда человек доскроллил до них. Всё это в сумме даст неплохой прирост к скорости загрузки страницы.

Comments

[nugmani]

Спасибо! Почитаю ;-)

Answer 5

[Максим]

только скролл раздражает а так все тип топ

Answer 6

[Григорий]

понятное дело, что тормозит

нужно на страницу грузить превьюшки со ссылкой на оригинал