Wzorce układu strony
Wzorce układów utworzone przy użyciu nowoczesnych interfejsów API CSS, które ułatwiają tworzenie wspólnych interfejsów, takich jak karty, dynamiczne obszary siatki i układy na całą stronę.
- Całkowity czas blokowania (TBT)
- Web Vitals
- Najskuteczniejsze sposoby na poprawę podstawowych wskaźników internetowych
- Pierwsze kroki z mierzeniem wskaźników internetowych
- Porównaj możliwości LLM z podsumowaniem
- Sposób określania progów dla podstawowych wskaźników internetowych
- Optymalizacja największego wyrenderowania treści
- Podstawowe wskaźniki internetowe w przypadku narzędzi Google
- Ręczne diagnozowanie powolnych interakcji w module
- Punkt odniesienia
- Pamięć podręczna stanu strony internetowej
- First Input Delay (FID)
- Debuguj wydajność w terenie
- Porównywanie skuteczności właściwości @property w usłudze porównywania cen
- Korelowanie podstawowych wskaźników internetowych i przychodów z reklam z narzędziami Google
- Poprawianie wydajności i wygody AI po stronie klienta
- Miejsce na dane w internecie
- Czas na leniwe ładowanie elementów iframe poza ekranem.
- Tworzenie wielu progresywnych aplikacji internetowych w tej samej domenie
- Protokół Web Push Protocol
- Co wyróżnia progresywną aplikację internetową?
- Obsługa aktualizacji w manifeście aplikacji internetowej w Chrome
- Co jest potrzebne, aby można ją było zainstalować?
- Dodaj manifest aplikacji internetowej
- Ogranicz ataki typu cross-site scripting (XSS) przy użyciu rygorystycznej zasady Content Security Policy (CSP)
- Dostęp do urządzeń w internecie
- Zezwalanie na ponowne użycie klucza dostępu w witrynach w ramach powiązanych próśb o źródło
- Leniwe ładowanie obrazów na poziomie przeglądarki w internecie
- Wybierz odpowiedni format obrazu
- Wskaźniki niestandardowe
- Mierzenie i debugowanie skuteczności za pomocą Google Analytics 4 i BigQuery
- Sprawdzone metody dotyczące uprawnień internetowych
- Sprawdzone metody dotyczące powiadomień o plikach cookie
- Dostosuj powiadomienia o multimediach i elementy sterujące odtwarzaniem za pomocą interfejsu Media Session API
- Korzystanie z indeksu tabulacji
- Znajdowanie powolnych interakcji w terenie
- Czas do pierwszego bajtu (TTFB)
- Praktyczne tworzenie promptów dla mniejszych modeli LLM
- Optymalizuj długie zadania
- Optymalizuj czas do pierwszego bajtu
- Od interakcji do kolejnego wyrenderowania (INP)
- Kolory zależne od schematu kolorów CSS z funkcją light-dark()
- Wzorce wydajności WebAssembly dla aplikacji internetowych
- Animowane układy siatki CSS
- Graj w grę z dinozaurem w Chrome na padzie do gier
- Atrybut inert
- Co to jest sztuczna inteligencja?
- Etyka i AI
- Ulepsz wyszukiwanie w witrynie: odpowiedzi kontekstowe z wykorzystaniem generatywnej AI
- Poznaj zespół AI Web.dev
- Określanie dostawcy klucza dostępu za pomocą identyfikatora AAGUID
- Kompilowanie i optymalizacja Wasm za pomocą Binaryen
- Przechwytywanie dźwięku i obrazu w HTML5
- Komponent internetowy <model-viewer>
- Szczegółowe informacje dotyczące weryfikacji użytkowników
- Dlaczego dane dotyczące użytkowania Chrome i RUM różnią się od danych dotyczących RUM?
- Ułatwienia dostępu dla programistów stron internetowych
- Largest Contentful Paint (LCP)
- Wczytywanie JavaScriptu innej firmy
- Zablokuj możliwość tworzenia nowego klucza dostępu, jeśli taki istnieje
- Praca z IndexedDB
- 5 fragmentów kodu CSS, które każdy deweloper interfejsów powinien znać w 2024 roku
- Z jakich części składa się adres URL?
- Szczegółowe dane logowania dostępne do znalezienia
- Wydajność renderowania
- ResizeObserver: jest podobna do document.onresize dla elementów.
- Zoptymalizuj kodowanie i rozmiar transferu zasobów tekstowych
- OffscreenCanvas – przyśpiesz pracę kanw, korzystając z narzędzia internetowego
- Wstępnie wczytuj moduły
- First Contentful Paint (FCP)
- Sieci dystrybucji treści (CDN)
- Co wpływa na wygodę wylogowywania się?
- Time to Interactive (TTI) (Czas do pełnej interaktywności)
- Zoptymalizuj wczytywanie zasobów za pomocą interfejsu Fetch Priority API
- Pseudoklasy :user-valid i :user-invalid
- Optymalizacja podstawowych wskaźników internetowych z myślą o podejmujących decyzje biznesowe
- Szczegółowe informacje o ciągach kodowania base64 w JavaScripcie
- Podsiatka CSS
- Efektywne wczytywanie reklam bez wpływu na szybkość działania strony
- 4 często spotykane typy pokrycia kodu
- Co to jest testowanie czy nie, perspektywa techniczna
- Definiowanie przypadków testowych i priorytetów
- Dane o skuteczności skupione na użytkownikach
- Wstępne wczytywanie obrazów elastycznych
- Dostosowywanie typografii do preferencji użytkownika za pomocą CSS
- Piramida czy krab? Opracuj odpowiednią strategię testowania
- 3 najczęstsze typy automatyzacji testów
- Eliminowanie niepotrzebnych plików do pobrania
- Kompiluję mkbitmap do WebAssembly
- Co to jest WebAssembly i skąd się wzięła?
- Prywatny system plików źródła
- Bezpieczne przechowywanie danych użytkowników w nowoczesnych aplikacjach internetowych
- Wdrażanie pliku AVIF na potrzeby bardziej elastycznych witryn
- Optymalizacja interakcji do kolejnego wyrenderowania
- Funkcje podstawowe, których możesz używać już dziś
- Jak duże rozmiary DOM wpływają na interaktywność i co można z tym zrobić
- Optymalizuj opóźnienie wejściowe
- Ocena skryptu i długie zadania
- Renderowanie kodu HTML i interaktywności po stronie klienta
- Optymalizuj skumulowane przesunięcie układu
- Używanie rozszerzenia Web Vitals do debugowania problemów z podstawowymi wskaźnikami internetowymi
- Twórz środowisko WordPress w przeglądarce za pomocą WordPress Playground i WebAssembly
- Cumulative Layout Shift (CLS)
- Nowe funkcje dla programistów udostępniane przez WebAssembly
- Co to są mapy źródeł?
- PWA w sklepach z aplikacjami
- 6 fragmentów kodu CSS, które każdy programista interfejsów powinien znać w 2023 r.
- Funkcje trygonometryczne w CSS
- Efektywne wykonywanie operacji na poszczególnych klatkach wideo za pomocą metody requestVideoFrameCallback()
- Najciekawsze momenty społeczności GDE: Lars Knudsen
- Nowe wzorce w aplikacjach do multimediów
- Szybka wskazówka dotycząca CSS. Animowany tekst gradientowy
- Tworzę Chrometobera
- Tworzenie komponentu etykietki
- Tworzenie klucza dostępu do logowania się bez hasła
- Logowanie się za pomocą klucza dostępu przez autouzupełnianie formularzy
- Tworzenie komponentu pływającego przycisku polecenia (FAB)
- Sprawdzone metody dotyczące czcionek
- Najciekawsze momenty społeczności GDE: Alba Silvente Fuentes
- Szybka wskazówka dotycząca CSS. Animacja wczytywania
- Testowanie kontrastu kolorów projektu internetowego
- Tworzenie głównego menu nawigacyjnego witryny
- Czy to :modal?
- Styl listy kreacji
- Sprawdzone metody korzystania z tagów i menedżerów tagów
- Tworzenie iluzji zakrzywionej siatki
- Jak Nordhealth korzysta z właściwości niestandardowych w komponentach sieciowych
- Szczegółowa kontrola nad przekształceniami CSS z poszczególnymi właściwościami przekształcenia
- Animacje obramowania CSS
- Jak BBC wdraża mechanizm HSTS w celu zwiększenia bezpieczeństwa i skuteczności
- Dlaczego dane laboratoryjne i polowe mogą się różnić (oraz co należy zrobić w związku z tym)
- Korzystna sytuacja
- Koniec Internet Explorera
- Pożegnanie z HTML5Rocks
- Przepisy na własne pliki cookie
- Synchronizuj odtwarzanie dźwięku i obrazu w internecie
- Użyj stożkowych gradientów, aby utworzyć modne obramowanie
- Czym różnią się biblioteki JavaScript od platform?
- Wybierz bibliotekę lub platformę JavaScript
- Implementacja obsługi błędów w przypadku korzystania z interfejsu Fetch API
- Interfejs API dla szybkich i atrakcyjnych czcionek internetowych
- Przewodnik po terminalu dla programistów interfejsu
- GOV.UK usuwa jQuery ze swojego interfejsu.
- Tworzenie komponentu przycisku
- Nie walcz ze skanerem wstępnego wczytywania przeglądarki
- Tu się pomaga
- Sprawdzone metody mierzenia wskaźników internetowych w terenie
- Znajdowanie odwagi i inspiracji w społeczności programistów
- Zmienne czcionki w rzeczywistości
- Szybkie tworzenie ładnych gradientów CSS za pomocą narzędzia CSS Gradient Creator
- Szczegółowa analiza problemów z najważniejszymi problemami związanymi z tworzeniem stron internetowych
- Zadbaj o idealny wygląd swojej witryny dzięki plikowi images.tooling.report
- Zakres zmiennych globalnych i lokalnych
- Tworzenie komponentu okna
- Debugowanie błędów odtwarzania multimediów w internecie
- Najciekawsze momenty społeczności GDE: Nishu Goel
- Wpływ zbyt długiego wczytywania na wydajność
- Tworzenie komponentu paska wczytywania
- Zapisz dane logowania z Formularzy
- Chrome i Firefox wkrótce pojawią się w wersji głównej 100
- Tworzenie favikony adaptacyjnej
- Rysowanie na płótnie w Emscripten
- Zwiększ bezpieczeństwo i prywatność, aktualizując pamięć podręczną HTTP
- Dodatkowe elementy HTML
- Przenoszenie aplikacji USB do internetu. Część 2. gPhoto2
- Logowanie błędów sieciowych (NEL)
- Wykrywanie funkcji WebAssembly
- Przenoszenie aplikacji USB do internetu. Część 1. libusb
- Tworzenie komponentu przełącznika motywu
- Osadzanie fragmentów kodu JavaScript w C++ za pomocą Emscripten
- PWA w Oculus Quest 2
- Projektant budynku
- Kalkulator projektanta
- Precyzyjne kopiowanie kodu JavaScript za pomocą funkcjiStructuredClone
- Tworzenie komponentu toastu
- Fundusz UI
- Tworzenie komponentu menu gry 3D
- Co nowego w PageSpeed Insights
- W kierunku wskaźnika płynności animacji
- Wszystko ogłoszone podczas Chrome Dev Summit 2021
- Przepływy użytkowników w Lighthouse
- Podróż Photoshopa w internecie
- Tworzenie komponentu wielokrotnego wyboru
- Jak ocenić wydajność wczytywania w terenie za pomocą interfejsów Navigation Timing i Resource Timing
- Bezpieczne manipulacje DOM za pomocą interfejsu Sanitizer API
- Sprawdzone metody korzystania z elementów umieszczanych przez inne firmy
- Jak architektury SPA wpływają na podstawowe wskaźniki internetowe
- Szczegółowa analiza zdarzeń JavaScript
- Łączenie zasobów innych niż JavaScript
- Tworzenie komponentu złożonego z przycisku
- Importowanie arkuszy stylów za pomocą skryptów modułów CSS
- Kolor uzupełniający CSS
- Tworzenie komponentu przełącznika
- Nagłówki wskazówek dotyczących klienta dotyczące funkcji multimedialnych preferencji użytkownika
- Tworzenie komponentu menu nawigacyjnego
- Używanie wątków WebAssembly z C, C++ i Rust
- PWA z obsługą strumieniowania offline
- Schematy mediów
- Szyfrowanie multimediów
- Podstawy strumieniowego przesyłania multimediów
- Poruszanie się po polach w aktualizacji rozszerzenia wskaźników internetowych
- Dostosowanie rozmiaru CSS do @font-face
- Tworzenie schematu kolorów
- Kompresowanie obrazów w witrynie za pomocą formatu AVIF
- CSS dla wskaźników internetowych
- Nowe funkcjonalne selektory pseudoklasy CSS :is() i :where()
- Nowe szkolenie na temat progresywnych aplikacji internetowych jest już dostępne
- Przeprowadź migrację do wskazówek dotyczących klienta użytkownika
- Excalidraw i Fugu: ulepszanie podstawowych doświadczeń użytkownika
- Krótki opis nagłówków zabezpieczeń
- Moduły ES w skryptach service worker
- Tworzenie komponentu przewijającego multimedia
- Optymalizacja wskaźników internetowych za pomocą narzędzia Lighthouse
- Korzystanie z asynchronicznych internetowych interfejsów API z WebAssembly
- Kontrola skryptów innych firm
- Dostosuj nakładkę elementów sterujących oknami na pasku tytułu PWA
- Wypełnianie formularzy haseł jednorazowych w elementach iframe z innych domen za pomocą interfejsu WebOTP API
- Pokonywanie barier za pomocą interfejsu DataTransfer API
- Tworzenie animacji podzielonego tekstu
- Zadowolenie deweloperów stron internetowych
- Tworzenie komponentu Ustawienia
- Debuguj przesunięcia układu
- JavaScript: co to znaczy?
- Komponenty miniaplikacji
- Stosowanie zasad programowania miniaplikacji do przykładowego projektu
- Podsumowanie opinii programisty stron internetowych na temat miniaplikacji
- Programowanie miniaplikacji
- Projekty typu open source w miniaplikacji
- Struktura, cykl życia i grupowanie projektu
- Co to jest H5 i QuickApp?
- Znaczniki, styl, skrypt i aktualizowanie miniaplikacji
- Strumienie – kompleksowy przewodnik
- Tworzenie komponentu Karty
- Przewodnik po włączeniu izolacji zasobów z innych domen
- Żądanie izolacji wydajności przy użyciu nagłówka Origin-Agent-Cluster
- Właściwość współczynnika proporcji CSS
- WebRTC jest teraz standardem W3C i IETF
- Sprawdzone metody dotyczące karuzeli
- Potrzebna opinia: jak ulepszyć dane dotyczące przesunięcia układu w przypadku długotrwałych stron
- Kiedy używać protokołu HTTPS na potrzeby programowania lokalnego
- Używaj protokołu HTTPS na potrzeby programowania lokalnego
- Tworzenie komponentu bocznego
- Ćwiczenia z programowania: tworzenie komponentu Sidenav
- Ćwiczenia z programowania: wyśrodkowanie w CSS
- Środkowanie w CSS
- Twoja pamięć podręczna ❤️
- Publikuj, wysyłaj i instaluj nowoczesny kod JavaScript, aby przyspieszyć działanie aplikacji
- Worklety farb w różnych przeglądarkach i Houdini.how
- Ćwiczenia z programowania dotyczące formularzy płatności
- Sprawdzone metody dotyczące formularzy jednorazowych SMS-ów
- Ćwiczenia z programowania dotyczące formularzy z myślą o rozwiązywaniu problemów
- Ćwiczenia z programowania dotyczące formularza rejestracyjnego
- Sprawdzone metody dotyczące formularza rejestracyjnego
- Sprawdzone metody dotyczące formularzy płatności i adresów
- Automatyzacja audytów za pomocą AutoWebPerf
- Przegląd instancji roboczych
- Dwukierunkowa komunikacja z skryptami service worker
- Rozgłaszaj aktualizacje stron z skryptami service worker
- Przewodnik na temat imperatywnego buforowania
- Wyłącz przyspieszenie myszy, aby zwiększyć komfort grania w gry FPS
- Tworzenie komponentu Relacje
- Ćwiczenia z programowania: tworzenie komponentu Relacje
- Leniwe ładowanie na poziomie przeglądarki w systemach CMS
- Schemeryzująca tę samą witrynę
- Ćwiczenia z programowania: tworzenie serwera powiadomień push
- Ćwiczenia z programowania: tworzenie klienta powiadomień push
- Omówienie powiadomień push
- Pomiary wykorzystania offline
- Przykłady animacji CSS o wysokiej wydajności
- Signed Exchange (SXG)
- CSS min(), max() i clamp()
- Ulepszenia układu logicznego dzięki skrótom zależnym od przepływu
- Obsługa żądań dotyczących zakresu w instancji service worker
- Jak tworzyć skuteczne animacje CSS
- Dlaczego niektóre animacje są spowolnione?
- Steruj przesuwaniem, przechylaniem i powiększaniem kamery
- Czym są wersje próbne origin przez firmy zewnętrzne?
- Wycieki pamięci odłączonego okna
- Tworzenie strony zastępczej offline
- Core Web Vitals
- Twórz ciekawe kształty obrazów za pomocą właściwości clip-path w CSS
- Stosuj efekty do obrazów z właściwością CSS's mask-image
- Punktory niestandardowe w kodzie CSS ::marker
- Pomóż użytkownikom łatwo zmieniać hasła, dodając dobrze znany adres URL do zmiany hasła
- Obsługa opcjonalnych danych karty za pomocą skryptu service worker
- Organizowanie transakcji płatniczych z użyciem skryptu service worker
- Dostępność multimediów
- ARIA: trucizna czy antidotum?
- Debugowanie wycieków pamięci w WebAssembly za pomocą Emscripten
- content-visibility: nowa właściwość CSS, która zwiększa wydajność renderowania;
- Odblokowuję dostęp do schowka
- Sprawdzone metody dotyczące zasad dotyczących witryn odsyłających i witryn odsyłających
- Przeglądarka na Androidzie
- Tworzenie aplikacji PWA w Google, część 1
- Monitorowanie wydajności za pomocą Lighthouse CI
- Projektowanie wygody użytkowników kluczy dostępu na kontach Google
- @property: nadawanie supermocy zmiennym CSS
- Omówienie internetowych aplikacji płatniczych
- Powiązanie szybkości witryny z danymi dotyczącymi firmy
- Dostarczanie informacji o dostawie i danych kontaktowych z aplikacji płatniczej na Androida
- Buforowanie skryptu service worker i buforowanie HTTP
- Rejestrowanie internetowej aplikacji płatniczej
- Obsługa żądań nawigacji
- Korzystanie z raportu na temat użytkowania Chrome do sprawdzenia skuteczności w terenie
- Idealne renderowanie dzięki urządzeniu devicePixelContentBox
- 10 nowoczesnych układów w jednym wierszu kodu CSS
- Podsumowanie transmisji web.dev NA ŻYWO
- Sprawdzone metody dotyczące formularza logowania
- Tworzenie formularza logowania na podstawie funkcji przeglądarki obsługujących wiele platform
- Stopniowo ulepszaj progresywną aplikację internetową
- Narzędzia dla programistów do debugowania problemów z językiem JavaScript w wyszukiwarce Google
- Tworzenie elastycznych funkcji wyszukiwania za pomocą Workbox
- Dodawanie multimediów do strony internetowej
- Fragmenty tekstu pogrubione linki, do których nikt wcześniej nie linkował
- Niech Twoja PWA przypomina aplikację
- Jak zgłosić błąd w przeglądarce
- Pomiar wydajności za pomocą modelu RAIL
- Przyspiesz nawigację w aplikacji React dzięki szybkiemu linkowi
- Chroń swoje zasoby przed atakami internetowymi za pomocą funkcji Fetch Metadata
- Zmiana kolejności treści
- Ulepszenia interfejsu Web Animations API w Chromium 84
- Przewodnik dla deweloperów aplikacji płatniczych na Androida
- Jak skonfigurować formę płatności
- Cykl życia transakcji płatności
- Korzystanie z funkcji płatności internetowych w aplikacjach do wykonywania płatności
- Więcej zmiennych opcji czcionek w interfejsie systemu macOS w Chromium 83
- Szybko wykonuj swoje zadania dzięki skrótom do aplikacji
- Jak progresywne aplikacje internetowe mogą pomóc w osiągnięciu sukcesu biznesowego
- Przygotowanie do usunięcia z pamięci podręcznej aplikacji
- Pamięć trwała
- Jak zdefiniować strategię dotyczącą instalacji
- Jak CommonJS zwiększa Twoje pakiety
- Profilowanie aplikacji Web Audio w Chrome
- Dlaczego zaawansowane funkcje są potrzebne do obsługi zasobów z innych domen
- Szybsze wczytywanie stron Next.js i Gatsby dzięki szczegółowemu podziałowi na segmenty
- „Ta sama witryna” i „ta sama witryna”
- Monitoruj całkowite wykorzystanie pamięci przez strony internetowe za pomocą narzędziameasureUserAgentSpecMemory()
- Odizolowanie witryny od zasobów z innych domen za pomocą COOP i COEP
- Blog inżynierski web.dev nr 1: jak tworzymy witrynę i korzystamy z komponentów sieciowych
- Ulepszyliśmy domyślny styl trybu ciemnego za pomocą właściwości CSS schematu kolorów i odpowiedniego metatagu.
- Upewnij się, że Twoja witryna jest dostępna i użyteczna dla wszystkich w okresie pandemii COVID-19
- Elementy dotykowe z ułatwieniami dostępu
- Ułatwienia dostępu – kolor i kontrast
- Naprawianie przeciążonego serwera
- Elastyczne projektowanie witryn z ułatwieniami dostępu
- Zapobiegaj lukom w zabezpieczeniach witryn opartych na DOM, korzystając z zaufanych typów
- Używanie PWA w aplikacji na Androida
- Zapobiegaj przesuwaniu układu i przebłyskom niewidocznego tekstu (FOIT) dzięki wstępnym wczytywaniu opcjonalnych czcionek
- Jak dystrybuować podpisane wymiany HTTP (SXG) za pomocą nginx
- Jak skonfigurować podpisane wymiany HTTP (SXG) przy użyciu nginx
- Zoptymalizuj obrazy tła CSS za pomocą zapytań o media
- Rozwiązywanie problemów z szybkością witryny w różnych funkcjach
- Przyciąganie przewijane po zmianie układu
- Jak skonfigurować Signed Exchange przy użyciu programu Web Packager
- Jak zapewnić własny proces instalacji aplikacji
- Rzeczywistość rozszerzona: być może już to wiesz
- Umieszczanie wirtualnych obiektów w widoku rzeczywistego
- Rzeczywistość wirtualna w internecie pojawia się w części II
- Rozwijanie ekosystemu platformy internetowej
- Czym są progresywne aplikacje internetowe?
- Obsługa ikon adaptacyjnych w PWA z ikonami z maskowaniem
- Ulepszanie odrzucania strony w synchronicznej funkcji XMLHttpRequest()
- Podział sieci na wątki za pomocą instancji roboczych modułów
- Wczytywanie adaptacyjne: poprawianie wydajności internetu na wolniejszych urządzeniach
- Szybkie zmiany narzędzi: najważniejsze informacje z Chrome Developer Summit 2019
- Użyj robotów internetowych do uruchamiania JavaScriptu poza głównym wątkiem przeglądarki
- Opinia z ankiety na temat optymalizacji obrazów w lecie 2019 r.
- Tworzenie serwera powiadomień push
- Integracja z interfejsem użytkownika systemu operacyjnego za pomocą interfejsu Web Share API
- Podział kodu z dynamicznymi importami w Next.js
- Domyślna wydajność w Next.js
- Jak AMP może zagwarantować szybkość działania aplikacji Next.js
- Wstępne pobieranie tras w Next.js
- Rzeczywistość wirtualna w internecie
- Przepisy na ciastka SameSite
- Czym są pliki cookie
- Szybkie reklamy mają znaczenie
- Korzystaj z powiadomień push, aby angażować użytkowników i zachęcać ich do ponownego zaangażowania
- Pierwsze kroki z interfejsem Notification API
- Używanie skryptu service worker do zarządzania powiadomieniami
- Naprawianie niestabilności układu
- Techniki przyspieszające ładowanie aplikacji internetowych, nawet na telefonach z podstawową przeglądarką.
- Bardziej inteligentne właściwości niestandardowe dzięki nowemu interfejsowi API firmy Houdini
- Dwa sposoby pobierania z wyprzedzeniem: tagi <link> oraz nagłówki HTTP
- Pobieraj zasoby z wyprzedzeniem, aby przyspieszyć przyszłą nawigację
- Naprawianie treści mieszanej
- Co to jest treść mieszana?
- Więcej niż obrazy i podstawowe reklamy wideo w internecie
- Dodawanie ikony Apple Touch do progresywnej aplikacji internetowej
- Odtwarzacz internetowy
- Progresywne aplikacje internetowe w witrynach wieloźródłowych
- Zoptymalizuj wczytywanie i renderowanie czcionek WebFont
- Zmniejsz rozmiar czcionki internetowej
- Tworzenie progresywnej aplikacji internetowej za pomocą interfejsu wiersza poleceń Angular
- Efektywne wczytywanie kodu JavaScript innej firmy
- Zidentyfikuj powolny kod JavaScript innej firmy
- Optymalizacja obrazów za pomocą sieci CDN z obrazami
- Wydajność JavaScriptu innej firmy
- Bardziej zaawansowane elementy sterujące formularzem
- Optymalizacja JavaScriptu innej firmy
- Nawiąż połączenia sieciowe wcześniej, aby poprawić postrzeganą szybkość stron
- Twórz tła w stylu systemu operacyjnego za pomocą filtra tła
- Dbaj o aktualność treści dzięki funkcji nieaktualnej, działającej w ramach ponownej weryfikacji
- Wirtualizacja dużych list za pomocą Angular CDK
- Optymalizowanie wykrywania zmian w Angular
- Strategie wstępnego wczytywania trasy w Angular
- Dostosowanie filmu do wyświetlania obrazów na podstawie jakości sieci
- Szybsza nawigacja w internecie dzięki predykcyjnemu pobieraniu z wyprzedzeniem
- Kontrola ułatwień dostępu w aplikacji Angular za pomocą Codelyzer
- Buforowanie z użyciem skryptu service worker Angular
- Budżety wydajności za pomocą interfejsu wiersza poleceń Angular
- prefers-color-scheme: Witaj ciemności, mój stary przyjacielu
- Podział kodu na poziomie trasy w Angular
- Pierwsze kroki: optymalizacja aplikacji Angular
- Najważniejsze wskazówki dotyczące skuteczności w internecie
- Komponenty internetowe: tajny składnik, który ma wpływ na funkcjonowanie internetu
- Używaj Lighthouse do określania budżetów wydajności
- Aktualizacje interfejsów API płatności internetowych
- Wartość prędkości
- Instalacja paska adresu dla progresywnych aplikacji internetowych na pulpicie
- W jaki sposób skuteczność może zwiększyć liczbę konwersji?
- Jak powiadomić użytkowników, że moją aplikację PWA można zainstalować?
- Sposób myślenia skryptu service worker
- Wzorce promowania instalacji PWA
- Zasady dotyczące obrazów – m.in. szybkie wczytywanie
- Wyodrębnianie newralgicznego kodu CSS
- Wyodrębnianie i wbudowanie krytycznego kodu CSS za pomocą wartości krytycznej
- Czy długie zadania JavaScript opóźniają czas do pełnej interaktywności?
- Szybkość na dużą skalę: co nowego w dziedzinie wydajności witryn?
- Przedstawiamy PROXX
- Objaśnienie plików cookie SameSite
- Wyszukiwanie wizualne za pomocą zestawu narzędzi Web Perception Toolkit
- Praktyczna obsługa portali: łatwa nawigacja w internecie
- Adaptacyjne wyświetlanie na podstawie jakości sieci
- Minifikuj i kompresuj ładunki sieciowe za pomocą brotli
- web.dev na konferencji I/O 2019
- Jak mierzyć prędkość?
- Co to jest szybkość?
- Jak utrzymać szybkość?
- Kontrola ułatwień dostępu za pomocą pliku „Reaxe” i „eslint-plugin-jsx-a11y”
- Podział kodu za pomocą React.lazy i Susense
- Wirtualizacja dużych list za pomocą okna reakcji
- Stosowanie strategii w aplikacji React z użyciem Workbox
- Dodawanie manifestu aplikacji internetowej za pomocą narzędzia Create React
- Trasy renderowania z wyprzedzeniem z przyspieszeniem reakcji
- Pierwsze kroki: zoptymalizuj aplikację React
- Ćwiczenia z programowania: wstępne wczytywanie zasobów krytycznych, które pozwalają przyspieszyć wczytywanie
- preferowanie zmniejszonego ruchu: czasami mniej ruchu oznacza więcej
- Odrocz niekrytyczny kod CSS
- Zaufanie jest dobre, obserwacja jest lepsza: obserwacja Intersection Observer (wersja 2)
- Podstawy elastycznego projektowania witryn
- Konstrualne arkusze stylów
- Renderowanie w internecie
- Korzystanie z rozmiaru pakietu w Travis CI
- Włącz budżety wydajności w proces tworzenia kampanii
- Ustawianie budżetów wydajności za pomocą pakietu internetowego
- Korzystanie z Lighthouse Bot do ustalania budżetu wydajności
- Emscripten i npm
- Czy Twoja aplikacja jest zainstalowana? Poinformuje Cię to na stronie getinstalledrelatedApps().
- Udostępnianie nowoczesnego kodu w nowoczesnych przeglądarkach w celu szybszego wczytywania stron
- Dostosowywanie do użytkowników przy użyciu wskazówek klienta
- Nagłówki i punkty orientacyjne
- Sterowanie zaznaczeniem za pomocą indeksu tabulacji
- Podstawy korzystania z klawiatury
- Używaj semantycznego kodu HTML, aby łatwiej korzystać z klawiatury
- Etykiety i teksty alternatywne
- Co to jest ułatwienia dostępu?
- Semantyka i czytniki ekranu
- Skoncentrowany styl
- Zasada dotycząca tego samego źródła i element iframe
- Kompresowanie obrazów za pomocą Imagemin
- Naprawianie niejawnych błędów 404
- Udostępnianie nowoczesnego kodu w nowoczesnych przeglądarkach w celu szybszego wczytywania stron
- Zasada dotycząca tej samej domeny
- Unikaj przebłysków niewidocznego tekstu
- Konfigurowanie zachowania buforowania HTTP
- Wyświetlaj elastyczne obrazy
- Identyfikowanie zasobów wczytywanych z sieci
- Ogranicz ładunki JavaScript dzięki podziałowi kodu
- Wyświetlaj obrazy o prawidłowych wymiarach
- Skrypty service worker i interfejs Cache Storage API
- Korzystanie z Imagemin i Webpack
- Współdzielenie zasobów pomiędzy serwerami z różnych domen (CORS)
- Usuń nieużywany kod.
- Kierunek sztuki
- Zastąp GIF-y filmem
- Wstępnie wczytuj najważniejsze zasoby, aby przyspieszyć wczytywanie
- Skrzynka robocza: zestaw narzędzi Service Worker wysokiego poziomu
- Wyświetlaj obrazy o prawidłowych wymiarach
- Jak działa wyszukiwarka
- Bezpieczeństwo nie powinno być takie straszne!
- Pozwól na instalację
- Zastosuj błyskawiczne wczytywanie z wzorcem PRPL
- Zapobiegaj niepotrzebnym żądaniam sieciowym dzięki pamięci podręcznej HTTP
- Budżety wydajności – podstawy
- Praca z skryptami service worker
- Określanie buforowania za pomocą skrzynki roboczej
- Użyj deskryptorów gęstości
- Określanie wielu szerokości boksów
- Ogranicz ładunki JavaScript dzięki podziałowi kodu