Как оптимизировать веб страницу?

Question

[Fatoblack]

Делаю свои первые шаги во Front-end разработку, хочу сделать fullpage scroll сайт, использую библиотеку fullPage.js
Но при прокрутке страниц вниз или вверх очень сильно ребит изображение и смотрится как ужасно неоптимизированная ерунда.
В чем проблема? может стоит сменить библиотеку? или слишком большой вес фоновых изображений? (~400кб)
Планирую 4 страницы максимум.
Буду рад критике и советам.
Ссылка на страницу и гит.
https://intensnow.github.io/
https://github.com/IntensNow/IntensNow.github.io

Answer 1

[Денис Букреев]

проблема в твоем слабом железе
у меня на самой простой модели macbook air все отлично, кроме отвратной заставки "Loading" - я бы за такое четвертовал

И эти мразотные молекулы у курсора - за такое я бы кастрировал

Comments

[Fatoblack]

Loading это по сути не заставка а предладер, надпись "loading" я заменю на более-ли менее нормальную анимацию.
Молекулы - можешь конкретнее назвать причину такого отвращения или это субъективное мнение?

[Сергей delphinpro]

Fatoblack: эти молекулы или паутинку суют везде где попало =)

[Сергей delphinpro]

Fatoblack: ничего не рябит, скролл плавный.

[Fatoblack]

Сергей: ясно спасибо, мне как неопытному бойцу эта анимация показалась довольно интересной вещью,

Answer 2

[Margo1964]

Железо.

Answer 3

[Игорь Воротнёв]

У меня все летает прекрасно, топовый MacBook Pro свежий. Да, тазик мощный, но поверьте, многие сайты и на нем лагают, даже браузеры вылетают иногда :)
Так что вопрос в железе.

Comments

[Fatoblack]

спасибо комментарий.

Answer 4

[Alex]

Вот нагрузка на процессор на первом слайде joxi.ru/p279pylt0aE49r
У меня i5 двухядерный. Мне кажется что эта "красота" такого не стоит :)

Comments

[Fatoblack]

Уже убрал этот злой Canvas =)