Spring Boot + Turbolinks: ускоряем отображение страниц
Spring Boot Web Application (MVC): ускоряем отображение страниц с помощью Turbolinks. Turbolinks - библиотека из мира Ruby, ускоряющая отрисовку страниц после их загрузки. Ускорение достигается засчет перерисовки только тела документа, без ненужной переинициализации всего DOM дерева страницы, а также засчёт исключения загрузки дополнительных ресурсов и инициализации JavaScript кода. Дополнительно данная библиотека добавляет прогресс бар в верхней части страницы, аналогичный тому, что мы можем наблюдать на страницах многих сайтов, вроде YouTube и GitHub Код из видео: https://github.com/drucoder/sweater/tree/Turbolinks Страница проекта Turbolinks: https://github.com/turbolinks/turbolinks Собранный и минифицированный скрипт на CDN: https://cdnjs.com/libraries/turbolinks Описание HTML аттрибута defer: http://htmlbook.ru/html/script/defer Создание Spring Boot Rest Web приложения: https://www.youtube.com/watch?v=LOmcsf5IylI&list=PLU2ftbIeotGqSTOVNjT4L3Yfy8jatCdhm Инструменты разработчика в современных браузерах: https://youtu.be/8ZKgsdxSdTc ➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖ ➡ Твиттер: https://twitter.com/letsCodeDru ➡ Чат в Discord: https://discord.gg/xs6XxSx ➡ Группа Вконтакте: https://vk.com/letscodedru ➡ Канал в Telegram: https://t.me/letsCode_dru ➡ Чат в Telegram: https://t.me/joinchat/FeiP9xEhqHajfqhLr4z-Nw ➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖ Поддержать проект: ➡ Patreon https://www.patreon.com/letscodedru ➡ Яндекс.Деньги https://money.yandex.ru/to/41001451675086 ➡ PayPal paypal.me/letscodedru ➡ Qiwi https://qiwi.me/letscode ➡ WebMoney/BitCoin https://funding.webmoney.ru/d/drucoder ➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖ ➡ Ссылка на канал: https://www.youtube.com/channel/UC1g3kT0ZcSXt4_ZyJOshKJQ ➡ Ссылка на Яндекс.Дзен: https://zen.yandex.ru/media/id/5ac20956168a91ffeae449c5
Spring Boot Web Application (MVC): ускоряем отображение страниц с помощью Turbolinks. Turbolinks - библиотека из мира Ruby, ускоряющая отрисовку страниц после их загрузки. Ускорение достигается засчет перерисовки только тела документа, без ненужной переинициализации всего DOM дерева страницы, а также засчёт исключения загрузки дополнительных ресурсов и инициализации JavaScript кода. Дополнительно данная библиотека добавляет прогресс бар в верхней части страницы, аналогичный тому, что мы можем наблюдать на страницах многих сайтов, вроде YouTube и GitHub Код из видео: https://github.com/drucoder/sweater/tree/Turbolinks Страница проекта Turbolinks: https://github.com/turbolinks/turbolinks Собранный и минифицированный скрипт на CDN: https://cdnjs.com/libraries/turbolinks Описание HTML аттрибута defer: http://htmlbook.ru/html/script/defer Создание Spring Boot Rest Web приложения: https://www.youtube.com/watch?v=LOmcsf5IylI&list=PLU2ftbIeotGqSTOVNjT4L3Yfy8jatCdhm Инструменты разработчика в современных браузерах: https://youtu.be/8ZKgsdxSdTc ➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖ ➡ Твиттер: https://twitter.com/letsCodeDru ➡ Чат в Discord: https://discord.gg/xs6XxSx ➡ Группа Вконтакте: https://vk.com/letscodedru ➡ Канал в Telegram: https://t.me/letsCode_dru ➡ Чат в Telegram: https://t.me/joinchat/FeiP9xEhqHajfqhLr4z-Nw ➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖ Поддержать проект: ➡ Patreon https://www.patreon.com/letscodedru ➡ Яндекс.Деньги https://money.yandex.ru/to/41001451675086 ➡ PayPal paypal.me/letscodedru ➡ Qiwi https://qiwi.me/letscode ➡ WebMoney/BitCoin https://funding.webmoney.ru/d/drucoder ➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖ ➡ Ссылка на канал: https://www.youtube.com/channel/UC1g3kT0ZcSXt4_ZyJOshKJQ ➡ Ссылка на Яндекс.Дзен: https://zen.yandex.ru/media/id/5ac20956168a91ffeae449c5