Почему подключение CSS-файлов в <head> может замедлить отрисовку страницы?
Anonymous Quiz
24%
CSS блокирует загрузку HTML-разметки
57%
CSS блокирует построение и отрисовку рендера до его загрузки и парсинга
15%
CSS компилируется синхронно на сервере
4%
CSS блокирует выполнение асинхронных скриптов
Объясняю, как инкрементальная гидратация в Angular решает парадокс SSR: страница рендерится быстро, но клики молчат. Разбираем, как оживить интерфейс без лишней задержки и сделать его реально быстрым
Please open Telegram to view this post
VIEW IN TELEGRAM
❤1
This media is not supported in your browser
VIEW IN TELEGRAM
Сделано на SVG, CSS и JavaScript
Please open Telegram to view this post
VIEW IN TELEGRAM
❤1
Какой тип задач в Event Loop JavaScript имеет наивысший приоритет выполнения после текущего стека вызовов?
Anonymous Quiz
16%
setTimeout
11%
setInterval
66%
Микрозадачи (например, Promise.then)
7%
requestAnimationFrame
Пока строки в шаблоне были на английском — всё шло гладко. А потом пришёл Узбекистан. Рассказываю, как i18n и l10n становятся пожаром, если не думать о них с начала проекта
Please open Telegram to view this post
VIEW IN TELEGRAM
⚡2
Какой хинт устанавливает раннее соединение (DNS/TCP/TLS) без запроса ресурса?
Anonymous Quiz
23%
preload
26%
prefetch
37%
preconnect
14%
dns-prefetch
This media is not supported in your browser
VIEW IN TELEGRAM
Сделана на SVG и CSS
Please open Telegram to view this post
VIEW IN TELEGRAM
addEventListener()
в JavaScript и когда его применять?Метод
addEventListener()
позволяет навесить обработчик события на элемент, не перезаписывая уже существующие. Это гибкий способ реагировать на действия пользователя или изменения в документе.const button = document.querySelector("button");
button.addEventListener("click", () => {
console.log("Кнопка нажата!");
});
addEventListener()
добавляет обработчик клика по кнопке.addEventListener() удобно использовать для работы с кликами, вводом текста, прокруткой, ресайзом окна и любыми другими событиями. Он поддерживает множественные обработчики, удаление через removeEventListener() и захват событий, что делает его универсальным инструментом для работы с DOM.
Please open Telegram to view this post
VIEW IN TELEGRAM
Что происходит при установке нового Service Worker, если старый ещё контролирует страницы?
Anonymous Quiz
18%
Новый сразу берёт контроль
59%
Новый ждёт, пока старый освободит клиентов
12%
Оба активны одновременно
10%
Новый навсегда обслуживает только новые вкладки
This media is not supported in your browser
VIEW IN TELEGRAM
Сделана на SVG, CSS и JavaScript
Please open Telegram to view this post
VIEW IN TELEGRAM
👏2
Статический CSS отдается с Cache-Control: public, max-age=31536000, immutable. Через неделю вышло изменение. Какой подход — best practice — чтобы пользователи получили новую версию без очистки кеша у себя?
Anonymous Quiz
3%
Поменять только заголовки на сервере, URL не трогать
38%
Добавить к ссылке ?v=2, имя файла оставить прежним
17%
На время релиза отключить кеширование, затем вернуть
41%
Включить content hashing в имя файла (app.3f2a.css) и ссылаться на новый URL