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
Design, mikrointerakcje i JavaScript

Scroll into view!

W przypadku Webflow prostym sposobem na animowanie elementów po scrolu...

Planowanie i organizacja pracy

Kto odpowiedzialny za treści?

 Wyjaśnij podział odpowiedzialności za SEO, treści i grafikę...

Problemy i ich rozwiązania

Szablony?

Myślę że to w głównej mierze zależy w jakim stopniu chcemy modyfikować dany szablon...

Planowanie i organizacja pracy

Przed pracą!

Warto przy wdrażaniu pamiętać że oprócz przenoszenia naszego projektu pod Webflow i Framera są również inne aspekty...

Sprawdź
Problemy i ich rozwiązania

Banner Cookies?

Jeden z bardziej irytujących elementów przy wdrażaniu strony...

Sprawdź
Design, mikrointerakcje i JavaScript

Mikrointerakcje!

Mikrointerakcje, takie jak hover czy klikalne animacje, mogą znacząco poprawić UX...

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

Responsywność!

To, jak strona zachowuje się na różnych rozdzielczościach, ma istotny wpływ na jej odbiór przez użytkowników...

Sprawdź
Planowanie i organizacja pracy

Animacje na samym końcu!

Najpierw upewnij się, że strona działa poprawnie na każdej rozdzielczości zanim dodasz animacje...

Sprawdź