Бутстраповский сайт

[dunakov]

Здраствуйте. Сделал сайт, используя бутстрап. http://www.r-element.by/

Стильный одностраничник. Переделывал с шаблона.

Вопрос такой. Долго грузится сайт. Около 4-7 секунд.

Инет у меня 100 мегабит. Да и у всех такая ситуация. С железом тоже проблем нет. Скрипты в сумме не весят даже 1 мб. Что можно сделать? Кто-то сталкивался с такой проблемой?

Впервые эксперементирую с одностраничником

Чтобы вы заранее не говорили , все изображения оптимизированы и нагрузки не создают

[ksa]

dunakov, обычной практикой считается кагбэ "наращивание" ПО и отслеживание "нагрузки" на каждом шаге.

Ты же уже наворотил чего-то, предупредил, что сделал все оптимально... После этого просишь людей забесплатно (!) начать анализировать содеянное на предмет торможения.

Начинай все делать в обратном порядке!
Отключай части своего ПО шаг за шагом. Как заметишь ускорение - вот тебе готовый источник торможения.

[Nexus]

Открой сайт в хроме, нажми F12, открой вкладку "Network", фильтры отключи ("all") и перезагрузи страницу.
Файлов много подгружается на страницу, отсюда и загрузка в течении 8 секунд.

Зачем крутить к сайту кастомный скроллбар, к тому же работающий в лучшем случае через раз?

[рони]

dunakov,
может js/bootstrap.min.js не нужен?

[kotekiller]

у вас изображения весят как все части ведьмака.
bicycle.jpg - 1 Мб
и все это приправлено параллаксом. у меня аж ноут на колени упал.
гугл учил нас думать о тех у кого слабые пк, маленькие экраны и плохая скорость подключения. эмулируйте 2G соединение в хроме и посмотрите сколько минут грузится сайт.

[dunakov]

Там косяк весь в слайдере) Ищу способы решения

[Rasy]

Там косяк весь в слайдере) Ищу способы решения

1. Стоит уменьшить изображение до 1366 x пропорционально. Св-во background-size: cover; увеличит картинку по периметру с сохранением пропорций. Касается и фоновых с параллаксом.
2. Сайты со слайдерами на первом экране хорошо совместимы с прелоадерами.
3. Все слайды кроме первого лучше подгружать аяксом. Триггер смена слайда в апи.

[Nexus]

3. Все слайды кроме первого лучше подгружать аяксом. Триггер смена слайда в апи.

Проще т.н. «Lazy load» запилить.

[Rasy]

Проще т.н. «Lazy load» запилить.

Замечательный готовый вариант.

[dunakov]

А есть смысл конвертировать изображения на сайте в Бейс64?