Artykuły dla tych, którzy
wdrażają stack
Materiały o React, Node.js, TypeScript i AI. Przetłumaczony tekst jest pokazany, gdy istnieje. Jeśli nie, widać tekst angielski i dopisek o tym.
Tag: Web Performance
Wyspy, które można ponownie uruchomić na Bun: Lekcje projektowania z ramy dla ceramiki
Jak framework z naciskiem na serwer traktuje HTML jako standard, ogranicza działanie JavaScript do oddzielnych obszarów, a także zajmuje się statycznym eksportem, błędami, CSP oraz wdrażaniem.
14 min czytaniaPrzełączanie wyświetlania poza ekranem za pomocą content-visibility i contain-intrinsic-size
Dowiedz się, w jaki sposób funkcja content-visibility: auto obniża koszty układu na długich stronach renderowanych przez serwer, dlaczego właściwość contain-intrinsic-size jest obowiązkowa oraz jak różni się od wirtualizacji.
12 min czytaniaRozbijanie kodu w dużych usługach Angular na żądanie za pomocą injectAsync
Dlaczego usługa wstrzykiwana statycznie zabiera ze sobą swoje biblioteki do głównego pliku Angular, oraz jak injectAsync ładuje usługi w trybie opóźnionym w zależności od intencji użytkownika, w tym przy ładowaniu warunkowym.
6 min czytaniaMyśl w kategoriach nieważności: praktyczny model tego, jak przeglądarki renderują strony
Naucz się rozumieć proces renderowania w przeglądarce, zadając pytanie o to, co unieważnia każdą zmianę – od problemów z układem elementów i kosztu rysowania po proces kompozycji, hydratacji i strumieniowania.
11 min czytaniaOd arkusza stylów do ekranu: jakie jest miejsce CSS w procesie przeglądarki
Śledź proces implementacji CSS od pobrania do pikseli: jak budowane są DOM, CSSOM i drzewo renderowania, gdzie odbywa się kaskada stylów oraz jakie źródła stylów konkurują o każdy element.
8 min czytaniaOd 66% do 185px: Jak przeglądarki obliczają wartości CSS przed układem
Prześledź wartość CSS na wszystkich etapach: deklarowanej, kaskadowej, określonej, obliczonej, użytej i faktycznej, i zobacz, dlaczego jednostki względne oraz trik konwersji rem zachowują się w taki sposób.
8 min czytaniaUtrzymanie responsywności strony: kiedy przenieść obliczenia CPU do Web Workera
Dowiedz się, dlaczego długie pętle zamykają interfejs użytkownika przeglądarki, jak wzorzec komunikacji Web Worker umożliwia przeniesienie tej pracy na inny wątek oraz jak ocenić, czy dana zadanie w ogóle wymaga użycia Workera.
12 min czytaniaPrzepływ danych, ponowne malowanie, kompozyt: ile kosztuje przeglądarce każda zmiana w CSS
Prześledź proces działania HTML i CSS w ramach DOM, CSSOM, układu elementów, procesu malowania oraz kompozycji obrazu, i dowiedz się, dlaczego zmiany szerokości są kosztowniejsze od zmian kolorów oraz jak uniknąć problemów związanych z szybkim przestrajaniem układu.
16 min czytaniaOdkrywanie zasobów, a nie ich transfer: wcześniejsze ładowanie aplikacji React przy użyciu HTTP/3
W protokole HTTP/3 w aplikacjach React problemem jest późne odkrywanie zasobów, a nie ich transfer. Funkcje preloadModule, preinit, Early Hints oraz podział na fragmenty rozwiązują ten problem, biorąc pod uwagę SSR.
19 min czytania
O tych artykułach
Wycena w 24 h
Potrzebujesz tego stacka w warstwie operatorskiej? Wyślij brief — wycena w 24 h.