Как стать автором
Обновить

Как ускорить загрузку сайта: гайд для разработчиков

Уровень сложностиСредний
Время на прочтение7 мин
Количество просмотров4.7K
Всего голосов 4: ↑4 и ↓0+4
Комментарии5

Комментарии 5

Все очень просто, выкидываете из страниц все свистоперделки, оставляете контента на 100Кб всего. И все работает молниеносно!

Раньше думал, что вот, с приходом быстрого интернета, все будет открываться за наносекунды.. ну, примерно как в файловом браузере(проводнике).

..
Ошибался.

В браузере Google Chrome в "Инструментах разработчика" есть ещё один интересный инструмент - Lighthouse. Он сам анализирует сайт и даёт рекомендации по улучшению производильности.

Я не Фронтенд разработчик, но периодически беру задачи по вёрстке или какие-то заказы на фрилансе. Я использую Nuxt, и у меня есть не отвеченный вопрос — а действительно ли SSR подходит под малые проекты, а не наоборот? Я наслышан разных мнений и до сих пор не могу прийти к конечному выводу.. Я из бекенда/девопса, поэтому, что-то из фронтенда мне тяжело воспринимать.
Банально сейчас переписываю многостраничный лендинг на Nuxt & Vue 3, и тоже задаюсь вопросом: А использовать мне SSR или нет. Ведь по сути, SSR работает в "Real Time", никакой статики, данные подгружаются с запросом клиента, по идеи же нагрузка на сервер будет высокой и соответственно, нужно брать машину по больше, нежели чем под статик, или я не до конца понимаю концепцию? Буду благодарен, если Автор сможет это раскрыть под этим комментарием.

Ssr конечно даст нагрузку на бэк. Разделим загрузку страницы с реактивным приложением на части:

  1. Загрузка статики (html/js/css)

  2. Загрузка необходимых для страницы данных (в остовном api)

  3. Формирование контента на странице с учетом полученных данных.

1-й этап - комментировать не нужно, тут все ясно.

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

3-й этап - эту часть вы всегда умеете делать на клиенте. В случае с ssr, вы можете для роута на который обратился юзер заполнить страницу контентом сразу, тем самым избавив клиент от первого запроса к api. Последующее хождение по роутам все равно будет порождать запросы к api и формирование страницы, но уже ресурсами клиента.

В чем плюсы ssr? Это быстрее для клиента, это лучше индексируется. В чем минусы? Это нагрузка на бэк)

Зарегистрируйтесь на Хабре, чтобы оставить комментарий