Что использовали для разработки данных сайтов?

Question

[Александр Зайцев]

Кто разбирается, подскажите, что использовалось для разработки подобных сайтов?

https://unit-studio.ru/
https://www.sasco.ru/
https://goldensuisse.com/

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

Еще через инспектор кода пробовал изменить что-то на сайте и при переходе на новую страницу эти изменения остались, будто бы сайт не обновляет страницу.
Например: сделал логотип красным или черным фоном, кликнул по любой странице, а логотип такой и остался, не сбросив изменения в инспекторе кода.

Что это? Как такое сделать?

Comments

[lUser L]

Например: сделал логотип красным или черным фоном, кликнул по любой странице, а логотип такой и остался, не сбросив изменения в инспекторе кода.

По описанию - это SPA приложение

[Александр Зайцев]

Эмиль 🔥, а какие технологии используют для разработки, в какую сторону посоветуете смотреть?
И могли бы глянуть сайты и подсказать точнее. Спасибо

[Just Me]

Александр Зайцев, 2 последних сайта в списке сделаны на vue ( nuxt )

Answer 1

[Дмитрий Беляев]

Single-page application

Делается на любом современном фреймворке (Svelte, Angular, Vue), или без них вовсе, с любой библиотекой для клиентского роутинга

Comments

[Александр Зайцев]

Спасибо большое вам!

Answer 2

[Rsa97]

Первый сайт вроде как стандартный, с перезагрузкой страниц.
Второй и третий - Nuxt.js + Vue.js.
Ещё могут быть сайты на Angular, React или самописные с AJAX.

Еще через инспектор кода пробовал изменить что-то на сайте и при переходе на новую страницу эти изменения остались, будто бы сайт не обновляет страницу.

Это может быть просто эффектом кэширования CSS-файла.

Comments

[Александр Зайцев]

Спасибо вам за развернутый ответ
А как понять кешируется данный сайт или нет?

Вроде бы у него просто стандартные скрипты jquery, емкие картинки, но грузиться просто пушка

[Rsa97]

Александр Зайцев, Браузеры автоматически кэшируют статические ресурсы, если не запрещено заголовками.

Answer 3

[Pavel-ww]

Эти сайты активно используют javascript. Если обратите внимание в меню нет ссылок. Вместо этого на li элементы навешаны события click. Всё это очень не хорошо для SEO. А скорость работы - это не заслуга технологий на которых эти сайты сделаны, а заслуга минимализма структуры DOM.

Comments

[Александр Зайцев]

Подскажите пожалуйста, а как тогда сделать такой сайт со скриптами и большими картинками, что бы он моментально грузился?

Благодарю вас за ответ

[Pavel-ww]

Александр Зайцев, ну... вопрос ваш подразумевает целый обучающий курс )). Учите нативный js, учите js фреймворки, оптимизация графики, оптимальный или максимально разумный размер структуры DOM, оптимизация, минификация html, css, js. Работа с сервером - выбор сервера, кэширование, gzip сжатие и т.п.
Всё это вам надо изучить

[WapSter]

Pavel-ww, что за бред. Много факторов играют в скорости работы сайта. И минимализм в дом пожалуй вообще не основная

[Pavel-ww]

WapSter, бред? Уважаемый, потише на поворотах. Я перечислил выше многие из факторов. И минимализм в DOM еще как играет роль, если у вас дизайн макет на 30 000 пикселей с кучей графики и диватоз у верстальщика (что довольно частое явление).

[WapSter]

Pavel-ww, графики можно подгружать асинхронно, как и другие вещи не влияющие на сео. Поправил комментарии и тыкает в это) могешь)

[Александр Зайцев]

Pavel-ww, Спасибо вам огромное за развернутый ответ и направления, буду гуглить!

[Александр Зайцев]

Ребят, ну зачем ругаться сразу?
Просто вопрос, услышал ваше мнение, уже начал гуглить по этим вопросам

Благодарен вам, что подсказали и направили в нужное русло