Публикации по теме 'server-side-rendering'
Оптимизация и целевая страница на стороне сервера в приложении React
В этой статье мы рассмотрим, как повысить скорость загрузки страницы и повысить производительность.
Недавно мы работали над оптимизацией нашего SPA , созданного с помощью React. Мы смогли набрать 90+ баллов как на настольных компьютерах, так и на мобильных устройствах. Вы также можете проверить результаты самостоятельно.
После оптимизации
Для измерения скорости и производительности страницы используются следующие инструменты: Google Page Speed Insights и..
Создайте быстрое универсальное веб-приложение
Улучшение FCP веб-сайта, созданного с помощью React
Вступление
В Вивасофт Лимитед мы работаем над созданием высокопроизводительных и оптимизированных веб-приложений и веб-сайтов на основе реагирования для наших клиентов. Один из наших клиентов попросил нас переделать их веб-сайт с таким же оформлением и оформлением. Но решение должно быть очень быстрым!
Поэтому мы быстро проанализировали существующее решение. Это был сайт WordPress с настраиваемой темой. Есть тонны CSS. Мы не..
React Server Side Rendering (SSR) Boilerplate.
Поэтому, если вы используете SSR с ReactJS, не нужно ждать загрузки JavaScript и получить полностью отрендеренный HTML, как только первоначальный запрос вернет ответ. (Это хорошо для SEO).
Создание шаблона .
Настройте файл package.json , как показано ниже, и используйте npm install или npm i .
"dependencies": {
"axios": "0.16.2",
"babel-cli": "6.26.0",
"babel-core": "6.26.0",..
Angular Universal: реальные проблемы с приложениями
Angular Universal - это проект с открытым исходным кодом, расширяющий функциональные возможности @angular/platform-server . Проект делает возможным рендеринг на стороне сервера в Angular.
Angular Universal поддерживает несколько бэкэндов:
"Выражать" ASP.NET Core Хапи
Другой пакет Socket Engine - это фреймворк, который теоретически позволяет подключать любой бэкэнд к SSR-серверу.
В этой статье мы обсудим проблемы и возможные решения, с которыми мы столкнулись при..
React.js - рендеринг на стороне сервера с J2V8
Изоморфные шаблоны на сайте mobile.de
Краткая история
В mobile.de мы начали с шаблонизатора Apache FreeMarker , а позже переключили нашу систему шаблонов на Google Closure Templates .
Причина, по которой мы выбрали эту технологию почти единогласно во всей компании, заключалась в том, что это была одна из первых технологий на рынке, которая поддерживала изоморфные шаблоны, сохраняя при этом довольно простой синтаксис в соответствии с философией без логических шаблонов (в то..
Next.js на стороне сервера - примечания для себя
Но, надеюсь, будет полезно и другим.
Это сборник документации, объяснений и советов по Next.js. С несколькими фрагментами кода и изображениями в помощь.
Основное внимание уделяется тому, как «серверная сторона» работает в Next.js. Спойлер - он может больше, чем просто отображать HTML
В настоящее время последняя версия Next.js - 9.5.
Что такое Next.js?
Это платформа для создания приложений React, отображаемых на стороне сервера.
Но Next.js предназначен не только для..
Превентивная тактика для улучшения вашего счета в Lighthouse
Нет ничего хуже, чем развернуть приложение после нескольких месяцев напряженной работы только для того, чтобы понять, что у него ужасная оценка производительности Lighthouse. Все время, которое вы вкладываете в TDD, DRY, SEO и другие модные слова du-jour, напрасно, если ваше приложение будет наказано поисковыми системами за низкие показатели производительности или, что еще хуже, если ваши пользователи собираются уйти от ваших целевая страница через 5 секунд вечности, которая необходима..