Публикации по теме 'server-side-rendering'
PWA с Angular: Быть быстрым
Ранее на этой неделе мы рассматривали возможность превращения базового приложения Angular в прогрессивное веб-приложение ( здесь вы можете наверстать упущенное ). Теперь, когда у нас есть приложение, которое является надежным и будет загружать контент из кеша даже при отсутствии сети, давайте сделаем наше приложение быстрым!
git clone --branch v1.0 https://github.com/MichaelSolati/ng-popular-movies-pwa.git
cd ng-popular-movies-pwa
npm install
Это приложение зависит от API The..
SSR с веб-компонентами
Рендеринг Shadow DOM и шаблонов в Puppeteer
Рендеринг веб-компонентов на стороне сервера с помощью Google Puppeteer — непростая задача. Сериализация Shadow DOM находится на экспериментальной стадии. Декларативное теневое DOM позволяет сериализовать теневое DOM и может быть включено с помощью нескольких простых шагов. Без выполнения этих шагов у вас останутся пустые пользовательские элементы после рендеринга в Puppeteer.
Включить теневой корень
Чтобы ваш Shadow DOM был..
Рендеринг на стороне сервера визуализирован
Давайте посмотрим, как современное веб-приложение отображается в браузере. Типичный ответ, отправленный приложением Angular, выглядит так:
Браузеры берут этот main.js файл, анализируют и отображают наше приложение, это делает этот чистый HTML значимым. Но что, если пользователь отключит Javascript в своем браузере?
Что ж, он увидит это — пустую и мертвую страницу —
Но подождите? Шутки в сторону? Кто-то отключит Javascript в своем браузере в 2020 году? Кто такой тупой?..
Обман рендеринга на стороне сервера React с помощью Puppeteer
Обман рендеринга на стороне сервера React с помощью Puppeteer
Несколько недель назад команда фронтенд-разработчиков Kurio начала работу над новым проектом веб-приложения, написанным на React. Это все развлечения и игры, пока мы не развернули альфа-версию, и наш менеджер по продукту попытался поделиться контентом из веб-приложения в Facebook. Оказалось, что в сообщении Facebook не было миниатюр, а только заголовок веб-приложения по умолчанию, а не заголовок конкретного контента...
Делаем Netflix.com быстрее
Автор Кристофер Бакстер
Проще говоря, производительность имеет значение. Мы знаем, что участники хотят немедленно начать просмотр или просмотр своего любимого контента, и обнаружили, что более быстрый запуск приводит к более удовлетворительному использованию. Итак, при создании долгожданного обновления для netflix.com команда разработчиков пользовательского интерфейса веб-сайта сделала производительность стартапа приоритетом на первом уровне.
Результатом этих усилий стало..
Улучшение производительности SSR в библиотеках Virtual DOM
В этой статье я попытаюсь описать метод, который улучшит производительность рендеринга на стороне сервера за счет использования существующих оптимизаций на стороне клиента.
Ключевая идея этого метода заключается в использовании простого алгоритма сравнения/исправления вместо рендеринга целых страниц с нуля.
Поскольку алгоритм diff/patch применяется к существующему состоянию, нам нужно будет его сгенерировать. Он будет представлен в виде древовидной структуры данных с узлами, которые..
Реагировать на рендеринг на стороне сервера (SSR) с помощью модулей Express и CSS
Недавно я изучал React Server Side Rendering (SSR). Многие учебники содержат так много новых библиотек и большую кодовую базу. Мне часто было трудно у них учиться. Они добавляют все, включая кухонную раковину, с горячей перезагрузкой, Redux, маршрутизацией, готовыми конфигурациями и т. Д. Я просто хотел изучить модули SSR и CSS!
Моя цель состоит в том, чтобы разделить этот учебник до самого необходимого, чтобы заставить React SSR и модули CSS работать для отображения простой страницы для..
