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

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

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

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

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

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

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

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

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

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

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

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

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

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

Косяки шаблона
 

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

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

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

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

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

Прелоадер был, но я его удалил

dunakov, нет.
Вес изображения только увеличится, что плохо повлияет на скорость загрузки.

Просто я наблюдал алгоритм работы этого слайдера-карсели.

Когда выполнены все ивенты, только тогда он начинает грузиться. Это объясняет причину почему слайдер не работает без интернета.

Ибо он ждёт подгрузку гугл карт. Я закоментировал ивент гугл карт в js и слайдер работает без интернета.

Правда пробовал делать это в выгруженном сайте, на скорость загрузки это не повлияло, слайдер все так же тупит. И мне непонятно почему он 300-400 кб каритнки 19 секунд грузит у товарища

Начинает казаться уже, что кроме установки прелоадера выхода нет. Но неужели все слайдеры так грузятся? Хотя я прыгаю по сайтам таким, где на главной стоит хороший слайдер и там прелоадеры стоят

Оптимизировал изображения паралакса, конвертировал для любопытства в бейс. Вроде как быстрее работать начало

В общем. Провел большую оптимизацию контента. Уменьшил вес подгрузки в 2 раза. Нашёл корень зла. JS файл слайдера весит аж 3,5 мегабайт. Когда другие максимум 50 кб. Нужно сжимать, буду думать как

а Это из-за бейс изображений ) Тьфу