Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Бутстраповский сайт (https://javascript.ru/forum/misc/70966-butstrapovskijj-sajjt.html)

dunakov 16.10.2017 09:44

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

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

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

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

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

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

ksa 16.10.2017 10:08

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

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

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

Nexus 16.10.2017 10:10

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

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

рони 16.10.2017 10:27

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

kotekiller 16.10.2017 20:08

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

dunakov 02.11.2017 13:37

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

Rasy 02.11.2017 14:29

Цитата:

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

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

Nexus 02.11.2017 14:43

Цитата:

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

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

Rasy 02.11.2017 15:05

Цитата:

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

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

dunakov 03.11.2017 10:24

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


Часовой пояс GMT +3, время: 04:36.