Optymalizacja frontendu
Jak wydajnie ładować logo na stronach WWW?
Logo. Ważny element każdej strony. Wpływający na percepcję witryny przez użytkownika od pierwszych sekund. Często ładowane zbyt późno.
![](https://webdevinsider.imgix.net/storage/uploads/blog/ladowanie-logo_polbv.png?w=200&h=115&q=95&auto=format)
Praktyczna wiedza z zakresu web developmentu, optymalizacji stron WWW i aplikacji webowych.
Optymalizacja frontendu
Logo. Ważny element każdej strony. Wpływający na percepcję witryny przez użytkownika od pierwszych sekund. Często ładowane zbyt późno.
Optymalizacja frontendu
Ostatnio na naszym Discordzie Web Dev Insider zapytano mnie, czy mógłbym rozwinąć / omówić ideę serwowania obrazków w przestrzeni ATF (zakwalifikowanych jako LCP) poprzez CDN, ale proxy'ując połączenie przez serwer.
Szczerze mówiąc, przez wiele lat Wordpress nie istniał w mojej głowie i świadomie go ignorowałem ze względu na bałagan, niefajny kod i mnóstwo problemów (w tym wydajnościowych). Nieświadomie nie zauważyłem natomiast wielu wspaniałych narzędzi jakie pojawiły się wokół niego, a które pomagają ułożyć cały projekt w sposób przyjazny dla developerów i zapewnić naprawdę satysfakcjonujący rezultat.
Optymalizacja frontendu
Parę informacji dotyczących HTTP/2 Server Push (a tak naprawdę jego końca) oraz znacznie lepszej alternatywy w postaci Early Hints. Zespół Google'a ogłosił, że Chrome od wersji 106 przestanie wspierać Server Push.
Optymalizacja frontendu
Kilka dni temu, WebPageTest ogłosił nową funkcjonalność w swoim narzędziu o nazwie Experiments & Opportunities. Po wygenerowaniu standardowego raportu, mamy do dyspozycji nową sekcję z listą rekomendowanych usprawnień na stronie (coś podobnego, co otrzymujemy w Lighthouse) + opcję uruchomienia nowego testu, z implementacją danej zmiany bez potrzeby kodowania, aby przekonać się, jak faktycznie wpływa ona na wydajność. Czy jest to dobre narzędzie?
Optymalizacja frontendu
25. kwietnia 2022, podczas darmowego live'a, przedstawiłem sposoby optymalizacji wydajności frontendu, które warto znać w 2022 roku. Dzięki nim udoskonalisz przede wszystkim wysokie wartości metryk Time to Interactive (TTI) oraz Total Blocking Time (TBT). Sporo nowości i extra demo lazy renderingu.