Optymalizacja i wydajność strony

Optymalizacja i kompresja!

Wszystkie grafiki i zdjęcia staraj się kompresować pod format WebP...

Mateusz Pałka
Symbol Studio

Optymalizacja i patenty na kompresję zdjęć i wideo!

Wszystkie grafiki i zdjęcia staraj się kompresować pod format WebP, który zajmuje mniej miejsca niż png czy jpg. Pliki wideo konwertuj pod format WebM - polecam narzędzie HandBrake, w którym jest opcja “Web Optimized” - przenosi tzw. moov atom (metadane pliku wideo) na początek pliku, co umożliwia odtwarzanie wideo jeszcze przed jego pełnym załadowaniem. Jest to szczególnie przydatne dla plików używanych na stronach internetowych, ponieważ poprawia czas ładowania.

Dla zdjęć o rozdzileczości FullHD zlecam rozmiar maksymalnie 300kb. W przypadku wiedeo w rozdzielczosci FullHD, które trwa około 60 sekund maksymalny rozmiar bez utraty jakości to około 7-10mb. Oczywiście, każdy przypadek jest inny i wszystko zależy od skomplikowania grafiki czy wideo oraz jakości jaką chcemy uzyskać.

Przeczytaj o innych rozwiązaniach i metodach
Optymalizacja i wydajność strony

Zbyt dużo divów!

Na przestrzeni lat widziałem że osoby, które rozpoczynają przygodę z no-code mają tendencję do zbyt dużej ilości zagnieżdżeń...

Planowanie i organizacja pracy

Czas na testy i wdrożenie!

Podczas planowania czasu na wdrożenie rzadko się zdarza by uwzględnić dodatkowy czas...

Planowanie i organizacja pracy

Stosuj zewnętrzne metodologie!

Warto korzystać z zewnętrznych metodologii oraz gotowych rozwiązań, które mocno usprawnią wdrażanie stron...

Problemy i ich rozwiązania

Backup!

Warto co jakiś czas robić własny backup i ustalić jego spójne nazewnictwo...

Sprawdź
Planowanie i organizacja pracy

Czas na testy i wdrożenie!

Podczas planowania czasu na wdrożenie rzadko się zdarza by uwzględnić dodatkowy czas...

Sprawdź
Planowanie i organizacja pracy

Webflow czy Framer?

Ostatnie aktualizacje Webflow sprawiają że staje się on coraz bardziej zaawansowanym narzędziem...

Sprawdź
Optymalizacja i wydajność strony

Zbyt dużo divów!

Na przestrzeni lat widziałem że osoby, które rozpoczynają przygodę z no-code mają tendencję do zbyt dużej ilości zagnieżdżeń...

Sprawdź
Design, mikrointerakcje i JavaScript

Weblocks?

Jeśli chcemy rozszerzyć funkcjonalność naszej strony o dodatkowe funkcjonalności to narzędzia...

Sprawdź
Optymalizacja i wydajność strony

Tablet jak mobile!

W Polsce z tabletów korzysta mniej niż 6% użytkowników...

Sprawdź