Какой фреймворк Javascript лучше всего подходит для моего веб-сайта портфолио с быстрой загрузкой изображений
Я хочу переписать свое портфолио. Я хочу, чтобы мой сайт загружался быстрее, чем текущая версия. Также в моем портфолио будет много изображений, и я использовал для этого CDN. Для моей текущей версии я использовал EmberJS, который довольно хорош. Тем не менее у меня есть сомнения, стоит ли мне использовать vanilla JS, чтобы сделать его легче и быстрее. Любое предложение будет оценено.
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
Зависит от размера изображения, если изображение больше (в памяти), веб-сайт будет загружаться медленно. Во-первых, попробуйте инструмент маяк из devTools, чтобы увидеть, через сколько секунд ваш сайт будет полностью загружен, с помощью этого инструмента вы найдете более важные функции, которые сделают ваш сайт лучше.
Если вы знаете реакцию, вы можете использовать ленивую реакцию, react-lazy будет загружать только изображения, компоненты, которые видны пользователю, в обычном случае, когда пользователь посещает ваш сайт, отображается весь сайт, и это займет некоторое время, если у вас много страниц с разными изображениями (реагирующий веб-сайт с реактивным маршрутизатором). С react-lazy, когда пользователь посещает ваш веб-сайт, он загружает только посещенную страницу, и вы можете использовать suspense, чтобы показать что-то, например, панель загрузки, когда пользователь перемещается по веб-сайту.
(если вы не хотите использовать реакцию, потому что это библиотека и она больше, чем vanilla JS, вы можете использовать облегченную версию реакции, PReact JS)
Попробуйте уменьшить размер ваших изображений в памяти, используя различные сайты, специализирующиеся на этом.