🦥 #20 Czy można zepsuć lazy loading?

Lepszy żaden lazy load, niż źle zrobiony

Lazy loading wykorzystujemy (a jeśli nie to na pewno zaczniesz) bardzo często, bo każde 100 ms czasu ładowania strony ma znaczenie i jest to jedna z technik optymalizacji. Jak wszystko tak i to możesz zrobić źle.

Z poniższego wpisu dowiesz się co można zrobić źle i jak podejść do tematu dobrze na konkretnym przykładzie (szablon Shopify).

Stop Lazy Loading Product and Hero Images

I see a recurring performance problem on many ecommerce sites—the most important images on the page are being lazy loaded when they shouldn’t be. You’re better off not implementing lazy loading at all than implementing it incorrectly.

Cloud FourJason Grigsby

Krótkie podsumowanie:
- lepiej nie stosować lazy loading niż robić to źle,
- celem lazy loadingu jest nie ładować rzeczy, których użytkownik może nie zobaczyć,
- nie używaj bibliotek JSowych, masz loading="lazy" :)

Piszmy lepsze komunikaty błędów

Błędy są częścią naszego życia 😅. Nie wszystkie są jasne dla klienta, a czasem nawet dla nas samych. Czy komunikat Ups, wystąpił błąd jest dla Ciebie wartościowy? Wiesz jaki błąd? Co zrobić żeby go naprawić?

Jenni Nadler, UX Writerka z Wix bardzo dobrze opisała drogę jaką przeszli od generycznych błędów do precyzyjnych.

I jeśli się zastanawiasz, dlaczego poruszam ten temat:

Generic errors are the result of bad development and product. … We must all care about it together.

Darmowa paczka ponad 7 000 ikon

Na koniec - zestaw ponad 7 000 ikon. Zaprojektowane w 16x16px, dzięki czemu są czytelne w małych i dużych rozmiarach. Ikony dostępny jako komponenty w React, Vue, webcomponent... ale brakuje paczki dla Angulara 💔.

Phosphor Icons

A flexible icon family for interfaces, diagrams, presentations — whatever, really.

Phosphor IconsTobias Fried